.portfolio-opening{padding:165px 7vw 75px;text-align:center}.portfolio-opening>.eyebrow{color:var(--accent);margin:0 auto 28px}.portfolio-opening h1{font-size:clamp(3.2rem,5.5vw,6.3rem);letter-spacing:-.03em;line-height:1.08}.portfolio-opening>p:last-child{font-size:.95rem;color:var(--muted);max-width:620px;margin:30px auto 0}.portfolio-collection{padding:0 7vw 85px}.portfolio-toolbar{display:flex;justify-content:space-between;align-items:center;gap:22px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:24px}.portfolio-toolbar>.eyebrow{color:var(--accent)}.portfolio-filters{display:flex;flex-wrap:wrap;gap:8px 20px}.portfolio-filters button{border:0;border-bottom:1px solid transparent;background:transparent;color:var(--muted);font-size:.8rem;padding:10px 0}.portfolio-filters button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--ink)}.portfolio-count{font-size:.7rem;color:var(--muted);margin:14px 0 30px;min-height:1.8em}.portfolio-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:55px 5vw}.portfolio-card[hidden]{display:none!important}.portfolio-card a{display:block}.portfolio-image{position:relative;overflow:hidden;background:#e8e0d4}.portfolio-image img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;transition:transform 1.2s ease}.portfolio-card a:hover img,.portfolio-card a:focus-visible img{transform:scale(1.025)}.portfolio-open{position:absolute;bottom:16px;right:16px;width:36px;height:36px;background:#f8f5efed;display:grid;place-items:center}.portfolio-caption{position:relative;padding:20px 0}.portfolio-caption .eyebrow{font-size:.65rem;color:var(--accent);margin-bottom:8px}.portfolio-caption h2{font-size:clamp(1.9rem,2.8vw,3rem);letter-spacing:-.02em;margin:0 0 12px}.portfolio-view{font-size:.75rem;color:var(--muted)}.portfolio-approach{padding:85px 7vw;background:#eee7dc;text-align:center}.portfolio-approach>.eyebrow{color:var(--accent);margin:0 auto 24px}.portfolio-approach h2{font-size:clamp(2.8rem,4.5vw,4.8rem)}.portfolio-approach>p:last-child{max-width:620px;margin:30px auto 0;font-size:.95rem;color:var(--muted)}.portfolio-next{text-align:center;padding:85px 7vw}.portfolio-next h2{font-size:clamp(2.8rem,4vw,4.5rem)}.portfolio-next p{max-width:550px;margin:25px auto 30px;color:var(--muted)}.portfolio-next .submit{display:inline-block}.portfolio-card.portfolio-ready{opacity:0;transform:translateY(18px);transition:opacity .8s,transform .8s}.portfolio-card.portfolio-visible{opacity:1;transform:none}@media(max-width:760px){.portfolio-opening{padding:120px 7vw 50px}.portfolio-opening h1{font-size:3.2rem}.portfolio-grid{grid-template-columns:1fr;gap:25px}.portfolio-collection{padding-bottom:50px}.portfolio-filters{gap:8px 15px}.portfolio-approach,.portfolio-next{padding:60px 7vw}.portfolio-next .submit{max-width:100%;white-space:normal}}@media(prefers-reduced-motion:reduce){.portfolio-card.portfolio-ready{opacity:1;transform:none;transition:none}.portfolio-image img{transition:none}}

/* Staggered editorial covers retain the selection order. */
.portfolio-grid{gap:75px 8vw;align-items:start;padding:20px 2vw 35px}
.portfolio-card:nth-child(even){padding-top:115px}
.portfolio-image img{aspect-ratio:auto;max-height:620px;object-fit:contain;display:block}
.portfolio-image{background:transparent}
.portfolio-caption{padding-top:24px}
.portfolio-open{background:transparent;color:white;text-shadow:0 1px 5px #0009;font-size:1.5rem}
.portfolio-caption h2{font-size:clamp(2.1rem,3.2vw,3.6rem)}
@media(max-width:760px){.portfolio-grid{gap:45px;padding:10px 0}.portfolio-card:nth-child(even){padding-top:0}.portfolio-card:nth-child(even) .portfolio-image{margin-left:7vw}.portfolio-caption h2{font-size:2.5rem}}