:root{--bg:#08090a;--surface:#0f1012;--track:#1c1d21;--line:#ffffff12;--line-2:#ffffff1f;--ink:#f7f8f8;--ink-2:#b4bcd0;--muted:#8a8f98;--muted-2:#62666d;--accent:#7dd3fc;--accent-bg:#7dd3fc24;--tally:#e5484d;--paper:#f7f8f8;--paper-2:#e4e6ea;--paper-3:#c9cdd3;--r-sm:8px;--r-md:10px;--r-lg:14px;--r-xl:18px;--r-pill:999px;--display:"Inter Tight",system-ui,sans-serif;--body:"Inter",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace;--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 16px/1.5 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:4px}.wrap{max-width:1180px;margin:0 auto;padding:0 24px}.mono{font-family:var(--mono);font-size:12px}.muted-2{color:var(--muted-2)}.accent{color:var(--accent)}.ink{color:var(--ink)}h2{font:600 clamp(2rem,4.2vw,3.25rem)/1.04 var(--display);letter-spacing:-.035em;text-wrap:balance;max-width:760px}h3{font-size:16px;font-weight:500}.section{padding-top:160px}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:40px;display:flex}.intro{max-width:600px;color:var(--muted);margin:14px 0 40px;line-height:1.6}.btn{border-radius:var(--r-md);background:var(--paper);min-height:44px;color:var(--bg);align-items:center;padding:0 18px;font-size:15px;font-weight:500;text-decoration:none;transition:background-color .15s;display:inline-flex}.btn:hover{background:#fff}.btn-ghost{color:var(--ink);border:1px solid var(--line-2);background:0 0}.btn-ghost:hover{background:#ffffff0d}.btn-small{border-radius:var(--r-sm);min-height:36px;padding:0 14px;font-size:14px}.btn-large{min-height:48px;padding:0 22px;font-size:16px}.nav-bar{border-bottom:1px solid var(--line)}.nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;min-height:64px;display:flex}.brand{min-height:44px;font:600 16px var(--display);letter-spacing:-.01em;align-items:center;gap:10px;text-decoration:none;display:flex}.nav-links{flex-wrap:wrap;align-items:center;gap:0 22px;font-size:14px;display:flex}.nav-links a:not(.btn){color:var(--muted);padding:12px 0;text-decoration:none}.nav-links a:not(.btn):hover{color:var(--ink)}.hero{position:relative;overflow:hidden}.hero-glow{pointer-events:none;background:radial-gradient(closest-side,#38bdf829,#38bdf800 70%);width:1100px;height:700px;position:absolute;top:-260px;left:50%;transform:translate(-50%)}.hero-inner{text-align:center;flex-direction:column;align-items:center;gap:24px;padding-top:112px;display:flex;position:relative}.pill{border-radius:var(--r-pill);min-height:32px;color:var(--ink-2);background:#ffffff08;border:1px solid #ffffff1a;align-items:center;gap:10px;padding:0 12px 0 6px;font-size:13px;text-decoration:none;display:inline-flex}.pill-tag{border-radius:var(--r-pill);background:var(--accent-bg);color:var(--accent);padding:2px 8px;font-weight:500}h1{max-width:900px;font:600 clamp(2.75rem,6.6vw,5.5rem)/.98 var(--display);letter-spacing:-.045em;text-wrap:balance;margin:0}.lede{max-width:580px;color:var(--muted);text-wrap:pretty;font-size:clamp(1.05rem,1.5vw,1.2rem);line-height:1.55}.actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:4px;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);flex-direction:column;gap:12px;padding:32px;display:flex}.cell p{color:var(--muted);font-size:15px;line-height:1.55}.steps{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.angles{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.duo{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:20px}.trio{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:48px}.tile{gap:22px}.tile h3{margin-bottom:6px}.screen{background:var(--paper);border-radius:6px;flex-direction:column;gap:6px;width:120px;height:76px;padding:8px;display:flex;position:relative;box-shadow:0 18px 30px #0009}.screen i{background:var(--paper-3);border-radius:3px;width:40%;height:6px}.screen b{background:var(--paper-2);border-radius:4px;flex:1}.screen-custom{border:1.5px dashed var(--accent);box-shadow:none;background:#7dd3fc0f}.angle{gap:16px;padding:24px}.angle p{margin-top:-12px;font-size:13px;line-height:1.45}.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:15px}.moves{flex-wrap:wrap;align-items:center;gap:10px 12px;margin-top:20px;display:flex}.moves>li:first-child{margin-right:6px}.mv{border-radius:var(--r-pill);border:1px solid #ffffff1a;align-items:center;gap:8px;padding:8px 14px;font-size:14px;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{background-color:#7dd3fc14;border-color:#7dd3fc99}.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{color:var(--muted);margin-left:6px;font-size:14px}.art{height:110px;color:var(--muted-2);justify-content:center;align-items:center;gap:24px;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);perspective:400px;background:#050506;overflow:hidden}.rows{flex-direction:column;gap:9px;width:260px;display:flex;transform:rotateX(62deg)rotate(-14deg)}.rows i{border-radius:4px;height:10px}.rows .far{filter:blur(3px);background:#4a4f57}.rows .near{filter:blur(1.5px);background:#6b7079}.rows .sharp{background:var(--paper)}.rows .accent{background:var(--accent);width:70%}.scrub{flex-direction:column;align-items:stretch;gap:12px}.track{background:var(--track);border-radius:3px;height:6px;position:relative}.track i{position:absolute}.track .played{background:#7dd3fc80;border-radius:3px;width:42%;top:0;bottom:0;left:0}.track .pin{background:var(--accent);width:2px;height:16px;top:-5px;left:18%}.track .head{background:var(--paper);border-radius:4px;width:14px;height:20px;margin-left:-7px;top:-7px;left:42%}.track .tick{border:1px solid var(--muted-2);border-radius:3px;width:8px;height:16px;top:-5px;left:66%}.times{justify-content:space-between;font-size:11px;display:flex}.log{border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--line);color:var(--muted);flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0;padding:12px 14px;line-height:1.6;overflow:hidden}.log em{color:var(--accent);font-style:normal}.chip{border-radius:var(--r-pill);background:var(--paper);align-items:center;gap:10px;padding:6px 16px 6px 6px;display:flex}.chip img{background:#bfe6dc;border-radius:50%;width:40px;height:40px}.chip span{flex-direction:column;display:flex}.chip b{color:var(--bg);font-size:14px;font-weight:600}.chip small{color:#4a4f57;font-size:12px}.tabs{flex-wrap:wrap;gap:8px;margin:28px 0 32px;display:flex}.tabs [role=tab]{border-radius:var(--r-pill);border:1px solid var(--line-2);min-height:44px;color:var(--ink-2);font:500 15px var(--body);cursor:pointer;background:0 0;padding:0 18px}@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-radius:var(--r-xl);background:var(--surface);border:1px solid #ffffff14;flex-wrap:wrap;align-items:center;gap:48px;padding:clamp(24px,4vw,48px);display:flex}.panel[hidden]{display:none}.panel-copy{flex-direction:column;flex:420px;align-items:flex-start;gap:18px;display:flex}.panel-copy h3{font:600 clamp(1.6rem,3vw,2.4rem)/1.08 var(--display);letter-spacing:-.03em;text-wrap:balance}.panel-copy p{color:var(--muted);line-height:1.6}.panel-copy .btn{margin-top:6px}.ticks{flex-direction:column;gap:10px;font-size:15px;display:flex}.ticks li{gap:10px;display:flex}.ticks li:before{content:"→";color:var(--accent)}.panel-art{flex:380px}.notes{flex-wrap:wrap;align-items:stretch;gap:12px;display:flex}.file{border:1px solid #ffffff14;border-radius:12px;flex-direction:column;flex:160px;gap:9px;padding:16px;display:flex}.file span{color:var(--muted-2);font-size:12px}.file i{background:var(--track);border-radius:3px;height:6px}.drafted{flex-direction:column;flex:180px;gap:6px;font-size:13px;display:flex}.drafted li{border-radius:var(--r-sm);background:#ffffff0d;align-items:center;gap:10px;padding:9px 12px;display:flex}.drafted li span{font-family:var(--mono);color:var(--muted-2)}.drafted .done{color:var(--accent);background:0 0;border:1px solid #7dd3fc66;gap:8px}.themes{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.th{aspect-ratio:16/10;border-radius:var(--r-md);flex-direction:column;justify-content:space-between;padding:14px;font-size:17px;line-height:1.1;display:flex}.th small{font-size:11px}.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;background:#160d2b;font:700 17px/1.1 Bricolage Grotesque,sans-serif}.th-spotlight small{color:#ffb547}.th-social{color:#fff;background:#2350ff;font:700 19px/1.05 Bricolage Grotesque,sans-serif}.th-social small{color:#f5ff6b}.th small{font-family:var(--body);font-weight:400}.shape{border:1px solid #ffffff14;border-radius:12px;font-size:14px;overflow:hidden}.shape-head,.shape-row{gap:12px;padding:14px 16px;display:flex}.shape-head{color:var(--muted);border-bottom:1px solid #ffffff14;justify-content:space-between;padding:12px 16px}.shape-row+.shape-row{border-top:1px solid #ffffff0d}.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{letter-spacing:-.02em;border-bottom:1px solid var(--line);padding-bottom:20px;font-size:24px}.log-list li{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px 32px;padding:20px 0;display:flex}.log-list time{color:var(--muted-2);flex:0 0 140px;font-size:13px}.log-list span{flex:400px;font-size:15px}.story{border-top:1px solid var(--line);flex-wrap:wrap;align-items:flex-start;gap:56px;padding-top:48px;display:flex}.story-quote{flex-direction:column;flex:420px;gap:28px;display:flex}blockquote{font:600 clamp(1.75rem,3.4vw,2.75rem)/1.12 var(--display);letter-spacing:-.03em;text-wrap:balance}.byline{align-items:center;gap:14px;display:flex}.byline img{object-fit:cover;border:1px solid var(--line-2);border-radius:50%;width:64px;height:64px}.byline span{flex-direction:column;gap:2px;display:flex}.byline b{font-size:15px;font-weight:500}.byline small{color:var(--muted);font-size:14px}.story-body{color:var(--ink-2);flex-direction:column;flex:420px;gap:18px;font-size:17px;line-height:1.65;display:flex}.closing{text-align:center;flex-direction:column;align-items:center;gap:28px;padding-top:180px;padding-bottom:140px;display:flex}.closing h2{letter-spacing:-.04em;font-size:clamp(2.25rem,5vw,4rem);line-height:1}.foot{border-top:1px solid var(--line)}.foot-inner{color:var(--muted-2);flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:28px;padding-bottom:28px;font-size:13px;display:flex}@media (width<=640px){.section{padding-top:112px}.hero-inner{padding-top:72px}.cell{padding:24px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mv:hover svg{animation:none}}