.work-page .site-header{position:fixed;inset:0 0 auto;z-index:3;width:100%;background:var(--color-bg)}.work-page .site-footer{position:relative;z-index:2;background:var(--color-bg)}.work-stage{position:fixed;inset:0;z-index:0;width:100%;height:100%;pointer-events:none;opacity:var(--work-field-opacity, 1);filter:blur(var(--work-field-blur, 0px));transition:opacity .42s linear,filter .42s linear}.work{position:relative;z-index:1}.work-hero{display:flex;flex-direction:column;justify-content:center;gap:var(--space-8);min-height:100svh;padding:var(--hero-heading-offset) var(--page-gutter) var(--space-16)}.work-hero__copy{position:relative;max-width:46rem}.work-hero .work-kicker{position:absolute;top:0;margin:0;transform:translateY(calc(-100% - var(--space-4)))}.work-hero__figure{display:grid;place-items:center;width:100%;min-height:42vh}.work-hero__fallback{display:none;width:auto;height:8rem;max-width:12rem;background:transparent}.work-page.no-webgl .work-hero__fallback{display:block}.work-body{width:min(100% - (2 * var(--page-gutter)),var(--container-default));margin-inline:auto;padding-block:var(--space-16)}.work-page .work-close{max-width:var(--container-narrow)}.work-page .work-kicker{margin:0 0 var(--space-4);color:var(--color-accent);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.work-page .work-hero h1,.work-page .work-close h2{margin:0;font-family:var(--font-display);font-weight:500;line-height:var(--leading-display)}.work-page .work-hero h1{max-width:12em;font-size:clamp(var(--text-4xl),5vw,var(--text-6xl))}.work-page .work-close h2{font-size:clamp(var(--text-3xl),4vw,var(--text-5xl))}.work-page .work-lead,.work-page .work-secondary,.work-page .work-empty p,.work-page .work-card p,.about-page .work-card p,.service-detail .work-card p{color:var(--color-text-secondary);line-height:var(--leading-body)}.work-page .work-lead{max-width:38rem;margin-top:var(--space-6);font-size:var(--text-lg)}.work-page .work-secondary{max-width:38rem;margin-top:var(--space-4)}.work-page .work-portfolio{margin-top:var(--space-12)}.work-page .work-filters{display:flex;flex-wrap:wrap;gap:var(--space-3)}.work-page .work-filter{min-height:2.75rem;padding:var(--space-2) var(--space-4);color:var(--color-text-primary);font:inherit;font-size:var(--text-sm);background:transparent;border:1px solid var(--color-border);cursor:pointer}.work-page .work-filter[aria-pressed=true]{border-color:var(--color-text-primary);text-decoration:underline;text-underline-offset:.25em}.work-page .work-filter:hover{border-color:var(--color-text-secondary)}.work-page .work-grid{display:grid;gap:var(--space-8);margin-top:var(--space-8)}.work-page .work-card,.about-page .work-card,.service-detail .work-card{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.work-page .work-card[hidden],.about-page .work-card[hidden],.service-detail .work-card[hidden]{display:none}.work-page .work-card img,.about-page .work-card img,.service-detail .work-card img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;background:var(--color-bg-elevated)}.work-page .work-card h2,.about-page .work-card h2,.about-page .work-card h3,.service-detail .work-card h2,.service-detail .work-card h3{margin-top:var(--space-4);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:500;line-height:var(--leading-heading)}.work-page .work-card__link,.about-page .work-card__link,.service-detail .work-card__link{color:inherit;text-decoration:none}.work-page .work-card__link:hover img,.work-page .work-card__link:focus-visible img,.service-detail .work-card__link:hover img,.service-detail .work-card__link:focus-visible img{outline:1px solid var(--color-text-secondary);outline-offset:0}.work-page .work-tags,.about-page .work-tags,.service-detail .work-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none}.work-page .work-tags li,.about-page .work-tags li,.service-detail .work-tags li{color:var(--color-text-muted);font-size:var(--text-xs);letter-spacing:.04em}.work-page .work-empty{max-width:var(--container-narrow);margin-top:var(--space-8)}.work-page .work-empty h2{margin:0 0 var(--space-4);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:500}.work-page .work-empty .work-filter{margin-top:var(--space-6)}.work-page .work-close{margin-top:var(--space-20);padding-top:var(--space-16);border-top:1px solid var(--color-border)}.work-page .work-close .button{margin-top:var(--space-8);min-height:2.75rem}.work-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:768px){.work-hero{display:grid;grid-template-columns:2fr 1fr;align-items:start}.work-hero__figure{align-self:stretch;min-height:70vh}.work-page .work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-10)}}@media(min-width:1280px){.work-page .work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.work-stage,.work-page .work-card__link img{transition:none}}
