@layer components{.work-hero{min-height:100svh;padding:var(--page-index-hero-space-start) 0 var(--page-hero-space-end);border-bottom:1px solid var(--color-border);background:radial-gradient(circle at 82% 38%, var(--color-accent-soft), transparent 28%), var(--color-background);align-items:stretch;display:flex;overflow:hidden}.work-hero__grid{align-items:center;gap:var(--layout-gap);grid-template-columns:minmax(0,1.25fr) minmax(22rem,.55fr);display:grid}.work-hero__title{gap:var(--space-6);display:grid}.work-hero__title h1{max-width:9.5ch}.work-hero__intro{gap:var(--space-5);padding-bottom:.6rem;display:grid}.work-hero__intro p{color:var(--color-text-secondary);font-size:var(--type-body-lg);margin:0}.work-hero__intro a{align-items:center;gap:var(--space-2);width:fit-content;min-height:2.75rem;font-family:var(--font-mono);font-size:var(--type-caption);letter-spacing:.08em;text-transform:uppercase;font-weight:600;display:inline-flex}.work-featured,.work-constellation,.work-index{padding-block:var(--section-space)}.work-featured{background:var(--color-surface)}.work-constellation{border-block:1px solid var(--color-border);background:var(--color-surface-alt)}.work-constellation__heading{align-items:end;gap:var(--layout-gap);padding-bottom:var(--section-heading-space);border-bottom:1px solid var(--color-border);grid-template-columns:minmax(18rem,1.05fr) minmax(18rem,.55fr);display:grid}.work-constellation__heading h2{max-width:16ch;margin-top:var(--space-5)}.work-constellation__heading>p{color:var(--color-text-muted);margin:0}.work-constellation__grid{align-items:stretch;gap:var(--grid-gap);margin-top:var(--space-7);grid-template-columns:minmax(28rem,1.2fr) minmax(21rem,.8fr);display:grid}.work-constellation__grid .signal-plot{align-self:stretch}.work-section-label{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.work-section-label>span{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--type-caption);letter-spacing:var(--tracking-label);text-transform:uppercase}.work-featured__grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;gap:var(--grid-gap);display:grid}.work-featured__grid .project-card:first-child,.work-featured__grid .project-card:nth-child(2){grid-column:1/span 8}.work-featured__grid .project-card:first-child,.work-featured__grid .project-card:nth-child(3){grid-row:1}.work-featured__grid .project-card:nth-child(2),.work-featured__grid .project-card:nth-child(4){grid-row:2}.work-featured__grid .project-card:nth-child(3),.work-featured__grid .project-card:nth-child(4){grid-column:9/-1}.work-featured__grid .project-card--hero .project-card__media{aspect-ratio:16/10}.work-featured__grid .project-card--hero .project-card__body{grid-template-columns:minmax(0,.85fr) minmax(20rem,1fr);align-items:start}.work-featured__grid .project-card--hero .project-card__meta{grid-column:1/-1}.work-featured__grid .project-card:nth-child(-n+2) .project-card__media{aspect-ratio:16/7}.work-featured__grid .project-card--editorial .project-card__media{aspect-ratio:5/3}.work-index{background:var(--color-background)}.work-index__heading{justify-content:space-between;align-items:end;gap:var(--grid-gap);display:flex}.work-index__heading>div{gap:var(--space-4);display:grid}.work-index__count{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--type-caption);letter-spacing:.06em;text-transform:uppercase;margin:0}.work-filters{z-index:20;margin-block:var(--space-7);padding-block:var(--space-3);gap:var(--space-3);border-block:1px solid var(--color-border);background:color-mix(in srgb, var(--color-background) 92%, transparent);backdrop-filter:blur(18px);display:grid;position:sticky;top:5.75rem}.work-filters__categories{scrollbar-width:none;gap:.25rem;display:flex;overflow-x:auto}.work-filters__categories::-webkit-scrollbar{display:none}.work-filters__categories button{border-radius:var(--radius-round);min-height:2.75rem;color:var(--color-text-secondary);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;transition:border-color .18s var(--ease-standard), background-color .18s var(--ease-standard), color .18s var(--ease-standard);background:0 0;border:1px solid #0000;flex:none;align-items:center;gap:.42rem;padding-inline:.85rem;font-size:.65rem;display:inline-flex}.work-filters__categories button:hover{border-color:var(--color-border);color:var(--color-text-primary)}.work-filters__categories button[aria-pressed=true]{border-color:var(--color-text-primary);background:var(--color-text-primary);color:var(--color-background)}.work-filters__categories sup{opacity:.68;font-size:.52rem}.work-filters__secondary{justify-content:space-between;gap:var(--space-4);display:flex}.work-filters__secondary label{align-items:center;gap:var(--space-3);display:flex}.work-filters__secondary label>span{color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.62rem}.work-filters__secondary select{border-color:var(--color-border);border-radius:var(--radius-round);background-color:var(--color-surface);min-height:2.75rem;color:var(--color-text-primary);font-size:var(--type-body-sm);padding:0 2.5rem 0 .8rem}.work-filters__reset,.work-empty button{align-items:center;gap:var(--space-2);border:0;border-bottom:1px solid var(--color-border-strong);min-height:2.75rem;color:var(--color-text-primary);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;background:0 0;padding:0;font-size:.64rem;display:inline-flex}.work-project-grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;gap:var(--space-8) var(--grid-gap);display:grid}.work-project-grid .project-card--hero{grid-column:span 8}.work-project-grid .project-card--feature,.work-project-grid .project-card--editorial{grid-column:span 6}.work-project-grid .project-card--standard{grid-column:span 4}.work-project-grid .project-card--compact{grid-column:span 3}.work-project-grid .project-card--hero .project-card__media{aspect-ratio:16/10}.work-project-grid .project-card--feature .project-card__media{aspect-ratio:4/3}.work-project-grid .project-card--editorial .project-card__media{aspect-ratio:16/8}.work-project-grid .project-card--compact .project-card__media{aspect-ratio:1}.work-project-grid .project-card--compact .project-card__summary{font-size:.82rem}.work-project-grid .project-card--compact .project-card__meta span:nth-child(2){display:none}.work-project-grid .project-card__meta{grid-template-columns:auto 1fr;display:grid}.work-project-grid .project-card__route{padding-top:var(--space-2);border-top:1px solid var(--color-border);grid-column:1/-1;display:block}.work-empty{place-content:center;justify-items:center;gap:var(--space-3);text-align:center;border-block:1px solid var(--color-border);min-height:24rem}.work-empty:not([hidden]){display:grid}.work-empty>span{font-size:var(--type-heading-md);letter-spacing:var(--tracking-heading);font-weight:500}.work-empty p{color:var(--color-text-secondary);margin:0}}@media (width<=72rem){.work-project-grid .project-card--hero,.work-project-grid .project-card--feature,.work-project-grid .project-card--editorial,.work-project-grid .project-card--standard{grid-column:span 6}.work-project-grid .project-card--compact{grid-column:span 4}}@media (width<=60rem){.work-hero__grid{grid-template-columns:1fr}.work-hero__intro{max-width:40rem}.work-featured__grid .project-card:first-child,.work-featured__grid .project-card:nth-child(n+2){grid-area:auto/span 6}.work-featured__grid .project-card:first-child{grid-column:1/-1}.work-constellation__grid{grid-template-columns:1fr}.work-filters{top:4.75rem}}@media (width<=44rem){.work-hero{padding-top:var(--page-hero-space-start)}.work-hero__title h1{font-size:clamp(3.3rem,16vw,5.4rem)}.work-index__heading,.work-constellation__heading,.work-filters__secondary{flex-direction:column;grid-template-columns:1fr;align-items:flex-start}.work-filters{margin-inline:calc(0rem - var(--page-margin));width:calc(100% + var(--page-margin) + var(--page-margin));padding-inline:var(--page-margin)}.work-filters__secondary label{align-items:stretch;gap:var(--space-2);flex-direction:column;width:100%}.work-filters__secondary select{width:100%}.work-featured__grid .project-card:first-child,.work-featured__grid .project-card:nth-child(n+2),.work-project-grid .project-card--hero,.work-project-grid .project-card--feature,.work-project-grid .project-card--editorial,.work-project-grid .project-card--standard,.work-project-grid .project-card--compact{grid-column:1/-1}.work-featured__grid .project-card--hero .project-card__body{grid-template-columns:1fr}.project-card__media,.work-project-grid .project-card--hero .project-card__media,.work-project-grid .project-card--feature .project-card__media,.work-project-grid .project-card--editorial .project-card__media{aspect-ratio:4/5}}@media (hover:none){.project-card__arrow{background:var(--color-accent)}.project-card__route{display:block}}@media (prefers-reduced-motion:reduce){.project-card__media img{transition:none}}