:root{--subnav-h: 59px;--chrome-h: calc(var(--header-h) + var(--subnav-h))}html[data-page=work]{scroll-padding-block-start:var(--chrome-h)}@media(min-width:900px){.scene-band{min-height:clamp(300px,40vh,440px)}}.subnav{position:sticky;top:var(--header-h);z-index:30;background:var(--paper);border-bottom:1px solid var(--line)}.subnav-in{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:calc(var(--subnav-h) - 1px)}.filters{display:flex;gap:.5rem;flex-wrap:wrap}.chip{border:1px solid var(--line);background:transparent;border-radius:999px;padding:.45rem 1rem;font:600 var(--fs-small) var(--font-body);color:var(--fg);display:inline-flex;align-items:center;min-height:44px}@media(min-width:900px){.chip{min-height:0}}.chip[aria-checked=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.piece-counter,.piece-index{font-family:var(--font-mono);font-weight:500;font-size:var(--fs-kicker);letter-spacing:.12em;color:var(--fg-muted);white-space:nowrap}.catalog{display:block}.piece{position:relative;min-height:calc(100dvh - var(--chrome-h));max-width:var(--maxw);margin-inline:auto;padding:clamp(2rem,6vw,3rem) var(--gutter);display:grid;align-content:center;gap:clamp(1.25rem,4vw,1.75rem);transition:opacity var(--t-base) var(--ease),filter var(--t-base) var(--ease)}.piece[hidden]{display:none}.piece+.piece{border-block-start:1px solid var(--line)}.piece-media{position:relative;width:100%}.piece-frame{position:relative;display:block;aspect-ratio:16 / 10;overflow:hidden;border:1px solid var(--line);background:var(--surface);color:inherit;text-decoration:none;transition:transform var(--t-base) var(--ease),box-shadow var(--t-base) var(--ease)}.piece-frame img,.piece-clip{position:absolute;inset:0;width:100%;height:auto;min-height:100%;object-fit:cover}.piece-clip{opacity:0;transition:opacity var(--t-slow) var(--ease)}.piece.is-live .piece-clip{opacity:1}.piece.is-live .piece-frame{transform:translateY(-4px);box-shadow:0 12px 32px #18181814}.piece-play{display:none}@media(pointer:coarse){html.clips-on .piece-play{display:block;position:absolute;z-index:2;pointer-events:none;inset-block-end:.75rem;inset-inline-end:.75rem;width:44px;height:44px;filter:drop-shadow(0 4px 12px rgba(24,24,24,.18));transition:opacity var(--t-base) var(--ease)}.piece-play svg{display:block;width:100%;height:100%}.piece.is-live .piece-play{opacity:0}}.piece-inset{display:none}@media(min-width:900px){.piece-inset{display:block;position:absolute;inset-block-end:-8%;inset-inline-end:-4%;width:42%;aspect-ratio:16 / 10;overflow:hidden;border:1px solid var(--line);background:var(--surface);box-shadow:0 18px 48px #18181824;z-index:2}.piece-inset picture{display:block;height:100%}.piece-inset img{width:100%;height:auto;min-height:100%;object-fit:cover}}.piece-caption{position:relative;z-index:3}.piece-caption[data-accent=site]{--accent: var(--tint-site)}.piece-caption[data-accent=system]{--accent: var(--tint-system)}.piece-caption[data-accent=automation]{--accent: var(--signal-text)}.caption-card{background:var(--surface);border:1px solid var(--line);border-radius:0;border-block-start:3px solid var(--accent);padding:1.5rem;display:grid;gap:.35rem;align-content:start;transition:transform var(--t-base) var(--ease),box-shadow var(--t-base) var(--ease),opacity var(--t-base) var(--ease)}.caption-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(var(--void-rgb),.14)}.caption-card p{margin:0}.piece-caption .caption-card .kicker{color:var(--accent);margin-block-end:.35rem}.piece-summary{color:var(--fg-2)}.piece-body{color:var(--fg-muted);font-size:var(--fs-small)}.caption-card .piece-actions{display:flex;flex-wrap:wrap;gap:1.25rem;margin-block-start:.5rem}.piece-cta{font-weight:600;color:var(--accent);text-decoration:none}.piece-app{color:var(--fg-muted);font-size:var(--fs-small);font-weight:600;text-decoration:none}.piece-cta:hover,.piece-app:hover{text-decoration:underline}html.reveals-on .piece [data-reveal]{opacity:1;transform:none}.footer-note-work{margin:0;color:var(--fg-muted);font-size:var(--fs-small)}@media(min-width:1024px){.piece{grid-template-columns:minmax(0,7fr) minmax(300px,4fr);gap:var(--gutter);align-items:center}.piece+.piece{border-block-start:0}.piece-media{justify-self:start;width:min(100%,calc((100dvh - var(--chrome-h) - 6rem) * 1.6))}.piece-inset{inset-inline-end:-8%;width:38%}}@media(min-width:1024px)and (prefers-reduced-motion:no-preference){html[data-page=work]{scroll-snap-type:y mandatory}.piece,.scene-band,.catalog+.section,.cta-band{scroll-snap-align:start;scroll-snap-stop:normal}[data-chrome=bottom]{scroll-snap-align:end}html.catalog-focus .piece:not(.is-live){opacity:.28;filter:saturate(.6)}.piece.is-live .piece-caption .caption-card{opacity:.6}}.subnav-count{display:none}@media(min-width:1024px){.subnav-count{display:block}}@media(pointer:coarse){.chip{min-height:44px}.piece-cta,.piece-app{padding-block:.5rem;min-height:44px}html[data-page=work]{scroll-snap-type:none}}