.case{position:relative;font-family:var(--font-prose);font-size:var(--size-3);font-weight:var(--weight-prose);line-height:var(--leading-prose);color:var(--ink)}.case dd,.case li,.case p{max-width:var(--measure)}.case .label,.case b,.case strong{font-weight:var(--weight-strong)}.case .label{font-family:var(--font-prose);font-size:var(--size-2);color:var(--ink)}.case .code{font-family:var(--font-code);font-size:var(--size-1);font-weight:450}.case .touch,.case a.touch{color:var(--lamp)}.big{margin:0;font-family:var(--font-display);font-weight:900;font-stretch:72%;line-height:.82;text-transform:uppercase;letter-spacing:-.02em;white-space:nowrap;color:var(--ink-light)}.case-head{--slot-top:112px;position:relative;padding:0 var(--gutter)}.case-slot{position:absolute;z-index:1;top:var(--slot-top);left:calc(var(--card-x, 50vw) - var(--card-w, 320px) / 2);width:var(--card-w,320px);height:var(--card-h,240px)}.case-press{position:absolute;inset:0;cursor:grab;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.case-press:active{cursor:grabbing}.case-x{--big:min(16vw,calc((100vw - 2 * var(--gutter)) / (var(--len, 14) * 0.6)));position:absolute;left:var(--gutter);right:var(--gutter);top:calc(var(--slot-top) + var(--card-h, 240px) / 2 - var(--big) * .42);height:calc(var(--big) * .84)}.case-big{font-size:var(--big);text-align:center}.case-context{position:relative;max-width:var(--measure);margin-left:max(0px,min(calc(var(--card-x, 50vw) - var(--card-w, 320px) / 2 - var(--gutter)),calc(100vw - 2 * var(--gutter) - 48ch)));padding:calc(var(--slot-top) + var(--card-h, 240px) + var(--space-6)) 0 var(--space-7)}.case-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.case-what{font-size:var(--size-5);font-weight:600;line-height:1.2;text-wrap:balance}.case-facts{margin-top:var(--space-3);color:var(--ink-2)}.case-lede{margin-top:var(--space-5);font-size:var(--size-4);line-height:1.55}.case-draft,.case-hold{margin-top:var(--space-4);font-size:var(--size-2);line-height:1.55;color:var(--ink-2)}.case-hold{color:var(--lamp)}.case-toc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-1) var(--space-5);margin-top:var(--space-6);font-size:var(--size-2)}.case-toc a{min-height:32px;display:flex;align-items:baseline;gap:var(--space-2)}.case-toc .code{color:var(--ink-2)}.ch{padding:0 var(--gutter)}.ch,.ch-open{position:relative}.ch-open{height:max(150vh,900px)}.ch-num{position:absolute;top:34vh;right:var(--gutter);font-family:var(--font-display);font-weight:100;font-stretch:50%;font-size:clamp(12rem,40vw,46rem);line-height:.75;color:var(--ink-light);opacity:.16;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ch-r .ch-num{right:auto;left:var(--gutter)}.ch-lead{position:absolute;top:44vh;left:10vw;width:min(40vw,620px)}.ch-r .ch-lead{left:auto;right:10vw}.ch-lead img,.ch-lead video{display:block;width:100%;height:auto}.ch-lead-edge{margin-top:var(--space-2);color:var(--ink-2)}.ch-x{--big:min(17vw,calc((100vw - 2 * var(--gutter)) / (var(--len, 10) * 0.64)));position:absolute;left:var(--gutter);right:var(--gutter);top:76vh;height:calc(var(--big) * .84 + 3vh + 3 * clamp(1.4rem, 2.1vw, 2rem) * 1.25)}.ch-x-r .ch-big{text-align:right}.ch-big{font-size:var(--big)}.ch-q-big{max-width:22ch;margin:3vh 0 0 50%;font-family:var(--font-prose);font-size:clamp(1.4rem,2.1vw,2rem);font-weight:600;line-height:1.25;color:var(--ink-light)}.ch-x-r .ch-q-big{margin-left:0}.ch-body{display:grid;grid-template-columns:minmax(0,calc(var(--measure) + 4ch)) minmax(0,1fr);gap:var(--space-7) clamp(32px,6vw,112px);align-items:start;padding:var(--space-6) 0 var(--space-7)}.ch-r .ch-read{grid-column:2;grid-row:1}.ch-r .ch-widgets{grid-column:1;grid-row:1}.ch-body>.data,.ch-body>.wall,.ch-figs{grid-column:1/-1}.ch-read{max-width:var(--measure)}.ch-read>*+*{margin-top:1.1em}.ch-title{font-family:var(--font-prose);font-size:var(--size-4);font-weight:var(--weight-strong);line-height:1.3}.ch-title .code{margin-right:var(--space-2);color:var(--ink-2)}.ch-q{margin-top:var(--space-1)!important;font-size:var(--size-4);line-height:1.4;color:var(--ink-2)}.ch-list ol{padding-left:1.4em;list-style:decimal}.ch-list li+li,.ch-list ol{margin-top:var(--space-2)}.ch-half h3{margin-top:var(--space-5);font-size:var(--size-3);font-weight:var(--weight-strong)}.ch-half p+p{margin-top:1.1em}.ch-source{font-size:var(--size-2);color:var(--ink-2)}.ch-live{padding:var(--space-7) 0}.ch-live+.ch-live{padding-top:0}.ch-widgets{display:grid;gap:var(--space-6)}.widget-slot{display:grid;gap:var(--space-2);min-height:260px;align-content:end;padding:var(--space-5);background:radial-gradient(ellipse at 50% 60%,rgba(8,8,10,.55),rgba(8,8,10,0) 72%)}.widget-name{font-family:var(--font-display);font-size:var(--size-5);font-weight:850;font-stretch:80%;line-height:1;text-transform:uppercase}.widget-does{max-width:40ch;font-size:var(--size-2);line-height:1.55}.widget-does,.widget-tag{color:var(--ink-2)}.ch-vase .widget-tag{margin-top:var(--space-2)}.ch-vase .vase{grid-template-columns:minmax(0,1fr)}.ch-figs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6) var(--space-5);align-items:start}.ch-figs-1{grid-template-columns:minmax(0,900px)}.ch-figs-2{grid-template-columns:repeat(2,minmax(0,1fr))}.slot-frame{display:flex;align-items:flex-end;padding:var(--space-4);background:radial-gradient(closest-side,hsla(42,18%,89%,.08),hsla(42,18%,89%,0))}.slot-what{max-width:24ch;font-size:var(--size-2);line-height:1.4;color:var(--ink-2)}.ch-lead-slot .slot-frame{background:radial-gradient(closest-side,hsla(42,18%,89%,.13),hsla(42,18%,89%,0))}.data{max-width:820px}.data-title{font-size:var(--size-3);font-weight:var(--weight-strong)}.data table{width:100%;margin-top:var(--space-3);border-collapse:collapse;font-family:var(--font-code);font-size:var(--size-2)}.data td,.data th{padding:var(--space-2) var(--space-4) var(--space-2) 0;text-align:left;vertical-align:top}.data thead th{font-weight:450;color:var(--ink-2)}.data tbody th{font-weight:600;white-space:nowrap}.data tbody tr+tr>*{border-top:1px solid var(--rule)}.data-foot{margin-top:var(--space-3);max-width:var(--measure);font-size:var(--size-2);line-height:1.55;color:var(--ink-2)}.data-src{margin-top:var(--space-2);color:var(--ink-2)}.wall-head .code{margin-left:var(--space-3);color:var(--ink-2)}.record{padding:var(--space-7) var(--gutter) var(--space-7)}.record-title{font-size:var(--size-4);font-weight:var(--weight-strong)}.record dl{margin-top:var(--space-4);max-width:80ch}.record div,.record dl{display:grid;gap:var(--space-3)}.record div{grid-template-columns:8em minmax(0,var(--measure));font-size:var(--size-2)}.record dt{font-weight:var(--weight-strong)}.back{margin-top:var(--space-6)}.back a{font-size:var(--size-3);font-weight:var(--weight-strong);border-bottom:2px solid var(--lamp)}.fig{max-width:100%}.fig-frame{position:relative;background:var(--night)}.fig-frame img,.fig-frame video{display:block;width:100%}.fig-sim{position:absolute;left:var(--space-3);top:var(--space-2);color:var(--ink-light);font-family:var(--font-code);font-size:var(--size-1);text-shadow:0 0 6px rgba(8,8,10,.95),0 1px 2px rgba(8,8,10,.95)}.fig figcaption{margin-top:var(--space-3)}.fig-edge{display:flex;flex-wrap:wrap;gap:var(--space-3);font-family:var(--font-code);font-size:var(--size-1);color:var(--ink-3)}.fig-edge b{font-weight:600;color:var(--ink)}.fig figcaption p{margin-top:var(--space-1);font-size:var(--size-2);line-height:1.55;color:var(--ink-2);max-width:var(--measure)}.wall-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:var(--space-2);margin-top:var(--space-3)}.wall-grid img{width:100%;aspect-ratio:560/730;-o-object-fit:cover;object-fit:cover;background:var(--night)}.wall-grid figcaption{font-family:var(--font-code);font-size:var(--size-1);line-height:1.2;margin-top:2px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wall-knobs{display:grid;gap:var(--space-1);font-size:var(--size-2)}.vase{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);gap:var(--space-5);align-items:center}.vase-stage{aspect-ratio:4/3;cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (pointer:coarse){.vase-stage{touch-action:pan-y}}.vase-stage:active{cursor:grabbing}.vase-ctl{display:grid;gap:var(--space-2)}.knob{display:grid;grid-template-columns:5em minmax(0,1fr) 4.5em;align-items:center;gap:var(--space-3);font-family:var(--font-code);font-size:var(--size-1)}.knob input{accent-color:var(--lamp);min-height:32px}.vase-ctl button,.vase-near{font-size:var(--size-2)}.vase-ctl button{justify-self:start;font-weight:var(--weight-strong);color:var(--lamp);border-bottom:2px solid var(--lamp);min-height:32px}.vase-voices{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-3)}.vase-voices button{min-height:40px;border-bottom-width:1px}.vase-voices button[aria-pressed=true]{border-bottom-width:3px}.vase-pitch{font-size:var(--size-3)}.vase-pitch .code{display:block;color:var(--ink-2)}.drawer{border-top:1px solid var(--rule)}.drawer summary{display:flex;align-items:center;gap:var(--space-3);min-height:44px;cursor:pointer;list-style:none;font-size:var(--size-2);font-weight:var(--weight-strong);color:var(--lamp)}.drawer summary::-webkit-details-marker{display:none}.drawer-count{font-weight:var(--weight-prose);color:var(--ink-3)}.drawer-mark{width:10px;height:10px;margin-left:auto;border-right:2px solid var(--lamp);border-bottom:2px solid var(--lamp);transform:rotate(45deg);transition:transform .25s var(--ease-out)}.drawer[open] .drawer-mark{transform:rotate(225deg)}.drawer-body{padding:var(--space-2) 0 var(--space-4)}.ref{color:var(--lamp);border-bottom:1px solid var(--lamp)}.ref-n{margin-left:.3em;font-family:var(--font-code);font-size:var(--size-1);color:var(--ink-3)}.ref-bad{color:var(--ink-2)}.out{position:absolute;z-index:-1;pointer-events:none;opacity:.7;-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--mx,12%),#000 calc(100% - var(--mx, 12%)),transparent),linear-gradient(to bottom,transparent,#000 var(--mt,12%),#000 calc(100% - var(--mb, 12%)),transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 var(--mx,12%),#000 calc(100% - var(--mx, 12%)),transparent),linear-gradient(to bottom,transparent,#000 var(--mt,12%),#000 calc(100% - var(--mb, 12%)),transparent);-webkit-mask-composite:source-in,xor;mask-composite:intersect}.ch-body{isolation:isolate}.fig-out{--out-x:0.13;--out-top:0.09;--out-bottom:0;padding:calc(var(--out-top) / (1 + 2 * var(--out-x)) * 100%) calc(var(--out-x) / (1 + 2 * var(--out-x)) * 100%) 0}.fig-out .fig-frame{cursor:grab;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fig-out .fig-frame:active{cursor:grabbing}.fig-wide.fig-out{--out-x:0.07;--out-top:0.05}html[data-n] .out{opacity:.85}.shadow{position:absolute;inset:4% 3% 6%;z-index:-1;pointer-events:none;background:rgba(0,0,0,.55);filter:blur(18px);will-change:transform}.fig-out figcaption{margin-top:30px}.fig-fault{color:var(--lamp)}.shadow-card{inset:4% 6% 2%;background:rgba(0,0,0,.6);filter:blur(26px);opacity:0;transition:opacity .6s var(--ease-out)}.shell:is([data-phase=opening],[data-phase=open],[data-phase=closing]) .shadow-card{opacity:1}.ch-body{content-visibility:auto;contain-intrinsic-size:auto 1600px}html[data-calm] .case{--ink:#f4f2ec;--ink-2:#dcd9d1;--ink-3:#c4c0b7;--ink-light:#f4f2ec;--ink-light-2:#dcd9d1}html[data-calm] .ch-body,html[data-calm] .record{background:var(--ground)}html[data-calm] .case-context{background:linear-gradient(transparent calc(var(--slot-top) + var(--card-h, 240px) + var(--space-4)),var(--ground) 0)}html[data-calm] .out,html[data-calm] .shadow{display:none}html[data-calm] .case-title{position:static;width:auto;height:auto;clip-path:none;white-space:normal;margin-bottom:var(--space-4);font-family:var(--font-display);font-size:var(--size-6);font-weight:880;font-stretch:80%;line-height:.95}html[data-calm] .ch-open{height:auto;min-height:0;padding:var(--space-7) 0 var(--space-5)}html[data-calm] .ch-lead,html[data-calm] .ch-num{position:relative;inset:auto}html[data-calm] .ch-num{display:none}@media (max-width:760px){.case-head{--slot-top:84px}.case-x,.ch-x{--big:calc((100vw - 2 * var(--gutter)) / (var(--len, 10) * 0.55))}.big{font-stretch:60%;letter-spacing:0}.case-context{margin-left:0}.case-toc{grid-template-columns:minmax(0,1fr)}.ch-open{height:max(130vh,760px)}.ch-num{top:22vh;font-size:64vw}.ch-lead,.ch-r .ch-lead{top:34vh;left:var(--gutter);right:auto;width:calc(100vw - 2 * var(--gutter) - 8vw)}.ch-r .ch-lead{left:auto;right:var(--gutter)}.ch-x{top:calc(34vh + 6vw)}.ch-q-big{margin-left:0}.ch-x-r .ch-q-big{margin-left:auto}.ch-body,.ch-figs,.ch-figs-2{grid-template-columns:minmax(0,1fr)}.ch-r .ch-read,.ch-r .ch-widgets{grid-column:1;grid-row:auto}.record div{grid-template-columns:minmax(0,1fr);gap:var(--space-1)}.fig-out{--out-x:0.06;--out-top:0.08}}.fig-sound{position:absolute;left:var(--space-3);bottom:var(--space-3);padding:var(--space-2) 0;font-family:var(--font-code);font-size:var(--size-2);color:var(--lamp);text-shadow:0 1px 8px rgba(0,0,0,.9);background:none;border:0;cursor:pointer;touch-action:manipulation}.coda-film{grid-column:1/-1}.film{margin:0}.film-frame{position:relative;background:var(--night)}.film-frame video{display:block;width:100%;height:auto;aspect-ratio:16/9;-o-object-fit:contain;object-fit:contain;cursor:pointer}.film-frame:fullscreen{display:grid;align-content:center;background:#000}.film-frame:fullscreen video{max-height:100vh}.film-ctl{position:absolute;inset:auto 0 0 0;display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-4) var(--space-3);background:linear-gradient(0deg,rgba(0,0,0,.55),transparent);font-family:var(--font-code);font-size:var(--size-2)}.film-press{flex:none;padding:var(--space-2) 0;color:var(--lamp);background:none;border:0;font:inherit;cursor:pointer;touch-action:manipulation;white-space:nowrap}.film-line{position:relative;flex:1;height:28px;cursor:pointer;touch-action:none}.film-done,.film-line:before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px}.film-line:before{background:hsla(0,0%,100%,.22)}.film-done{background:var(--lamp);transform-origin:left center}.film-time{flex:none;color:var(--ink);white-space:nowrap}@media (max-width:760px){.film-ctl{position:static;flex-wrap:wrap;gap:0 var(--space-4);padding:0;background:none;font-size:13px}.film-line{order:-1;flex:1 0 100%;height:32px}.film-frame{background:none}.film-frame video{background:var(--night)}.film-press.touch{padding-inline:0;margin:0;min-width:0}.film-ctl{gap:0 var(--space-3);justify-content:space-between}}.film-big{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:var(--space-3);padding:var(--space-4);color:var(--lamp);background:none;border:0;font-family:var(--font-display);font-size:var(--size-4);font-variation-settings:"wdth" 100,"wght" 700;text-shadow:0 2px 18px rgba(0,0,0,.85);white-space:nowrap;cursor:pointer;touch-action:manipulation}.film-tri{width:0;height:0;border-color:transparent transparent transparent currentcolor;border-style:solid;border-width:.9em 0 .9em 1.5em;filter:drop-shadow(0 2px 12px rgba(0,0,0,.7));transition:transform .4s var(--ease-out)}.film-big:hover .film-tri{transform:scale(1.08)}.case-film{position:relative;margin:0 calc(-1 * var(--gutter))}.film-hero .film-frame{background:none}.film-hero .film-frame video{aspect-ratio:auto;height:min(88vh,56.25vw);min-height:420px;-o-object-fit:cover;object-fit:cover}.case-head:has(.case-film) .case-context{padding-top:var(--space-6)}@media (max-width:760px){.film-hero .film-frame video{height:72vh;min-height:0}}.film-ctl[hidden]{display:none}.ch .ch-read{grid-column:1/-1;grid-row:auto;max-width:none;-moz-columns:30ch 3;columns:30ch 3;-moz-column-gap:clamp(32px,4.5vw,80px);column-gap:clamp(32px,4.5vw,80px)}.ch .ch-read>.ch-list,.ch .ch-read>.ch-q,.ch .ch-read>.ch-source,.ch .ch-read>.ch-title,.ch .ch-read>.drawer{-moz-column-span:all;column-span:all}.ch .ch-read>.ch-q{margin-bottom:var(--space-5)}.ch .ch-read>p:not(.ch-title):not(.ch-q):not(.ch-source){margin-top:0;margin-bottom:1.1em}.ch .ch-read>.ch-source,.ch .ch-read>.drawer{margin-top:var(--space-4)}@media (min-width:1000px){.case-head:has(.case-film) .case-context{max-width:none;margin-left:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);-moz-column-gap:clamp(32px,4.5vw,80px);column-gap:clamp(32px,4.5vw,80px);align-items:start}.case-head:has(.case-film) .case-facts,.case-head:has(.case-film) .case-what{grid-column:1}.case-head:has(.case-film) .case-lede{grid-column:2;grid-row:1/span 3;margin-top:0}.case-head:has(.case-film) .case-context>:not(.case-what):not(.case-facts):not(.case-lede):not(.case-title){grid-column:1/-1}.case-head:has(.case-film) .case-toc{grid-template-columns:repeat(4,minmax(0,1fr))}}.ch-figs{display:flex;gap:var(--space-5);align-items:flex-start}.ch-figs>.fig{flex:var(--ar,1.5) 1 0;min-width:0}.ch-figs-1>.fig{flex:none;width:min(100%,1100px,calc(74vh * var(--ar, 1.5)))}@media (max-width:760px){.ch-figs{flex-direction:column}.ch-figs-1>.fig,.ch-figs>.fig{width:100%;flex:none}}.ch-figs-1{justify-content:center}.ch-figs+.ch-figs{margin-top:calc(var(--space-5) - var(--space-7))}