.portfolio-hero{padding:4.6rem 0 3.2rem;background:#e6dcd0}.portfolio-hero h1{font-size:clamp(3rem,6vw,5.5rem);max-width:10ch;margin-bottom:1rem}.portfolio-hero p:not(.eyebrow){max-width:42rem;color:var(--muted)}.portfolio{padding:3rem 0 6rem}.portfolio-controls{display:flex;gap:.55rem;flex-wrap:wrap;margin-bottom:2rem}.filter-button{border:1px solid var(--line);padding:.6rem .85rem;background:var(--white);font:600 .74rem var(--sans);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border-radius:999px}.filter-button[aria-pressed=true]{background:var(--ink);color:#fff}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.portfolio-empty{grid-column:1/-1;border:1px dashed var(--line);padding:4rem 1.5rem;text-align:center;background:var(--white)}.portfolio-empty h2{font-size:2rem}.portfolio-item{background:var(--white);border:1px solid rgba(34,26,20,.12);margin:0;border-radius:18px;overflow:hidden;box-shadow:0 10px 26px rgba(38,29,22,.06);transition:transform .2s ease, box-shadow .2s ease}.portfolio-item:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(38,29,22,.1)}.portfolio-item__image{width:100%;aspect-ratio:4/5;object-fit:cover;background:#e6e0d8;display:grid;place-items:center;color:#746b62;text-align:center;padding:1.2rem;font-size:.87rem;border-bottom:1px solid rgba(34,26,20,.08)}.portfolio-item figcaption{padding:1rem 1.1rem 1.2rem}.portfolio-item h2{font-size:1.3rem;margin-bottom:.35rem;line-height:1.2}.portfolio-item p{font-size:.83rem;color:var(--muted);margin:0;line-height:1.6}.portfolio-item[hidden]{display:none}@media(max-width:800px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.portfolio-grid{grid-template-columns:1fr}}