:root{--bg:#08090a;--surface:#0f1012;--track:#1c1d21;--line:#ffffff12;--line-2:#ffffff1f;--ink:#f7f8f8;--ink-2:#b4bcd0;--muted:#8a8f98;--muted-2:#62666d;--accent:#38bdf8;--accent-ink:#0b1a26;--accent-bg:#38bdf824;--tally:#e5484d;--paper:#f7f8f8;--paper-2:#e4e6ea;--paper-3:#c9cdd3;--r-xs:4px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-pill:999px;--sp-0-5:2px;--sp-1:4px;--sp-1-5:6px;--sp-2:8px;--sp-2-5:10px;--sp-3:12px;--sp-3-5:14px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:28px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-14:56px;--sp-18:72px;--sp-24:96px;--sp-28:112px;--sp-32:128px;--sp-40:160px;--sp-48:192px;--text-xs:12px;--text-sm:13px;--text-md:14px;--text-lg:15px;--text-xl:16px;--text-2xl:18px;--text-4xl:24px;--text-d1:clamp(2.75rem,6.6vw,5.5rem);--text-d2:clamp(2.25rem,5vw,4rem);--text-d3:clamp(2rem,4.2vw,3.25rem);--text-d4:clamp(1.75rem,3.2vw,2.5rem);--text-lede:clamp(1.0625rem,1.5vw,1.25rem);--display:"Instrument Sans",system-ui,sans-serif;--body:"Instrument Sans",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace;--lh-none:1;--lh-display:1.08;--lh-tight:1.2;--lh-snug:1.4;--lh-body:1.5;--lh-relaxed:1.6;--fill-1:#ffffff08;--fill-2:#ffffff0d;--accent-wash:#38bdf812;--accent-edge:#38bdf880;--accent-glow:#38bdf829;--scrim:#08090ab8;--scrim-strong:#08090ae6;--shadow-deep:#0009;--paper-muted:#4a4f57;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font:400 var(--text-xl)/var(--lh-body) var(--body);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}a{color:inherit}h1,h2,h3,p,blockquote{margin:0}ul,ol{margin:0;padding:0;list-style:none}img{display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-xs)}.wrap{max-width:1180px;padding:0 var(--sp-6);margin:0 auto}.mono{font-family:var(--mono);font-size:var(--text-xs)}.muted-2{color:var(--muted-2)}.accent{color:var(--accent)}.ink{color:var(--ink)}h2{font:600 var(--text-d3)/var(--lh-display) var(--display);letter-spacing:-.035em;text-wrap:balance;max-width:760px}h3{font-size:var(--text-xl);font-weight:500}.section{padding-top:var(--sp-40)}.section-head{justify-content:space-between;align-items:flex-end;gap:var(--sp-4);margin-bottom:var(--sp-10);flex-wrap:wrap;display:flex}.intro{margin:var(--sp-3-5) 0 var(--sp-10);max-width:600px;color:var(--muted);line-height:var(--lh-relaxed)}.btn{min-height:44px;padding:0 var(--sp-5);border-radius:var(--r-pill);background:var(--accent);color:var(--accent-ink);font-weight:600;font-size:var(--text-lg);align-items:center;text-decoration:none;transition:background-color .15s,filter .15s;display:inline-flex}.btn:hover{filter:brightness(1.08)}.btn-ghost{color:var(--ink);border:1px solid var(--line-2);background:0 0;font-weight:500}.btn-ghost:hover{filter:none;background:var(--fill-2)}.btn-small{min-height:36px;padding:0 var(--sp-4);font-size:var(--text-md)}.btn-large{min-height:48px;padding:0 var(--sp-6);font-size:var(--text-xl)}.nav-bar{border-bottom:1px solid var(--line)}.nav{justify-content:space-between;align-items:center;gap:var(--sp-2) var(--sp-6);flex-wrap:wrap;min-height:64px;display:flex}.brand{align-items:center;gap:var(--sp-2-5);min-height:44px;font:600 var(--text-xl) var(--display);letter-spacing:-.01em;text-decoration:none;display:flex}.nav-links,.nav-menu{align-items:center;gap:0 var(--sp-6);font-size:var(--text-md);flex-wrap:wrap;display:flex}.nav-menu a{color:var(--muted);padding:var(--sp-3) 0;text-decoration:none}.nav-menu a:hover{color:var(--ink)}.nav-menu a[hidden],.menu-btn{display:none}@media (width<=640px){.nav-bar{z-index:10;background:var(--bg);position:relative}.nav{flex-wrap:nowrap}.nav-links{gap:var(--sp-2);flex-wrap:nowrap}.menu-btn{border-radius:var(--r-sm);width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;margin-right:-10px;display:inline-flex}.menu-btn path{transform-box:fill-box;transform-origin:50%;transition:transform .2s}.menu-btn[aria-expanded=true] .bar-top{transform:translateY(3.5px)rotate(45deg)}.menu-btn[aria-expanded=true] .bar-bottom{transform:translateY(-3.5px)rotate(-45deg)}.nav-menu{padding:var(--sp-2) var(--sp-6) var(--sp-4);background:var(--bg);border-bottom:1px solid var(--line);font-size:var(--text-2xl);flex-direction:column;align-items:stretch;gap:0;display:none;position:absolute;top:100%;left:0;right:0}.nav-menu.open{display:flex}.nav-menu a{min-height:52px;color:var(--ink);align-items:center;padding:0;display:flex}.nav-menu a+a{border-top:1px solid var(--line)}}.hero{position:relative;overflow:hidden}.hero-glow{pointer-events:none;background:radial-gradient(closest-side,var(--accent-glow),transparent 70%);width:1100px;height:700px;position:absolute;top:-260px;left:50%;transform:translate(-50%)}.hero-inner{padding-top:var(--sp-28);text-align:center;align-items:center;gap:var(--sp-6);flex-direction:column;display:flex;position:relative}.hero-shot{margin:var(--sp-10) 0 0;border-radius:var(--r-xl);border:1px solid var(--line-2);width:100%;max-width:1120px;box-shadow:0 40px 120px var(--shadow-deep),0 0 0 1px var(--fill-1);overflow:hidden}.hero-shot img{width:100%;height:auto}.hero-note{color:var(--muted-2);font-size:var(--text-sm);margin:-8px 0 0}.hero-film{background:var(--bg);position:relative}.hero-film video{aspect-ratio:16/9;width:100%;height:auto;display:block}.sound-btn{align-items:center;gap:var(--sp-2);min-height:36px;padding:0 var(--sp-3-5);border-radius:var(--r-pill);border:1px solid var(--line-2);background:var(--scrim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ink);font:500 var(--text-sm)/var(--lh-none) var(--body);cursor:pointer;transition:background-color .15s;display:inline-flex;position:absolute;bottom:16px;right:16px}.sound-btn:hover{background:var(--scrim-strong)}.sound-btn .snd-on,.sound-btn[aria-pressed=true] .snd-off{display:none}.sound-btn[aria-pressed=true] .snd-on{display:inline}@media (width<=640px){.sound-btn{justify-content:center;width:32px;min-height:32px;padding:0;bottom:8px;right:8px}.sound-btn span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.pill{align-items:center;gap:var(--sp-2-5);min-height:32px;padding:0 var(--sp-3) 0 var(--sp-1-5);border-radius:var(--r-pill);border:1px solid var(--line-2);background:var(--fill-1);font-size:var(--text-sm);color:var(--ink-2);text-decoration:none;display:inline-flex}.pill-tag{padding:var(--sp-0-5) var(--sp-2);border-radius:var(--r-pill);background:var(--accent-bg);color:var(--accent);font-weight:500}h1{max-width:900px;font:600 var(--text-d1)/var(--lh-none) var(--display);letter-spacing:-.045em;text-wrap:balance;margin:0}.lede{max-width:580px;font-size:var(--text-lede);line-height:var(--lh-body);color:var(--muted);text-wrap:pretty}.actions{justify-content:center;gap:var(--sp-3);margin-top:var(--sp-1);flex-wrap:wrap;display:flex}.grid{gap:1px;display:grid}.ruled{background:var(--line);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}.cell{background:var(--bg);padding:var(--sp-8);gap:var(--sp-3);flex-direction:column;display:flex}.cell p{font-size:var(--text-lg);line-height:var(--lh-body);color:var(--muted)}.steps{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.angles{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.duo{margin-top:var(--sp-5);grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.trio{margin-top:var(--sp-12);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.tile{gap:var(--sp-6)}.tile h3{margin-bottom:var(--sp-1-5)}.screen{border-radius:var(--r-sm);background:var(--paper);width:120px;height:76px;padding:var(--sp-2);gap:var(--sp-1-5);box-shadow:0 18px 30px var(--shadow-deep);flex-direction:column;display:flex;position:relative}.screen i{border-radius:var(--r-pill);background:var(--paper-3);width:40%;height:6px}.screen b{border-radius:var(--r-xs);background:var(--paper-2);flex:1}.screen.classic{transform:rotateX(30deg)rotateY(8deg)rotate(-5deg)}.screen.three-quarter{transform:rotateX(12deg)rotateY(-38deg)rotate(2deg)}.screen.low{transform:rotateX(-28deg)rotateY(6deg)}.screen.high{transform:rotateX(58deg)rotate(-8deg)}.screen.side{transform:rotateX(8deg)rotateY(62deg)}.screen.yours{transform:rotateX(22deg)rotateY(-22deg)rotate(6deg)}.screen-custom{background:var(--accent-wash);border:1.5px dashed var(--accent);box-shadow:none}.angle{padding:var(--sp-6);gap:var(--sp-4)}.angle p{font-size:var(--text-sm);line-height:var(--lh-snug);margin-top:-12px}.stage{perspective:500px;justify-content:center;align-items:center;height:110px;display:flex;position:relative}.sliders{color:var(--accent);position:absolute}.angle h3{font-size:var(--text-lg)}.moves{margin-top:var(--sp-5);align-items:center;gap:var(--sp-2-5) var(--sp-3);flex-wrap:wrap;display:flex}.moves>li:first-child{margin-right:var(--sp-1-5)}.mv{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3-5);border-radius:var(--r-pill);border:1px solid var(--line-2);font-size:var(--text-md);transition:border-color .2s,background-color .2s;display:inline-flex}.mv svg{fill:none;width:20px;height:20px;stroke:var(--accent);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none}.mv:hover{border-color:var(--accent-edge);background-color:var(--accent-wash)}.mv-push:hover svg{animation:1.2s ease-in-out infinite mvPush}.mv-pull:hover svg{animation:1.2s ease-in-out infinite mvPull}.mv-panL:hover svg{animation:1.2s ease-in-out infinite mvPanL}.mv-panR:hover svg{animation:1.2s ease-in-out infinite mvPanR}.mv-rise:hover svg{animation:1.2s ease-in-out infinite mvRise}.mv-orbit:hover svg{animation:1.6s ease-in-out infinite mvOrbit}.mv-glide:hover svg{animation:2.4s linear infinite alternate mvGlide}.mv-static:hover svg{animation:1.6s ease-in-out infinite mvStatic}@keyframes mvPush{50%{transform:scale(1.3)}}@keyframes mvPull{50%{transform:scale(.72)}}@keyframes mvPanL{50%{transform:translate(-5px)}}@keyframes mvPanR{50%{transform:translate(5px)}}@keyframes mvRise{50%{transform:translateY(-5px)}}@keyframes mvOrbit{0%,to{transform:perspective(60px)rotateY(-35deg)}50%{transform:perspective(60px)rotateY(35deg)}}@keyframes mvGlide{0%{transform:translate(-4px)}to{transform:translate(4px)}}@keyframes mvStatic{50%{opacity:.55}}.moves-note{font-size:var(--text-md);color:var(--muted);margin-left:var(--sp-1-5)}.art{justify-content:center;align-items:center;gap:var(--sp-6);height:110px;color:var(--muted-2);display:flex}.match{perspective:600px}.match .screen{width:110px;height:70px}.match .flat{box-shadow:none}.ring{border:2px solid var(--accent);border-radius:50%;width:30px;height:30px;position:absolute;top:38%;left:50%}.macro{border-radius:var(--r-sm);background:var(--bg);perspective:400px;overflow:hidden}.rows{gap:var(--sp-2);flex-direction:column;width:260px;display:flex;transform:rotateX(62deg)rotate(-14deg)}.rows i{border-radius:var(--r-xs);height:10px}.rows .far{background:var(--muted-2);filter:blur(3px)}.rows .near{background:var(--muted);filter:blur(1.5px)}.rows .sharp{background:var(--paper)}.rows .accent{background:var(--accent);width:70%}.scrub{align-items:stretch;gap:var(--sp-3);flex-direction:column}.track{border-radius:var(--r-pill);background:var(--track);height:6px;position:relative}.track i{position:absolute}.track .played{border-radius:var(--r-pill);background:var(--accent-edge);width:42%;top:0;bottom:0;left:0}.track .pin{background:var(--accent);width:2px;height:16px;top:-5px;left:18%}.track .head{border-radius:var(--r-xs);background:var(--paper);width:14px;height:20px;margin-left:-7px;top:-7px;left:42%}.track .tick{border-radius:var(--r-pill);border:1px solid var(--muted-2);width:8px;height:16px;top:-5px;left:66%}.times{font-size:var(--text-xs);justify-content:space-between;display:flex}.log{padding:var(--sp-3) var(--sp-3-5);border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--line);line-height:var(--lh-relaxed);color:var(--muted);flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0;overflow:hidden}.log em{color:var(--accent);font-style:normal}.chip{align-items:center;gap:var(--sp-2-5);padding:var(--sp-1-5) var(--sp-4) var(--sp-1-5) var(--sp-1-5);border-radius:var(--r-pill);background:var(--paper);display:flex}.chip img{background:var(--paper-2);border-radius:50%;width:40px;height:40px}.chip span{flex-direction:column;display:flex}.chip b{font-size:var(--text-md);color:var(--bg);font-weight:600}.chip small{font-size:var(--text-xs);color:var(--paper-muted)}.tabs{gap:var(--sp-2);margin:var(--sp-7) 0 var(--sp-8);flex-wrap:wrap;display:flex}.tabs [role=tab]{min-height:44px;padding:0 var(--sp-4);border-radius:var(--r-pill);border:1px solid var(--line-2);color:var(--ink-2);font:500 var(--text-lg) var(--body);cursor:pointer;background:0 0}@media (hover:hover){.tabs [aria-selected=false]:hover{color:var(--ink)}}.tabs [aria-selected=true]{background:var(--paper);border-color:var(--paper);color:var(--bg)}.panel{border:1px solid var(--line);border-radius:var(--r-xl);background:var(--surface);padding:clamp(var(--sp-6),4vw,var(--sp-12));gap:var(--sp-12);flex-wrap:wrap;align-items:center;display:flex}.panel[hidden]{display:none}.panel-copy{gap:var(--sp-4);flex-direction:column;flex:420px;align-items:flex-start;display:flex}.panel-copy h3{font:600 var(--text-d4)/var(--lh-display) var(--display);letter-spacing:-.03em;text-wrap:balance}.panel-copy p{color:var(--muted);line-height:var(--lh-relaxed)}.panel-copy .btn{margin-top:var(--sp-1-5)}.ticks{gap:var(--sp-2-5);font-size:var(--text-lg);flex-direction:column;display:flex}.ticks li{gap:var(--sp-2-5);display:flex}.ticks li:before{content:"→";color:var(--accent)}.panel-art{flex:380px}.notes{gap:var(--sp-3);flex-wrap:wrap;align-items:stretch;display:flex}.file{border-radius:var(--r-md);border:1px solid var(--line);padding:var(--sp-4);gap:var(--sp-2);flex-direction:column;flex:160px;display:flex}.file span{font-size:var(--text-xs);color:var(--muted-2)}.file i{border-radius:var(--r-pill);background:var(--track);height:6px}.file i:first-of-type{width:92%}.file i:nth-of-type(2){width:74%}.file i:nth-of-type(3){width:86%}.file i:nth-of-type(4){width:60%}.file i:nth-of-type(5){width:80%}.drafted{gap:var(--sp-1-5);font-size:var(--text-sm);flex-direction:column;flex:180px;display:flex}.drafted li{padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);background:var(--fill-2);gap:var(--sp-2-5);align-items:center;display:flex}.drafted li span{font-family:var(--mono);color:var(--muted-2)}.drafted .done{border:1px solid var(--accent-edge);color:var(--accent);gap:var(--sp-2);background:0 0}.themes{gap:var(--sp-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.th{aspect-ratio:16/10;border-radius:var(--r-md);padding:var(--sp-3-5);font-size:var(--text-2xl);line-height:var(--lh-tight);flex-direction:column;justify-content:space-between;display:flex}.th small{font-size:var(--text-xs)}.th span{font-size:clamp(40px,6vw,64px);line-height:var(--lh-none);flex:1;place-items:center;display:grid}.th-studio{color:#efe9de;background:#121820;font-family:Fraunces,Georgia,serif}.th-studio small{color:#c9a66b}.th-crisp{color:#13202e;background:#f1f4f8;font-weight:600}.th-crisp small{color:#2f6bff}.th-spotlight{color:#f8f2ff;font:700 var(--text-2xl)/var(--lh-tight) "Bricolage Grotesque",sans-serif;background:#160d2b}.th-spotlight small{color:#ffb547}.th-custom{background:var(--accent-wash);border:1.5px dashed var(--accent);color:var(--accent);font:italic 400 var(--text-2xl)/var(--lh-tight) "Instrument Serif",Georgia,serif}.th small{font-family:var(--body);font-style:normal;font-weight:400}.shape{border-radius:var(--r-md);border:1px solid var(--line);font-size:var(--text-md);overflow:hidden}.shape-head,.shape-row{padding:var(--sp-3-5) var(--sp-4);gap:var(--sp-3);display:flex}.shape-head{padding:var(--sp-3) var(--sp-4);color:var(--muted);border-bottom:1px solid var(--line);justify-content:space-between}.shape-row+.shape-row{border-top:1px solid var(--fill-2)}.shape-row span:first-child{color:var(--muted-2)}.shape-row span:nth-child(2){flex:1}.shape-row span:last-child{color:var(--muted-2)}.small-head{font-size:var(--text-4xl);letter-spacing:-.02em;padding-bottom:var(--sp-5);border-bottom:1px solid var(--line)}.log-list li{gap:var(--sp-2) var(--sp-8);padding:var(--sp-5) 0;border-bottom:1px solid var(--line);flex-wrap:wrap;display:flex}.log-list time{font-size:var(--text-sm);color:var(--muted-2);flex:0 0 140px}.log-list span{font-size:var(--text-lg);flex:400px}.log-pager{justify-content:flex-end;align-items:center;gap:var(--sp-4);padding-top:var(--sp-5);display:flex}.log-pager span{color:var(--muted-2);text-align:center;min-width:48px}.log-pager button{cursor:pointer;font-family:inherit}.log-pager button:disabled{opacity:.4;cursor:default;background:0 0}.log-list li[hidden],.log-pager[hidden]{display:none}.story{gap:var(--sp-14);padding-top:var(--sp-12);border-top:1px solid var(--line);flex-wrap:wrap;align-items:flex-start;display:flex}.story-quote{gap:var(--sp-7);flex-direction:column;flex:420px;display:flex}blockquote{font:600 var(--text-d4)/var(--lh-display) var(--display);letter-spacing:-.03em;text-wrap:balance}.byline{align-items:center;gap:var(--sp-3-5);display:flex}.byline img{object-fit:cover;border:1px solid var(--line-2);border-radius:50%;width:64px;height:64px}.byline span{gap:var(--sp-0-5);flex-direction:column;display:flex}.byline b{font-size:var(--text-lg);font-weight:500}.byline small{font-size:var(--text-md);color:var(--muted)}.story-body{gap:var(--sp-4);font-size:var(--text-2xl);line-height:var(--lh-relaxed);color:var(--ink-2);flex-direction:column;flex:420px;display:flex}.features{padding-bottom:var(--sp-32)}.feature-table{border-collapse:collapse;width:100%;font-size:var(--text-lg);line-height:var(--lh-body)}.feature-table thead th{padding:var(--sp-4) 0;text-align:left;font:500 var(--text-xs) var(--mono);color:var(--muted-2);text-transform:uppercase;border-bottom:1px solid var(--line)}.feature-table tbody th,.feature-table td{padding:var(--sp-4) 0;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}.feature-table tbody th{width:240px;padding-right:var(--sp-8);font-weight:500}.feature-table td{color:var(--muted)}.feature-table .group th{width:auto;padding:var(--sp-10) 0 var(--sp-3);font:500 var(--text-xs) var(--mono);color:var(--accent);text-transform:uppercase}.closing{padding-top:var(--sp-48);padding-bottom:var(--sp-32);text-align:center;align-items:center;gap:var(--sp-7);flex-direction:column;display:flex}.closing h2{font-size:var(--text-d2);line-height:var(--lh-none);letter-spacing:-.04em}.foot{border-top:1px solid var(--line)}.foot-inner{padding-top:var(--sp-7);padding-bottom:var(--sp-7);justify-content:space-between;gap:var(--sp-3);font-size:var(--text-sm);color:var(--muted-2);flex-wrap:wrap;display:flex}.foot-links{gap:0 var(--sp-5);flex-wrap:wrap;display:flex}.foot-links a{color:var(--muted);text-decoration:none}.foot-links a:hover{color:var(--ink)}.doc{max-width:720px;padding-top:var(--sp-24);padding-bottom:var(--sp-32)}.doc h1{font-size:var(--text-d3);line-height:var(--lh-display)}.doc .updated{margin-top:var(--sp-4)}.doc h2{margin-top:var(--sp-12);font-size:var(--text-4xl);letter-spacing:-.02em}.doc p,.doc li{color:var(--ink-2);line-height:var(--lh-relaxed)}.doc p{margin-top:var(--sp-3-5)}.doc ul{margin-top:var(--sp-3-5);padding-left:var(--sp-5);list-style:outside}.doc li+li{margin-top:var(--sp-1-5)}.doc p a,.doc li a{color:var(--accent)}.doc b{color:var(--ink);font-weight:500}.lost{justify-content:center;align-items:flex-start;gap:var(--sp-6);flex-direction:column;min-height:60vh;display:flex}.lost .actions{justify-content:flex-start}@media (width<=640px){.section{padding-top:var(--sp-28)}.hero-inner{padding-top:var(--sp-18)}.cell{padding:var(--sp-6)}.feature-table thead{display:none}.feature-table tbody th,.feature-table td{width:auto;padding-right:0;display:block}.feature-table tbody th{padding-bottom:var(--sp-1);border-bottom:0}.feature-table td{padding-top:0}.feature-table .group th{padding-bottom:var(--sp-3);border-bottom:1px solid var(--line)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mv:hover svg{animation:none}.menu-btn path{transition:none}}