:root{color:#222;background-color:#fafafa;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}body{margin:0;padding:2rem}header{text-align:center;margin-bottom:3rem}#portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto;display:grid}.portfolio-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:2rem;position:relative;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.badge{color:#0369a1;background:#e0f2fe;border-radius:4px;padding:.25rem .5rem;font-size:.75rem;font-weight:700}.portfolio-card.poem .badge{color:#6b21a8;background:#f3e8ff}h2{margin:.5rem 0;font-size:1.5rem}.date{color:#6b7280;margin-bottom:1rem;font-size:.85rem}.content-preview{color:#374151;line-height:1.6}.portfolio-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.card-text-content{padding:2rem}.card-image-wrapper{background-color:#f3f4f6;width:100%;height:240px;overflow:hidden}.card-image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.portfolio-card:hover .card-image-wrapper img{transform:scale(1.04)}.portfolio-card.artwork .badge{color:#b45309;background:#fef3c7}