@layer features{.band{isolation:isolate;background-color:var(--cloud);min-block-size:min(100svh,56rem);color:var(--rift);--band-halo:color-mix(in srgb, var(--on-first-light) 60%, transparent);--band-halo-blur:var(--space-5);align-items:end;display:grid;position:relative;overflow:clip;container:section/inline-size}.band__grid{row-gap:var(--space-6);padding-block:var(--space-section);align-items:end;position:relative}.band__title{font-family:var(--font-display);font-size:var(--step-5);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);line-height:var(--leading-tight);text-wrap:balance;color:var(--rift);text-shadow:0 var(--space-1) var(--band-halo-blur) var(--band-halo);grid-column:wide;margin:0}.band__slip{gap:var(--space-4);padding:var(--space-5);background-color:var(--surface);color:var(--text);border:var(--line-width) solid var(--border);border-radius:var(--radius-s);grid-column:wide;justify-items:start;display:grid}.band__slip p{margin:0}.band__lead{line-height:var(--leading-body)}.band__actions{gap:var(--space-3) var(--space-4);flex-wrap:wrap;inline-size:100%;display:flex}.band__brief{color:var(--accent);text-underline-offset:.2em;border-radius:var(--radius-s)}.band__brief:hover{color:var(--text)}.band__brief:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}@container section (width>=56rem){.band__title{grid-area:1/1 col-start/auto/span 8}.band__slip{grid-area:1/9 col-start/auto/span 4}}@container section (width>=75rem){.band__title{grid-column:1 col-start/span 11}.band__slip{grid-column:12 col-start/span 5}}.hero{color:var(--rift);--hero-travel:80svh;--hero-overlap:40svh;--hero-halo:color-mix(in srgb, var(--on-first-light) 60%, transparent);--hero-halo-blur:var(--space-5);--hero-wdth-rest:78;position:relative;container:section/inline-size}.hero__track{position:relative}.hero[data-hero-scroll=on] .hero__track{block-size:calc(100svh + var(--hero-travel))}.hero[data-hero-scroll=on]{margin-block-end:calc(-1 * var(--hero-overlap))}@media (prefers-reduced-motion:no-preference){html[data-js] .hero:not([data-hero-scroll]) .hero__track{block-size:calc(100svh + var(--hero-travel))}html[data-js] .hero:not([data-hero-scroll]){margin-block-end:calc(-1 * var(--hero-overlap))}}.hero__stage{isolation:isolate;background-color:var(--cloud);min-block-size:100svh;position:relative;overflow:clip}.hero[data-hero-scroll=on] .hero__stage{block-size:100svh;position:sticky;inset-block-start:0}@media (prefers-reduced-motion:no-preference){html[data-js] .hero:not([data-hero-scroll]) .hero__stage{block-size:100svh;position:sticky;inset-block-start:0}}.hero__veil{background-color:var(--surface);opacity:var(--hero-veil,0);pointer-events:none;position:absolute;inset:0}.hero__grid{align-content:end;align-items:end;row-gap:var(--space-5);min-block-size:100svh;padding-block:calc(var(--header-height) + var(--space-5)) var(--space-7);position:relative}.hero[data-hero-scroll=on] .hero__grid{block-size:100%;min-block-size:0}@media (prefers-reduced-motion:no-preference){html[data-js] .hero:not([data-hero-scroll]) .hero__grid{block-size:100%;min-block-size:0}}.hero__name,.hero__slip,.hero__stamp{opacity:var(--hero-copy,1)}.hero[data-copy-gone] .hero__slip,.hero[data-copy-gone] .hero__stamp{visibility:hidden}.hero__name{--wdth:var(--hero-wdth-rest);color:var(--rift);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);line-height:var(--leading-tight);text-shadow:0 var(--space-1) var(--hero-halo-blur) var(--hero-halo);grid-column:wide;justify-items:start;margin:0;display:grid}.hero__given{font-size:var(--step-2);font-weight:var(--weight-heading);letter-spacing:var(--tracking-heading)}.hero__known{font-size:var(--step-hero)}.hero__slip{justify-items:start;gap:var(--space-4);padding:var(--space-5);background-color:var(--surface);color:var(--text);border:var(--line-width) solid var(--border);border-radius:var(--radius-s);grid-column:wide;display:grid}.hero__slip p{margin:0}.hero__tagline{font-size:var(--step-1);font-weight:var(--weight-heading);letter-spacing:var(--tracking-heading);line-height:var(--leading-heading);text-wrap:balance}.hero__lead{line-height:var(--leading-body)}.hero__actions{gap:var(--space-3) var(--space-4);flex-wrap:wrap;inline-size:100%;display:flex}.hero__stamp{padding:var(--space-2) var(--space-3);background-color:var(--surface);border:var(--line-width) solid var(--border);border-radius:var(--radius-s);grid-column:wide;justify-self:start}@container section (width>=56rem){.hero__name{grid-area:1/1 col-start/auto/span 8;justify-self:start}.hero__slip{grid-area:1/9 col-start/auto/span 4}.hero__stamp{grid-area:2/1 col-start/auto/span 5}}@container section (width>=75rem){.hero__name{grid-column:1 col-start/span 11}.hero__slip{grid-column:12 col-start/span 5}}.opening{--opening-disc:56vmin;--opening-line-at:var(--dur-base);--opening-part-at:calc(var(--dur-base) + var(--dur-scene) + var(--dur-quick));z-index:var(--z-rift);display:none;position:fixed;inset:0;overflow:clip}html[data-opening=play] .opening{animation:sb-opening-end calc(var(--opening-part-at) + var(--dur-scene)) linear both;display:block}@media (prefers-reduced-motion:reduce){html[data-opening=play] .opening{display:none}}.opening__half{background-color:var(--surface);will-change:transform;position:absolute;inset:0}html[data-opening=play] .opening__half--left{animation:sb-opening-part-left var(--dur-scene) var(--ease-rift) var(--opening-part-at) both}html[data-opening=play] .opening__half--right{animation:sb-opening-part-right var(--dur-scene) var(--ease-rift) var(--opening-part-at) both}.opening__disc{inline-size:var(--opening-disc);aspect-ratio:1;display:grid;position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}html[data-opening=play] .opening__disc{animation:sb-opening-disc var(--dur-base) var(--ease-settle) both}.opening__line{block-size:100%;inline-size:100%;position:absolute;inset:0;overflow:visible}.opening__line path{fill:none;stroke:var(--surface);stroke-linejoin:bevel;stroke-dasharray:1;stroke-dashoffset:1px}html[data-opening=play] .opening__line path{animation:sb-opening-draw var(--dur-scene) var(--ease-rift) var(--opening-line-at) both}@keyframes sb-opening-disc{0%{opacity:0;scale:.94}}@keyframes sb-opening-draw{to{stroke-dashoffset:0}}@keyframes sb-opening-part-left{to{transform:translate(-101%)}}@keyframes sb-opening-part-right{to{transform:translate(101%)}}@keyframes sb-opening-end{to{visibility:hidden}}.work{color:var(--text);position:relative;container:section/inline-size}.work-track{background-color:var(--surface)}.work__head{row-gap:var(--space-5);padding-block:var(--space-section) var(--space-7)}.work__title{font-family:var(--font-display);font-size:var(--step-4);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);line-height:var(--leading-tight);text-wrap:balance;grid-column:wide;margin:0}.work__intro{gap:var(--space-4);max-inline-size:60ch;font-size:var(--step-0);line-height:var(--leading-body);grid-column:wide;display:grid}.work__intro p{margin:0}@media (width>=900px){.work__title{grid-column:1 col-start/span 6}.work__intro{grid-column:7 col-start/wide-end;align-self:end}}@media (width>=1200px){.work__intro{grid-column:8 col-start/wide-end}}.work-track{--work-travel-guess:calc((var(--panels,4) - 1) * (100vw - 2 * var(--margin-outer)) * .8);position:relative}.work-track__stage{position:relative}.work-track__grid{row-gap:var(--space-5)}.work-track__rail{display:none}.work-track__viewport{grid-column:wide;min-inline-size:0}.work-track__list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.work-panel{border-block-start:var(--line-width) solid var(--border);min-inline-size:0;container:panel/inline-size}.work-panel__body{gap:var(--space-6);block-size:100%;padding-block:var(--space-7);align-content:center;display:grid}.work-panel__text{gap:var(--space-4);justify-items:start;min-inline-size:0;display:grid}.work-panel__text>*{margin:0}.work-panel__type{font-family:var(--font-mono);font-size:var(--step--1);color:var(--text-muted)}.work-panel__title{font-family:var(--font-display);font-size:var(--step-3);font-weight:var(--weight-heading);letter-spacing:var(--tracking-heading);line-height:var(--leading-heading);text-wrap:balance}.work-panel__summary{font-size:var(--step-1);line-height:var(--leading-snug);max-inline-size:36ch}.work-panel__sectors{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.work-panel__credit{font-size:var(--step--1);color:var(--text-muted)}.work-panel__preview{aspect-ratio:4/3;background-color:var(--surface-raised);border:var(--line-width) solid var(--border);border-radius:var(--radius-s);min-inline-size:0;position:relative;overflow:clip}.work-panel__try{display:block;position:absolute;inset:0}.work-panel__try:focus-visible{outline:var(--focus-ring);outline-offset:calc(var(--focus-offset) * -2)}.work-panel__preview:has(>.work-panel__try):hover{border-color:var(--accent)}.work-panel__preview:has(>.work-panel__try)>:not(.work-panel__try){pointer-events:none}.work-panel__preview [data-preview-toggle]{pointer-events:auto}.work-panel__screen{block-size:100%}.work-panel__preview>.photo{display:none}@media (width>=900px){.work-panel__preview>.photo{display:block}.work-panel__preview:has(>.photo){border-color:#0000}.work-panel__preview:has(>.photo) .work-panel__screen{background-color:var(--surface-raised);border-block-start:var(--line-width) solid var(--border);border-inline-start:var(--line-width) solid var(--border);block-size:auto;box-shadow:0 .25rem .75rem color-mix(in srgb, var(--ink) 12%, transparent), 0 1.5rem 3.5rem -.75rem color-mix(in srgb, var(--ink) 35%, transparent);transition:translate var(--dur-scene) var(--ease-settle), box-shadow var(--dur-scene) var(--ease-settle);border-start-start-radius:var(--radius-s);position:absolute;inset:9% 0 0 9%;overflow:clip}@media (prefers-reduced-motion:no-preference){.work-panel__preview:has(>.photo):is(:hover,:focus-within) .work-panel__screen{box-shadow:0 .5rem 1rem color-mix(in srgb, var(--ink) 14%, transparent), 0 2.25rem 4.5rem -.75rem color-mix(in srgb, var(--ink) 45%, transparent);translate:0 -.375rem}}}@container panel (width>=48rem){.work-panel__body{align-items:center;column-gap:var(--space-7);grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}@media (width<=899.98px){.work-panel{scroll-snap-align:start;min-block-size:80svh;scroll-margin-block-start:var(--header-height-compact)}.work-panel__body{padding-block:var(--space-6)}html:has(.work-track){scroll-snap-type:y proximity}}@media (width>=900px){.work-track[data-track=on]{block-size:calc(100svh + var(--work-travel,var(--work-travel-guess)))}.work-track[data-track=on] .work-track__stage{block-size:100svh;padding-block-start:calc(var(--header-height-compact) + var(--space-5));padding-block-end:var(--space-5);position:sticky;inset-block-start:0;overflow:clip}.work-track[data-track=on] .work-track__grid{grid-template-rows:minmax(0,1fr);block-size:100%}.work-track[data-track=on] .work-track__rail{gap:var(--space-4);font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:var(--tracking-label);color:var(--text-muted);grid-column:rail;grid-template-rows:auto minmax(0,1fr);justify-items:start;display:grid}.work-track[data-track=on] .work-track__viewport{grid-column:main;block-size:100%;overflow:clip}.work-track[data-track=on] .work-track__list{block-size:100%;transform:translate3d(calc(var(--track-x,0) * -1px), 0, 0);will-change:transform;flex-direction:row}.work-track[data-track=on] .work-panel{border-block-start:0;border-inline-start:var(--line-width) solid var(--border);min-block-size:0;flex:0 0 100%;padding-inline-start:var(--space-6);overflow:clip}.work-track[data-track=on] .work-panel:first-child{border-inline-start:0;padding-inline-start:0}.work-track[data-track=on] .work-panel__body{padding-block:0}.work-track[data-track=on] .work-track__line{inline-size:var(--line-width-strong);background-color:var(--border);position:relative}.work-track[data-track=on] .work-track__line:after{content:"";background-color:var(--accent);transform:scaleY(var(--track-progress,0));transform-origin:top;position:absolute;inset:0}}@media (width>=900px) and (prefers-reduced-motion:no-preference){html[data-js] .work-track:not([data-track]){block-size:calc(100svh + var(--work-travel-guess))}html[data-js] .work-track:not([data-track]) .work-track__stage{block-size:100svh;padding-block-start:calc(var(--header-height-compact) + var(--space-5));padding-block-end:var(--space-5);position:sticky;inset-block-start:0;overflow:clip}html[data-js] .work-track:not([data-track]) .work-track__grid{grid-template-rows:minmax(0,1fr);block-size:100%}html[data-js] .work-track:not([data-track]) .work-track__rail{gap:var(--space-4);font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:var(--tracking-label);color:var(--text-muted);grid-column:rail;grid-template-rows:auto minmax(0,1fr);justify-items:start;display:grid}html[data-js] .work-track:not([data-track]) .work-track__viewport{grid-column:main;block-size:100%;overflow:clip}html[data-js] .work-track:not([data-track]) .work-track__list{flex-direction:row;block-size:100%}html[data-js] .work-track:not([data-track]) .work-panel{border-block-start:0;border-inline-start:var(--line-width) solid var(--border);min-block-size:0;flex:0 0 100%;padding-inline-start:var(--space-6);overflow:clip}html[data-js] .work-track:not([data-track]) .work-panel:first-child{border-inline-start:0;padding-inline-start:0}html[data-js] .work-track:not([data-track]) .work-panel__body{padding-block:0}html[data-js] .work-track:not([data-track]) .work-track__line{inline-size:var(--line-width-strong);background-color:var(--border);position:relative}}}