body.lattice{--col:.3;--measure:48ch;background:var(--paper);block-size:100dvh;transition:--hue 1.1s cubic-bezier(.4,0,.2,1),--chroma 1.1s cubic-bezier(.4,0,.2,1);overflow:hidden}@media (width<=64rem){body.lattice{--col:0;--measure:100%}}#field{z-index:0;opacity:0;block-size:100%;inline-size:100%;transition:opacity 1.4s;position:fixed;inset:0}body[data-field=on] #field{opacity:1}#vignette{z-index:1;pointer-events:none;background:radial-gradient(130% 95% at 50% 45%, transparent 30%, color-mix(in oklab, var(--paper) 82%, transparent) 100%), repeating-linear-gradient(0deg, color-mix(in oklab, var(--paper) 26%, transparent) 0 1px, transparent 1px 3px);mix-blend-mode:normal;position:fixed;inset:0}@media (prefers-reduced-transparency:reduce){#vignette{background:0 0}}body[data-field=css]{background:radial-gradient(80% 55% at 30% 35%, color-mix(in oklab, var(--accent) 13%, transparent), transparent 70%), radial-gradient(70% 60% at 78% 72%, color-mix(in oklab, var(--accent) 9%, transparent), transparent 70%), var(--paper)}#threshold{z-index:3;overscroll-behavior:contain;align-content:center;padding-block:8vh;padding-inline:clamp(1.5rem,8vw,8rem);transition:opacity .7s,transform .9s cubic-bezier(.4,0,.2,1);display:grid;position:fixed;inset:0;overflow-y:auto}body[data-mode=lattice] #threshold{opacity:0;pointer-events:none;transform:scale(1.06)}.threshold-inner{max-inline-size:64rem}#threshold .over{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-block-end:1.5rem;font-size:.72rem}#threshold h1{letter-spacing:-.045em;margin-inline-start:-.05em;font-size:clamp(2.6rem,10vw,7.4rem);font-weight:560;line-height:.87}#threshold h1 .than{color:var(--ink-2);letter-spacing:-.02em;padding-inline-start:1.5em;font-style:italic;font-weight:300}.sill{max-inline-size:52ch;color:var(--ink-2);text-wrap:pretty;margin-block-start:2.4rem;font-size:1.08em;font-weight:340;line-height:1.55}.doors{background:var(--rule);border:1px solid var(--rule);grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:1px;max-inline-size:58rem;margin-block-start:clamp(2.5rem,6vh,4rem);display:grid}.door{background:color-mix(in oklab, var(--paper) 72%, transparent);gap:.55rem;padding:1.5rem 1.5rem 1.7rem;text-decoration:none;transition:background-color .26s;display:grid;position:relative}.door:after{content:"";background:var(--accent);transform-origin:0 0;inline-size:2px;transition:transform .32s cubic-bezier(.4,0,.2,1);position:absolute;inset-block:0;inset-inline-start:0;transform:scaleY(0)}.door:hover,.door:focus-visible{background:color-mix(in oklab, var(--accent) 9%, var(--paper))}.door:hover:after,.door:focus-visible:after{transform:scaleY(1)}.door-n{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-size:.68rem}.door-t{letter-spacing:-.02em;font-size:1.5rem;font-weight:420;line-height:1.15}.door-d{color:var(--ink-3);text-wrap:pretty;max-inline-size:34ch;font-size:.92rem;font-weight:340;line-height:1.55}#threshold .foot{font-family:var(--mono);color:var(--ink-3);max-inline-size:68ch;margin-block-start:2.6rem;font-size:.7rem;line-height:1.9}#threshold .foot .sep{color:var(--accent-dim);padding-inline:.5em}#stage{z-index:3;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--accent-dim) transparent;position:fixed;inset:0;overflow-y:auto}#stage[hidden]{display:none}.plate-region{padding:11vh 1.5rem 26vh}#stage .plate{max-inline-size:var(--measure);background:color-mix(in oklab, var(--paper) 86%, transparent);border:1px solid var(--rule);border-inline-start:2px solid var(--accent-dim);margin-inline-start:min(calc(var(--col) * 100%), calc(100% - var(--measure)));padding:clamp(1.4rem,3vw,2.4rem) clamp(1.4rem,3vw,2.3rem) clamp(1.6rem,3vw,2.2rem);transition:opacity .38s,transform .62s cubic-bezier(.22,1,.36,1),margin-inline-start .9s cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-transparency:reduce){#stage .plate{background:var(--paper)}}body[data-transit=out] #stage .plate{opacity:0;transform:translateY(-1.2rem)scale(.995)}body[data-transit=in] #stage .plate{opacity:0;transform:translateY(2rem)}#stage .plate-head{margin-block-end:1.9rem}#stage .plate-n{font-family:var(--mono);letter-spacing:.22em;color:var(--accent);font-size:.7rem}#stage .plate-head h2{letter-spacing:-.026em;text-wrap:balance;margin-block-start:.75rem;font-size:clamp(1.5rem,3.6vw,2.1rem);font-weight:460;line-height:1.1}#stage .plate-head h2:empty{display:none}#stage .kicker{font-family:var(--mono);color:var(--ink-3);margin-block-start:.7rem;font-size:.7rem;line-height:1.7}#stage .kicker:empty{display:none}#stage .filaments{border-block-start:1px solid var(--rule);margin-block-start:2.6rem;padding-block-start:1.2rem}#stage .filaments-title{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);margin-block-end:.8rem;font-size:.64rem}#stage .filaments li{display:block}#stage .filaments a{color:var(--ink-2);text-wrap:pretty;border-block-end:1px solid #0000;grid-template-columns:1.9rem minmax(0,1fr);align-items:baseline;gap:.2rem;padding-block:.5rem;text-decoration:none;transition:color .16s,border-color .16s,padding-inline-start .2s;display:grid}#stage .filaments a:hover,#stage .filaments a:focus-visible{color:var(--ink);border-block-end-color:var(--accent-dim);padding-inline-start:.3rem}.fil-k{font-family:var(--mono);color:var(--accent-dim);letter-spacing:.06em;font-size:.66rem}#stage .filaments a:hover .fil-k{color:var(--accent)}.fil-visited{font-family:var(--mono);color:var(--ink-3);letter-spacing:.1em;white-space:nowrap;padding-inline-start:.7em;font-size:.6rem}#stage .filaments .sealed{color:var(--ink-3);font-family:var(--mono);letter-spacing:.34em;cursor:default;grid-template-columns:1.9rem minmax(0,1fr);gap:.2rem;padding-block:.5rem;font-size:.72rem;display:grid}body[data-unsealed=true] #stage .filaments .sealed{display:none}.trace-slot ol{font-family:var(--mono);border-block:1px solid var(--rule);gap:.42rem;max-block-size:17rem;margin-block:1.4em;padding-block:.9rem;font-size:.74rem;line-height:1.5;display:grid;overflow-y:auto}.trace-slot li{grid-template-columns:3.2rem minmax(0,1fr) auto;gap:.6rem;display:grid}.trace-slot .t-n{color:var(--accent)}.trace-slot .t-h{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.trace-slot .t-d{color:var(--ink-3)}#chrome{z-index:4;background:var(--paper);border-block-start:1px solid var(--rule);font-family:var(--mono);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.4rem 1.4rem;padding:.85rem clamp(1rem,3vw,2rem);font-size:.68rem;display:flex;position:fixed;inset-block-end:0;inset-inline:0}#chrome[hidden]{display:none}body[data-mode=threshold] #chrome{justify-content:flex-end}body[data-mode=threshold] #chrome .where,body[data-mode=threshold] #chrome .controls>:not(#sound){display:none}.where{color:var(--ink-2);letter-spacing:.16em;text-transform:uppercase}.where b{color:var(--accent);font-weight:400}.controls{align-items:baseline;gap:1.1rem;display:flex}.controls button,.controls a{font-family:inherit;font-size:inherit;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-block-end:1px solid #0000;padding:.3rem 0;text-decoration:none;transition:color .16s,border-color .16s}.controls button:hover,.controls a:hover,.controls button:focus-visible,.controls a:focus-visible{color:var(--ink);border-block-end-color:var(--accent)}.controls button[aria-pressed=true]{color:var(--accent)}.ctl-icon{border:1px solid;block-size:6px;inline-size:6px;margin-inline-end:.5em;display:inline-block}#sound[aria-pressed=true] .ctl-icon{background:currentColor}.panel{z-index:6;background:var(--paper-2);border:1px solid var(--rule);inline-size:min(30rem,100vw - 2rem);padding:1.5rem 1.5rem 1.3rem;position:fixed;inset-block-end:3.4rem;inset-inline-start:clamp(1rem,3vw,2rem);box-shadow:0 24px 60px -24px oklch(0% 0 0/.8)}.panel[hidden]{display:none}.panel h2{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-block-end:1.1rem;font-size:.68rem;font-weight:400}.panel dl{grid-template-columns:7rem minmax(0,1fr);gap:.5rem 1rem;font-size:.84rem;display:grid}.panel dt{font-family:var(--mono);color:var(--ink-2);font-size:.72rem}.panel dd{color:var(--ink-3);font-size:.86rem;line-height:1.5}.panel-note{color:var(--ink-3);text-wrap:pretty;margin-block-start:1.1rem;font-size:.8rem;line-height:1.6}.panel button{border:1px solid var(--rule);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);cursor:pointer;background:0 0;margin-block-start:1.3rem;margin-inline-end:1rem;padding:.45rem .9rem;font-size:.68rem;transition:border-color .16s,color .16s}.panel button:hover{color:var(--ink);border-color:var(--accent)}.panel-danger:hover{color:oklch(75% .17 25);border-color:oklch(75% .17 25)!important}.noscript{z-index:8;background:var(--paper);align-content:center;justify-items:start;gap:1rem;padding:clamp(1.5rem,8vw,8rem);display:grid;position:fixed;inset:0}.noscript p{max-inline-size:40ch}.noscript a{color:var(--accent)}@media (prefers-reduced-motion:reduce){#stage .plate,#threshold,#field{transition:none}body[data-transit] #stage .plate{opacity:1;transform:none}}.leaf-kind{color:var(--ink-3);letter-spacing:.22em}#stage .plate-n{text-transform:uppercase}body.lattice{--measure-story:52ch}#stage .plate[data-kind=story]{max-inline-size:var(--measure-story);border-inline-start-color:var(--accent)}@media (width<=64rem){body.lattice{--measure-story:100%}}#stage .plate[data-kind=instrument]{border-inline-start-style:dashed}#stage .plate[data-kind=source]{border-inline-start-color:var(--rule)}#figure-layer{z-index:2;pointer-events:none;position:fixed;inset:0}#figure-layer[hidden]{display:none}#figure-movement{letter-spacing:-.014em;inline-size:min(30rem,42vw);color:var(--ink);text-wrap:pretty;text-shadow:0 0 2.2rem var(--paper), 0 0 .8rem var(--paper);opacity:0;margin:0;font-size:clamp(1.05rem,.9rem + .7vw,1.5rem);font-weight:330;line-height:1.34;transition:opacity .9s,transform 1.1s cubic-bezier(.22,1,.36,1);position:fixed;inset-block-end:clamp(9.5rem,24vh,15rem);transform:translateY(.6rem)}#figure-movement.in{opacity:1;transform:none}body[data-figure-solo=off] #figure-movement{opacity:0}body[data-figure-side=right] #figure-movement{inset-inline-start:6vw}body[data-figure-side=left] #figure-movement{inset-inline-end:6vw}@media (width<=64rem){#figure-movement{inline-size:auto;inset-block-end:clamp(7rem,22vh,13rem);inset-inline:1.5rem}}#figure-labels{position:absolute;inset:0}.field-label{font-family:var(--mono);letter-spacing:.1em;color:var(--ink-2);white-space:nowrap;text-shadow:0 0 .6rem var(--paper), 0 0 .2rem var(--paper);font-size:.66rem;transition:opacity .6s,color .6s;position:absolute}.field-label[data-near=true]{color:var(--accent)}.figure-field{margin-block:1.4em}.figure-field .figure-caption{margin-block-start:0}.figure-movements{border-inline-start:1px solid var(--rule);color:var(--ink-3);counter-reset:mv;gap:.5rem;margin-block:1.2em;padding-inline-start:1rem;font-size:.94em;line-height:1.45;display:grid}.figure-movements li{text-wrap:pretty;transition:color .5s}.figure-movements li:before{counter-increment:mv;content:counter(mv) "  ";font-family:var(--mono);color:var(--accent-dim);font-size:.7em}.figure-movements li.current{color:var(--ink)}.figure-movements li.current:before{color:var(--accent)}body[data-figure-field] .figure-dock{z-index:5;pointer-events:auto;inline-size:min(34rem,100vw - 4rem);position:fixed;inset-block-end:3.4rem;inset-inline-start:clamp(1rem,3vw,2rem)}body[data-figure-field] .figure-dock .figure-controls{text-shadow:0 0 1.4rem var(--paper), 0 0 .5rem var(--paper), 0 0 .2rem var(--paper);background:0 0;border:0;gap:.5rem 1.3rem;padding:0}body[data-figure-field] .figure-dock .figure-controls button{background:color-mix(in oklab, var(--paper) 72%, transparent)}@media (width<=64rem){body[data-figure-field] .figure-dock{inset-block-end:4.6rem}}@media (prefers-reduced-motion:reduce){#figure-movement{display:none}.figure-movements li{color:var(--ink-2)}}#stage .plate:focus,#stage .plate:focus-visible{outline:none}body[data-figure-solo=on] #stage .plate{border-color:#0000;background:0 0;border-inline-start-color:#0000}body[data-figure-solo=on] #stage .plate>.plate-head,body[data-figure-solo=on] #stage .plate>.filaments,body[data-figure-solo=on] #stage .plate-body>:not(.figure-field),body[data-figure-solo=on] .figure-field>:not(.figure-dock){opacity:.03;pointer-events:none}body[data-figure-solo] #stage .plate>.plate-head,body[data-figure-solo] #stage .plate>.filaments,body[data-figure-solo] #stage .plate-body>*,body[data-figure-solo] .figure-field>*{transition:opacity 1s}@media (prefers-reduced-motion:reduce){body[data-figure-solo=on] #stage .plate>.plate-head,body[data-figure-solo=on] #stage .plate>.filaments,body[data-figure-solo=on] #stage .plate-body>:not(.figure-field),body[data-figure-solo=on] .figure-field>:not(.figure-dock){opacity:1;pointer-events:auto}}#notes-list dl{font-size:inherit;display:block}#notes-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--accent-dim) transparent;max-block-size:min(52vh,26rem);margin-block-start:1.2rem;overflow-y:auto}#notes-list dt{font-family:var(--mono);letter-spacing:.1em;color:var(--accent-dim);text-transform:uppercase;margin-block-start:1.1rem;font-size:.66rem}#notes-list dt:first-child{margin-block-start:0}#notes-list dd{color:var(--ink-2);text-wrap:pretty;margin-block-start:.35rem;font-size:.84rem;line-height:1.62}#notes-list dd+dd{margin-block-start:.5rem}.note-here{font-family:var(--mono);letter-spacing:.04em;color:var(--ink-3);text-transform:none;margin-inline-start:.5rem;font-size:.9em}#chrome-note{font-family:var(--mono);letter-spacing:.02em;color:var(--ink-3);max-inline-size:46ch;margin-block-end:.5rem;font-size:.72rem;line-height:1.6}@media (width<=48rem){#chrome-note{max-inline-size:100%;font-size:.68rem}}