body[data-lightbox-open]{overflow:hidden}.portfolio-page{margin-block:calc(-1*clamp(var(--space-7),10vw,var(--space-8)));padding-block:clamp(var(--space-7),10vw,var(--space-8));overflow:clip}.portfolio-hero{position:relative;padding-block-end:clamp(var(--space-5),7vw,var(--space-7))}.portfolio-hero:after{position:absolute;z-index:var(--z-base);inset-block-start:-2rem;inset-inline-end:-6rem;width:clamp(9rem,20vw,18rem);aspect-ratio:1;border-radius:50%;background:var(--color-seafoam-tint);content:""}.portfolio-hero>*{position:relative;z-index:1}.portfolio-hero .eyebrow{margin-block-end:var(--space-2);color:var(--color-primary-hover)}.portfolio-hero h1{margin-block-end:var(--space-3)}.portfolio-hero>p:last-child{max-width:42rem;margin:0;color:var(--color-ink-muted);font-size:clamp(1.0625rem,2vw,1.25rem)}.portfolio-browser{display:grid;gap:var(--space-5)}.portfolio-filters{display:grid;gap:var(--space-3);padding-block:var(--space-3);border-block:1px solid var(--color-border-strong)}.portfolio-filters__heading{display:grid;gap:var(--space-1)}.portfolio-filters h2{margin:0;font-size:1.125rem}.portfolio-filters__heading p{margin:0;color:var(--color-ink-muted);font-size:.875rem}.portfolio-filters__controls{display:flex;flex-wrap:wrap;gap:var(--space-1)}.portfolio-filters button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:.4rem;padding-inline:var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-seafoam-tint);color:var(--color-ink);cursor:pointer;font:600 .875rem/1.2 var(--font-body);transition:background-color var(--duration-micro) var(--ease-smooth),border-color var(--duration-micro) var(--ease-smooth)}.portfolio-filters button:hover{background:var(--color-filter)}.portfolio-filters button[aria-pressed=true]{border-color:var(--color-ink);background:var(--color-filter)}.portfolio-filters button[aria-pressed=true]:before{content:"✓";font-size:1rem;line-height:1}.portfolio-grid{display:grid;gap:var(--space-5) var(--space-3);padding:0;margin:0;list-style:none}.portfolio-card,.portfolio-card figure{min-width:0;margin:0}.portfolio-card__image-link{display:block;width:100%;border:1px solid transparent;border-radius:var(--radius-small);background:var(--color-surface);cursor:zoom-in;transition:border-color var(--duration-micro) var(--ease-smooth),opacity var(--duration-micro) var(--ease-smooth)}.portfolio-card__image-link:hover{border-color:var(--color-border-strong);opacity:.94}.portfolio-card__image-link img{width:100%;height:auto;border-radius:calc(var(--radius-small) - 1px);object-fit:contain}.portfolio-card figcaption{position:static;padding-block-start:var(--space-2);background:var(--color-canvas)}.portfolio-card h2{margin-block-end:var(--space-1);font-family:var(--font-display);font-size:clamp(1.4rem,2.5vw,1.9rem);font-weight:500;transition:color var(--duration-micro) var(--ease-smooth)}.portfolio-card:has(.portfolio-card__image-link:hover) h2{color:var(--color-primary-hover)}.portfolio-card figcaption p{max-width:58ch;margin:0;color:var(--color-ink-muted);font-size:.9375rem}.lightbox{position:fixed;inset:0;width:calc(100% - 1rem);max-width:none;height:calc(100% - 1rem);max-height:none;padding:0;border:0;margin:auto;background:var(--color-ink);color:var(--color-canvas)}.lightbox::backdrop{background:#141414eb}.lightbox[data-lightbox-mode=fallback][open]{z-index:var(--z-lightbox);display:block;width:100%;height:100%;max-height:100%;margin:0}.lightbox__canvas{display:grid;width:100%;height:100%;grid-template-rows:auto minmax(0,1fr) auto;gap:var(--space-1);padding:var(--space-1)}.lightbox__topbar,.lightbox__footer{display:grid;align-items:center;gap:var(--space-1)}.lightbox__topbar{grid-template-columns:minmax(0,1fr) auto}.lightbox__topbar p{margin:0;padding-inline-start:var(--space-1);color:var(--color-canvas);font-size:.8125rem}.lightbox__stage{display:flex;min-width:0;min-height:0;align-items:center;justify-content:center;overflow:hidden;touch-action:pan-y}.lightbox__stage img{width:auto;max-width:100%;height:auto;max-height:100%;object-fit:contain}.lightbox__error{max-width:28rem;margin:0;padding:var(--space-3);border:1px solid var(--color-canvas);color:var(--color-canvas);text-align:center}.lightbox__footer{grid-template-columns:auto minmax(0,1fr) auto}.lightbox__details{max-width:48rem;margin-inline:auto;text-align:center}.lightbox__details h2{margin-block-end:.2rem;font-family:var(--font-display);font-size:clamp(1.3rem,3vw,1.8rem);font-weight:500}.lightbox__details p{margin:0;color:var(--color-canvas);font-size:clamp(.75rem,2vw,.9375rem);line-height:1.45}.lightbox__control{display:inline-grid;width:44px;min-width:44px;height:44px;padding:0;border:1px solid var(--color-canvas);border-radius:50%;background:transparent;color:var(--color-canvas);cursor:pointer;font:500 1.5rem/1 var(--font-body);place-items:center;transition:background-color var(--duration-micro) var(--ease-smooth),color var(--duration-micro) var(--ease-smooth)}.lightbox__control:hover{background:var(--color-canvas);color:var(--color-ink)}.lightbox__control:focus-visible{outline-color:var(--color-canvas)}@media(min-width:48rem){.portfolio-filters{grid-template-columns:minmax(12rem,.35fr) minmax(0,1fr);align-items:center}.portfolio-filters__controls{justify-content:flex-end}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lightbox{width:calc(100% - 2rem);height:calc(100% - 2rem)}.lightbox__canvas{padding:var(--space-2)}}@media(min-width:64rem){.portfolio-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.portfolio-grid>li{grid-column:span var(--card-span, 4)}}@media(prefers-reduced-motion:reduce){.portfolio-hero:after{transform:none}}