:root {
  --sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans CJK SC", "Microsoft YaHei", sans-serif;
  --serif: Georgia, "Times New Roman", "Noto Serif CJK SC", "Songti SC", serif;
  --mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --red: #c73b2c;
  --blue: #4264ff;
  --magenta: #ff2b91;
  --cyan: #36d9ff;
  --orange: #ff5a1f;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: var(--sans); -webkit-font-smoothing: antialiased; overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
img, canvas { display: block; max-width: 100%; }
button, input { color: inherit; font: inherit; }
a:focus-visible, button:focus-visible, input:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.skip { position: fixed; top: 8px; left: 8px; z-index: 1000; padding: 9px 13px; color: white; background: black; transform: translateY(-160%); }
.skip:focus { transform: none; }
.global-progress { position: fixed; top: 0; left: 0; z-index: 900; width: 100%; height: 2px; pointer-events: none; }
.global-progress i { display: block; width: 100%; height: 100%; background: var(--red); transform: scaleX(0); transform-origin: left; }
.experiment-nav { position: fixed; left: 50%; bottom: 17px; z-index: 850; width: max-content; max-width: calc(100vw - 28px); display: flex; overflow-x: auto; padding: 4px; color: #eee; background: rgba(16,16,16,.88); border: 1px solid rgba(255,255,255,.24); box-shadow: 0 12px 40px rgba(0,0,0,.2); backdrop-filter: blur(14px); transform: translateX(-50%); scrollbar-width: none; }
.experiment-nav::-webkit-scrollbar { display: none; }
.experiment-nav a { flex: 0 0 auto; padding: 8px 10px; font: 8px var(--mono); letter-spacing: .05em; white-space: nowrap; }
.experiment-nav a:hover, .experiment-nav a:focus-visible, .experiment-nav a.active { color: #111; background: #f3f0e8; outline: none; }
.js [data-reveal] { opacity: 0; transform: translateY(26px); transition: opacity .8s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.2,.7,.2,1); }
.js [data-reveal].visible { opacity: 1; transform: none; }

/* Versions */
[data-experiment="versions"] { color: #eeeae1; background: #121212; }
.lab-header { min-height: 74px; padding: 0 clamp(20px,4vw,64px); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 20px; border-bottom: 1px solid #424242; }
.lab-mark { font: 24px var(--serif); }
.lab-mark sup { color: var(--red); font: 8px var(--mono); vertical-align: top; }
.lab-header p { margin: 0; font: 9px var(--mono); letter-spacing: .12em; }
.lab-header p span { margin-left: 20px; color: #777; }
.lab-header > a:last-child { justify-self: end; font: 9px var(--mono); }
.versions-main { padding: clamp(70px,9vw,140px) clamp(20px,4vw,64px) 120px; }
.versions-intro { display: grid; grid-template-columns: repeat(12,1fr); gap: 20px; padding-bottom: clamp(80px,10vw,150px); }
.versions-intro .micro { grid-column: 1/4; margin: 8px 0 0; color: #858585; font: 9px var(--mono); letter-spacing: .12em; }
.versions-intro h1 { grid-column: 4/12; margin: 0; font: 400 clamp(58px,8.7vw,138px)/.9 var(--serif); letter-spacing: -.075em; }
.versions-intro h1 em { color: var(--red); font-weight: 400; }
.versions-note { grid-column: 8/12; margin-top: 60px; display: grid; grid-template-columns: 1fr 1fr; gap: 30px; color: #aaa; font-size: 13px; line-height: 1.8; }
.version-grid { display: grid; grid-template-columns: repeat(2,1fr); border-top: 1px solid #505050; border-left: 1px solid #505050; }
.version-card { min-height: 72vh; padding: 20px; display: grid; grid-template-rows: auto 1fr auto auto auto; border-right: 1px solid #505050; border-bottom: 1px solid #505050; transition: color .3s, background .3s; }
.version-card:hover { color: #151515; background: #eee9df; }
.version-no, .version-card small { color: #8d8d8d; font: 8px var(--mono); letter-spacing: .11em; }
.version-preview { align-self: center; width: 80%; max-width: 520px; aspect-ratio: 1.6; margin: 42px auto; position: relative; overflow: hidden; border: 1px solid #555; transition: transform .5s cubic-bezier(.2,.8,.2,1); }
.version-card:hover .version-preview { transform: scale(.97); }
.version-card h2 { margin: 0 0 10px; font: 400 clamp(36px,4vw,64px)/1 var(--serif); letter-spacing: -.055em; }
.version-card > p { max-width: 540px; margin: 0 0 28px; color: #aaa; line-height: 1.75; }
.version-card:hover > p { color: #555; }
.archive-preview { padding: 9%; color: #171714; background: #eee9df; }
.archive-preview b { display: block; font: 46px var(--serif); }
.archive-preview i { display: block; width: 60%; height: 7px; margin: 8px 0; background: var(--red); }
.archive-preview span { color: var(--red); font: italic 40px var(--serif); }
.pixel-preview { background: #050505; }
.pixel-preview i { position: absolute; width: 4px; height: 4px; background: var(--cyan); box-shadow: 12px 4px var(--magenta),24px 12px var(--blue),36px -4px var(--cyan),48px 20px var(--magenta),60px 4px var(--orange),72px 16px var(--blue),84px 0 var(--cyan),96px 24px var(--magenta); }
.pixel-preview i:nth-child(1){left:18%;top:28%}.pixel-preview i:nth-child(2){left:42%;top:47%;transform:scale(2)}.pixel-preview i:nth-child(3){left:28%;top:67%}.pixel-preview i:nth-child(4){left:65%;top:32%;transform:scale(1.5)}
.pixel-preview b { position:absolute;right:8%;bottom:9%;color:#f5f3ef;font:13px var(--mono); }
.race-preview { padding: 8%; color: #f5f3ed; background: #101112; }
.race-preview b { color: #e24131; font: 50px/1 var(--mono); }
.race-preview i { display:block; height: 42%; margin: 12px -10% 8px; border: 8px solid #eee; border-left:0; border-right:0; transform:skewX(-18deg); }
.race-preview span { font: 9px var(--mono); letter-spacing: .8em; }
.editorial-preview { padding:9%; color:#191815; background:#e8e0d3; }
.editorial-preview b { display:block; width:60%; font:44px/.9 var(--serif); }
.editorial-preview i { display:block; height:1px; margin:20px 0; background:#191815; }
.editorial-preview span { font:8px var(--mono); }
.terminal-preview { padding:10%; color:#e4b85f; background:#11110f; font:13px/2 var(--mono); }
.terminal-preview b { color:#f1ede4; font-weight:400; }.terminal-preview i{display:block;width:70%;height:1px;margin-top:12%;background:#4e493e;}
.scientific-preview { background: #eef0ea; }
.scientific-preview::before,.scientific-preview::after {content:"";position:absolute;inset:15%;border:1px solid #97a6a7;border-radius:50%;}
.scientific-preview::after{inset:30%;border-color:#d45b65}.scientific-preview i{position:absolute;width:9px;height:9px;border-radius:50%;background:#284c63;box-shadow:0 0 0 6px rgba(40,76,99,.12)}
.scientific-preview i:nth-child(1){left:22%;top:50%}.scientific-preview i:nth-child(2){left:48%;top:25%;background:#d45b65}.scientific-preview i:nth-child(3){right:20%;top:53%;background:#d2a540}.scientific-preview i:nth-child(4){left:48%;bottom:15%}.scientific-preview i:nth-child(5){left:49%;top:49%;background:#151515}
.night-preview { background: linear-gradient(#090b12 0 52%,#26272a 52% 54%,#060708 55%); }
.night-preview::before { content:""; position:absolute; left:37%; right:37%; bottom:-35%; height:80%; border-left:1px solid #aaa; border-right:1px solid #aaa; transform:perspective(200px) rotateX(45deg); }
.night-preview i { position:absolute; bottom:22%; width:6px;height:3px;background:#dc3d2b;box-shadow:0 0 12px #dc3d2b}.night-preview i:first-child{left:44%}.night-preview i:nth-child(2){right:44%}.night-preview b{position:absolute;left:6%;bottom:8%;color:white;font:26px var(--mono)}.night-preview span{position:absolute;right:6%;bottom:9%;color:#aaa;font:8px var(--mono)}
.lab-footer { padding: 24px clamp(20px,4vw,64px) 90px; display: flex; justify-content: space-between; color: #777; border-top: 1px solid #444; font: 8px var(--mono); letter-spacing: .1em; }

/* Pixel */
[data-experiment="pixel"] { color: #f4f2f0; background: #050505; image-rendering: pixelated; }
.pixel-bar { min-height: 66px; padding: 0 clamp(18px,3vw,50px); display: grid; grid-template-columns:1fr auto 1fr; align-items:center; border-bottom:1px solid #444; font:9px var(--mono); letter-spacing:.1em; }
.pixel-bar span:last-child { justify-self:end; }.pixel-status i{display:inline-block;width:7px;height:7px;margin-right:8px;background:#56df8a;box-shadow:0 0 0 4px rgba(86,223,138,.12)}
.pixel-main { padding: 0 clamp(18px,3vw,50px) 120px; }
.pixel-hero { min-height: calc(100svh - 66px); display:grid;grid-template-columns:5fr 7fr;gap:clamp(25px,5vw,90px);align-items:center; }
.pixel-path { color:#8d8c90; font:9px var(--mono);letter-spacing:.09em; }
.pixel-copy h1 { margin:30px 0; font:700 clamp(64px,7.4vw,126px)/.78 var(--sans); letter-spacing:-.085em; }
.pixel-copy h1 em { color:var(--orange);font-style:normal;text-shadow:4px 0 var(--magenta),-4px 0 var(--blue); }
.pixel-copy > p:last-child { max-width:560px;color:#aaa;font-size:clamp(14px,1.1vw,18px);line-height:1.9; }
.blink { animation:blink 1s steps(1) infinite; }
@keyframes blink{50%{opacity:0}}
.pixel-canvas-window { border:1px solid #777;box-shadow:14px 14px 0 #18181a; }
.pixel-window-head { min-height:37px;padding:0 11px;display:flex;justify-content:space-between;align-items:center;color:#151515;background:#f4f2f0;font:8px var(--mono); }
.pixel-canvas-window canvas { width:100%;aspect-ratio:1.24;background:#08080a;cursor:crosshair; }
.pixel-canvas-window > p { margin:0;padding:10px;border-top:1px solid #555;color:#85858b;font:8px var(--mono); }
.pixel-files { border-top:1px solid #4b4b4b; }
.pixel-section-head { padding:17px 0;display:flex;justify-content:space-between;color:#89898f;border-bottom:1px solid #333;font:8px var(--mono);letter-spacing:.1em; }
.pixel-files h2 { margin:clamp(65px,9vw,140px) 0;font:700 clamp(60px,9vw,150px)/.8 var(--sans);letter-spacing:-.08em; }
.pixel-file-grid { display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #555;border-left:1px solid #555; }
.pixel-file-grid article { min-height:360px;padding:22px;display:flex;flex-direction:column;border-right:1px solid #555;border-bottom:1px solid #555;transition:background .18s,color .18s,text-shadow .18s; }
.pixel-file-grid article:hover { color:#080808;background:#f3f1ec;text-shadow:2px 0 rgba(255,43,145,.45),-2px 0 rgba(66,100,255,.4); }
.pixel-file-grid article:nth-child(5){grid-column:1/3}.pixel-file-grid article>span,.pixel-file-grid small{color:#888;font:8px var(--mono);letter-spacing:.1em}.pixel-file-grid b{margin:auto 0 25px;font:clamp(21px,2.2vw,36px) var(--mono);font-weight:400}.pixel-file-grid p{max-width:560px;margin:0 0 28px;color:#aaa;line-height:1.75}.pixel-file-grid article:hover p{color:#444}.pixel-file-grid a{align-self:flex-start;margin-top:15px;border-bottom:1px solid;font:9px var(--mono)}
.pixel-about { margin-top:clamp(90px,12vw,180px);border-top:1px solid #eee; }.pixel-about>p{color:var(--orange);font:9px var(--mono)}.pixel-about div{display:grid;grid-template-columns:1fr 3fr;padding:25px 0;border-bottom:1px solid #383838}.pixel-about b{font:28px var(--mono)}.pixel-about span{color:#aaa;align-self:center}
.pixel-footer { padding:25px clamp(18px,3vw,50px) 90px;display:flex;justify-content:space-between;border-top:1px solid #555;color:#888;font:8px var(--mono)}.pixel-footer i{font-style:normal}

/* Race */
[data-experiment="race"] { color:#f1efe7;background:#0f1011; }
.race-header { position:fixed;top:0;left:0;z-index:120;width:100%;min-height:72px;padding:0 clamp(18px,3vw,50px);display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:20px;align-items:center;color:#f4f2ed;border-bottom:1px solid rgba(255,255,255,.22);background:rgba(15,16,17,.68);backdrop-filter:blur(14px); }
.race-logo{font:700 26px var(--sans);letter-spacing:-.08em}.race-logo span{color:#e44131;font:8px var(--mono);vertical-align:top}.race-header div{display:flex;gap:14px;font:8px var(--mono);letter-spacing:.1em}.race-header div span{color:#8f9192}.race-header>a:last-child{font:9px var(--mono)}
.race-hero { min-height:185vh;position:relative;overflow:clip;background:#0f1011; }
.race-hero canvas { position:sticky;top:0;width:100%;height:100vh; }
.race-hero-copy { position:absolute;top:19vh;left:clamp(18px,4vw,68px);z-index:2; }
.race-hero-copy>p{font:9px var(--mono);letter-spacing:.12em}.race-hero h1{margin:20px 0 0;font:900 clamp(72px,11vw,180px)/.72 var(--sans);letter-spacing:-.09em;text-transform:uppercase}.race-hero h1 em{color:#e44131;font-style:italic}.race-delta{position:absolute;left:105%;top:14%;width:180px}.race-delta span{display:block;color:#8f9192;font:8px var(--mono)}.race-delta b{font:32px var(--mono);font-weight:400}
.race-telemetry { position:absolute;right:clamp(18px,4vw,68px);top:24vh;width:min(310px,28vw);padding:18px;border:1px solid #666;background:rgba(15,16,17,.78);font:8px var(--mono); }
.race-telemetry div{display:grid;grid-template-columns:80px 1fr 26px;gap:10px;align-items:center;margin:13px 0}.race-telemetry i{height:3px;background:linear-gradient(90deg,#e44131 calc(var(--v)*100%),#3d3f40 0)}.race-telemetry b{text-align:right;font-weight:400}.race-scroll{position:absolute;right:4vw;top:92vh;padding-bottom:5px;border-bottom:1px solid;font:9px var(--mono);letter-spacing:.12em}
.race-sectors>header { min-height:80vh;padding:clamp(80px,10vw,150px) clamp(18px,4vw,68px);display:grid;grid-template-columns:3fr 6fr 3fr;gap:30px;align-items:start;background:#f1efe7;color:#111; }
.race-sectors>header>span{font:9px var(--mono);letter-spacing:.12em}.race-sectors>header h2{margin:0;font:900 clamp(58px,8vw,130px)/.82 var(--sans);letter-spacing:-.08em;text-transform:uppercase}.race-sectors>header p{align-self:end;color:#555;line-height:1.8}
.race-sector { min-height:90vh;padding:clamp(65px,8vw,120px) clamp(18px,4vw,68px);display:grid;grid-template-columns:2fr 7fr 2fr;gap:35px;align-items:center;border-top:1px solid #555;background:#101112; }
.race-sector.invert{color:#111;background:#e4e0d7}.race-sector.accent{color:#111;background:#d94a38}.sector-mark{align-self:start}.sector-mark b{display:block;font:900 clamp(72px,8vw,130px)/1 var(--sans);letter-spacing:-.09em}.sector-mark span,.race-sector small,.race-sector div>p:first-child{font:8px var(--mono);letter-spacing:.12em}.race-sector h3{margin:20px 0 38px;font:900 clamp(58px,8.4vw,136px)/.78 var(--sans);letter-spacing:-.085em;text-transform:uppercase}.race-sector div>p:last-of-type{max-width:650px;color:#96989a;font-size:clamp(15px,1.2vw,19px);line-height:1.85}.race-sector.invert div>p:last-of-type,.race-sector.accent div>p:last-of-type{color:#4f4d49}.race-sector small{align-self:end;text-align:right}.race-sector a{display:inline-block;margin-top:28px;border-bottom:1px solid;font:9px var(--mono)}
.race-off { padding:clamp(90px,12vw,180px) clamp(18px,4vw,68px) 150px;color:#111;background:#f1efe7; }.race-off header{display:grid;grid-template-columns:3fr 9fr;margin-bottom:100px}.race-off header span{font:9px var(--mono)}.race-off h2{margin:0;font:900 clamp(65px,9vw,145px)/.8 var(--sans);letter-spacing:-.09em;text-transform:uppercase}.race-off>div{display:grid;grid-template-columns:1fr 3fr 5fr;padding:27px 0;border-top:1px solid #222}.race-off>div:last-child{border-bottom:1px solid}.race-off b{font:9px var(--mono)}.race-off span{font:700 clamp(24px,3vw,45px) var(--sans)}.race-off p{margin:0;color:#555}.race-footer{padding:70px 4vw 110px;display:flex;justify-content:space-between;align-items:end;background:#e44131;color:#111}.race-footer b{max-width:900px;font:900 clamp(52px,8vw,128px)/.8 var(--sans);letter-spacing:-.09em}.race-footer span{font:9px var(--mono)}.race-footer i{font-style:normal}

/* Editorial */
[data-experiment="editorial"] { color:#191815;background:#e9e2d6; }
.edit-masthead { min-height:82px;padding:0 clamp(20px,4vw,66px);display:grid;grid-template-columns:1fr 3fr 1fr;align-items:center;border-bottom:1px solid #191815;font:9px var(--mono);letter-spacing:.12em}.edit-masthead a{text-align:center;font:400 clamp(25px,3vw,44px) var(--serif);letter-spacing:-.04em}.edit-masthead span:last-child{text-align:right}.edit-masthead i{font-style:normal}
.edit-main { padding:0 clamp(20px,4vw,66px) 130px; }
.edit-front { min-height:calc(100svh - 82px);display:grid;grid-template-columns:2fr 7fr 2fr;gap:clamp(25px,4vw,68px);align-items:center;border-bottom:1px solid #191815; }
.edit-deck,.edit-summary{font-size:12px;line-height:1.8}.edit-deck>p,.edit-deck>span,.edit-summary>span{font:8px var(--mono);letter-spacing:.1em}.edit-deck blockquote{margin:70px 0;color:#5e5a53}.edit-cover{position:relative;padding-top:40px}.edit-kicker{font:8px var(--mono);letter-spacing:.11em}.edit-cover h1{position:relative;z-index:2;margin:45px 0 0;font:400 clamp(72px,10vw,160px)/.73 var(--serif);letter-spacing:-.085em}.edit-cover h1 em{color:var(--red);font-weight:400}.edit-cover figure{position:absolute;right:-3%;top:18%;width:41%;margin:0;opacity:.66}.edit-cover img{mix-blend-mode:multiply}.edit-cover figcaption{padding-top:7px;border-top:1px solid;font:7px var(--mono)}.edit-timecode{display:block;padding-bottom:14px;border-bottom:1px solid}.edit-summary p{margin:45px 0;color:#5e5a53}
.edit-statement { min-height:95vh;padding:clamp(100px,14vw,220px) 0;display:grid;grid-template-columns:2fr 8fr 2fr;gap:30px;align-items:start}.edit-statement>p{font:8px var(--mono)}.edit-statement h2{margin:0;font:400 clamp(48px,6.4vw,100px)/1.05 var(--serif);letter-spacing:-.055em}.edit-statement div{align-self:end;color:#5f5b54;font-size:14px;line-height:1.9}
.edit-index { border-top:3px double #191815; }.edit-index>header{padding:80px 0 110px;display:grid;grid-template-columns:3fr 9fr}.edit-index header p{font:8px var(--mono)}.edit-index header h2{margin:0;font:400 clamp(60px,8vw,125px)/.88 var(--serif);letter-spacing:-.07em}.edit-index article{display:grid;grid-template-columns:2fr 7fr 2fr;gap:35px;padding:38px 0;border-top:1px solid #817a70}.edit-index time,.edit-index article span,.edit-index small{font:8px var(--mono);letter-spacing:.1em}.edit-index article h3{margin:12px 0;font:400 clamp(30px,3.5vw,55px) var(--serif);letter-spacing:-.04em}.edit-index article p{max-width:680px;color:#625e57;line-height:1.8}.edit-index small{text-align:right}.edit-index a{display:inline-block;margin-top:14px;border-bottom:1px solid;font:8px var(--mono)}
.edit-colophon { margin-top:140px;padding:80px 0;display:grid;grid-template-columns:7fr 4fr;gap:8%;border-top:1px solid;border-bottom:1px solid}.edit-colophon>div>p{font:8px var(--mono)}.edit-colophon h2{margin:20px 0;font:400 clamp(45px,5.5vw,85px)/1.05 var(--serif);letter-spacing:-.05em}.edit-colophon>p{align-self:end;color:#625e57;line-height:1.9}.edit-footer{padding:25px 4vw 100px;display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid;font:8px var(--mono);letter-spacing:.1em}.edit-footer a{text-align:center}.edit-footer span:last-child{text-align:right}

/* Terminal */
[data-experiment="terminal"] { color:#e9e4d9;background:#11110f;font-family:var(--mono); }
.term-main { min-height:100vh;padding:24px 24px 130px; }
.term-top { min-height:42px;padding:0 14px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#8f8a7d;border:1px solid #4d493f;border-bottom:0;font-size:9px;letter-spacing:.08em}.term-top span:last-child{text-align:right}
.term-shell{min-height:78vh;display:grid;grid-template-columns:220px 1fr 280px;border:1px solid #4d493f}.term-queue,.term-inspector{padding:16px;background:#181713}.term-queue{border-right:1px solid #4d493f}.term-inspector{border-left:1px solid #4d493f}.term-queue>div{margin-bottom:22px}.term-queue>div span,.term-queue>p,.term-inspector>p{display:block;color:#817d72;font-size:8px;letter-spacing:.1em}.term-queue>div b{display:block;margin-top:7px;font-size:11px;font-weight:400}.term-queue button{width:100%;padding:11px 7px;display:flex;gap:9px;border:0;background:transparent;text-align:left;cursor:pointer;font-size:11px}.term-queue button:hover,.term-queue button:focus-visible{color:#111;background:#e4b85f;outline:0}.term-queue i{width:7px;height:7px;margin-top:3px;border-radius:50%;background:#69665f}.term-queue i.done{background:#58a978}.term-queue i.ready{background:#e4b85f}.term-queue i.review{background:#6b8ed8}.term-queue dl{margin:12px 0}.term-queue dl div{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #34322d;color:#8e897d;font-size:9px}.term-queue dt,.term-queue dd{margin:0}
.term-console{min-width:0;display:flex;flex-direction:column}.term-window-title{padding:13px 16px;display:flex;justify-content:space-between;color:#777267;border-bottom:1px solid #4d493f;font-size:8px}.term-output{flex:1;padding:clamp(18px,3vw,48px);overflow:auto;font-size:clamp(12px,1vw,15px);line-height:1.8}.term-output p{margin:0 0 7px}.term-output .muted{color:#777267}.prompt{color:#e4b85f}.term-answer{margin:28px 0 45px;padding-left:20px;border-left:1px solid #e4b85f}.term-answer h1{margin:0 0 15px;font:400 clamp(40px,5vw,78px)/1 var(--serif);letter-spacing:-.05em}.term-answer p{color:#a8a297}.term-answer .ok{color:#68ae7f}.term-answer h2{font:400 25px var(--serif)}.term-answer ul{padding-left:20px;color:#aaa}.term-answer a{border-bottom:1px solid}.term-form{display:grid;grid-template-columns:auto 1fr auto;align-items:center;border-top:1px solid #4d493f}.term-form label{padding-left:17px;color:#e4b85f;font-size:11px}.term-form input{min-width:0;padding:16px 10px;border:0;outline:0;background:transparent;font-size:13px}.term-form button{align-self:stretch;padding:0 20px;border:0;border-left:1px solid #4d493f;background:#201f1b;cursor:pointer;font-size:9px}.term-form button:hover{color:#111;background:#e4b85f}.term-hint{margin:0;padding:9px 16px;color:#69655c;border-top:1px solid #302e29;font-size:8px}
.term-inspector h2{margin:15px 0 55px;font:400 34px/1.1 var(--serif);letter-spacing:-.04em}.term-inspector ol{margin:0;padding:0;list-style:none}.term-inspector li{padding:13px 0;border-top:1px solid #3b3933;color:#9f9a8e;font-size:10px}.term-inspector li span{display:inline-block;width:32px;color:#e4b85f}.term-inspector>div{margin-top:60px;padding:16px;border:1px solid #4b483f}.term-inspector>div span{display:block;color:#777267;font-size:8px}.term-inspector>div b{display:block;margin-top:8px;color:#e4b85f;font-size:11px;font-weight:400}
.term-static{margin-top:80px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #4d493f;border-left:1px solid #4d493f}.term-static article{min-height:330px;padding:25px;border-right:1px solid #4d493f;border-bottom:1px solid #4d493f}.term-static article>span{color:#e4b85f;font-size:8px}.term-static h2{margin:80px 0 25px;font:400 34px/1.05 var(--serif)}.term-static p,.term-static li{color:#918c81;line-height:1.8;font-size:12px}.term-static ul{padding-left:18px}.term-footer{padding:25px 24px 95px;display:flex;justify-content:space-between;border-top:1px solid #4d493f;color:#777267;font:8px var(--mono)}

/* Scientific */
[data-experiment="scientific"]{color:#192429;background:#edf0eb;}
.science-header{min-height:64px;padding:0 clamp(18px,3vw,48px);display:grid;grid-template-columns:2fr 1fr 1fr;align-items:center;color:#49606a;border-bottom:1px solid #8ca0a3;font:8px var(--mono);letter-spacing:.1em}.science-header span:last-child{text-align:right}
.science-main{padding:0 clamp(18px,3vw,48px) 120px}.science-hero{min-height:calc(100svh - 64px);display:grid;grid-template-columns:1fr 1.1fr;gap:7%;align-items:center}.science-title>p:first-child{color:#b64855;font:9px var(--mono);letter-spacing:.1em}.science-title h1{margin:26px 0 45px;font:400 clamp(50px,6vw,96px)/.98 var(--serif);letter-spacing:-.06em}.science-title h1 em{color:#b64855;font-weight:400}.science-abstract{max-width:720px;color:#43545b;font-size:clamp(15px,1.2vw,19px);line-height:1.85}.science-title dl{margin:45px 0 0;padding-top:18px;border-top:1px solid #91a1a2}.science-title dl div{display:grid;grid-template-columns:100px 1fr;padding:5px 0;font:9px var(--mono)}.science-title dt{color:#6e8289}.science-title dd{margin:0}
.science-figure{margin:0}.science-figure canvas{width:100%;aspect-ratio:1.15;border:1px solid #879a9e;background:#101b21;cursor:crosshair}.science-figure figcaption{padding:13px 0;color:#556970;border-bottom:1px solid #a6b4b3;font:9px/1.6 var(--mono)}.science-legend{display:flex;flex-wrap:wrap;gap:20px;margin:12px 0 0;padding:0;list-style:none;font:8px var(--mono)}.science-legend li{display:flex;align-items:center;gap:7px}.science-legend i{width:7px;height:7px;border-radius:50%;background:#4264ff}.science-legend li:nth-child(2)i{background:#ff2b91}.science-legend li:nth-child(3)i{background:#d4aa48}.science-legend li:nth-child(4)i{background:#f0eee9;border:1px solid #222}
.science-findings{margin-top:clamp(90px,12vw,180px);border-top:3px double #50676f}.science-findings>header{padding:80px 0 110px;display:grid;grid-template-columns:3fr 9fr}.science-findings header span,.finding-id,.science-findings aside{font:8px var(--mono);letter-spacing:.1em}.science-findings header h2{margin:0;font:400 clamp(55px,7vw,110px)/.92 var(--serif);letter-spacing:-.06em}.science-findings article{display:grid;grid-template-columns:2fr 7fr 2fr;gap:35px;padding:45px 0;border-top:1px solid #97a8aa}.science-findings h3{margin:0 0 22px;font:400 clamp(34px,4vw,62px) var(--serif);letter-spacing:-.04em}.science-findings article div>p{max-width:760px;color:#465b62;line-height:1.8}.science-findings article ul{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0 0;padding:0;list-style:none}.science-findings article li{padding:5px 8px;border:1px solid #8fa2a5;font:8px var(--mono)}.science-findings article a{display:inline-block;margin-top:25px;border-bottom:1px solid;font:8px var(--mono)}.science-findings aside{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:8px}.science-findings aside b{color:#6a7e84;font-weight:400}.science-findings aside span{text-align:right}
.science-notes{margin:140px 0 50px;padding:70px 0;display:grid;grid-template-columns:2fr 6fr 3fr;gap:35px;border-top:1px solid #51676f;border-bottom:1px solid #51676f}.science-notes>p:first-child{font:8px var(--mono)}.science-notes h2{margin:0;font:400 clamp(45px,5vw,80px)/1 var(--serif);letter-spacing:-.05em}.science-notes>p:last-child{align-self:end;color:#53686f;line-height:1.8}.science-footer{padding:24px 3vw 95px;display:grid;grid-template-columns:1fr 1fr 1fr;color:#64777d;border-top:1px solid #8fa0a2;font:8px var(--mono)}.science-footer a{text-align:center}.science-footer span:last-child{text-align:right}.science-footer i{font-style:normal}

/* Night */
[data-experiment="night"]{color:#e6e5e1;background:#07080a;}
.night-canvas{position:fixed;inset:0;z-index:0;width:100%;height:100%;background:#07080a}.night-header{position:fixed;top:0;left:0;z-index:100;width:100%;min-height:68px;padding:0 clamp(18px,3vw,50px);display:grid;grid-template-columns:2fr 1fr 1fr auto;align-items:center;color:#bbb;border-bottom:1px solid rgba(255,255,255,.16);background:linear-gradient(#07080acc,transparent);font:8px var(--mono);letter-spacing:.1em}.night-header span:nth-child(2),.night-header span:nth-child(3){text-align:center}
.night-main{position:relative;z-index:2}.night-hero{min-height:130vh;padding:24vh clamp(20px,5vw,80px) 12vh;position:relative}.night-hero>div>p{font:8px var(--mono);letter-spacing:.13em}.night-hero h1{max-width:1100px;margin:25px 0;font:400 clamp(65px,9vw,145px)/.85 var(--serif);letter-spacing:-.075em}.night-hero h1 em{color:#d44c36;font-weight:400}.night-hero aside{position:absolute;right:5vw;top:34vh;width:220px;padding:18px;border-top:1px solid #aaa;border-bottom:1px solid #555;background:rgba(7,8,10,.32);backdrop-filter:blur(6px)}.night-hero aside span,.night-hero aside b{display:block;font:8px var(--mono)}.night-hero aside b{margin:12px 0 28px;color:#d44c36;font-size:24px}.night-hero aside p{color:#aaa;font-size:12px;line-height:1.8}.night-hero>a{position:absolute;left:5vw;bottom:18vh;padding-bottom:6px;border-bottom:1px solid;font:8px var(--mono);letter-spacing:.12em}
.night-route{margin:0 clamp(20px,5vw,80px);background:rgba(7,8,10,.82);backdrop-filter:blur(8px)}.night-route>header{min-height:70vh;padding:100px 5%;display:grid;grid-template-columns:3fr 9fr;align-items:start;border-top:1px solid #737477}.night-route header span,.night-route time,.night-route small{font:8px var(--mono);letter-spacing:.12em}.night-route h2{margin:0;font:400 clamp(60px,8vw,125px)/.86 var(--serif);letter-spacing:-.07em}.night-route article{min-height:75vh;padding:8% 5%;display:grid;grid-template-columns:2fr 7fr 1fr;gap:40px;align-items:center;border-top:1px solid #555}.night-route article div>span{color:#d44c36;font:8px var(--mono);letter-spacing:.12em}.night-route h3{margin:20px 0 35px;font:400 clamp(48px,6.3vw,100px)/.92 var(--serif);letter-spacing:-.06em}.night-route article p{max-width:650px;color:#a2a2a2;font-size:clamp(14px,1.1vw,18px);line-height:1.9}.night-route small{align-self:end;text-align:right}.night-route a{display:inline-block;margin-top:20px;border-bottom:1px solid;font:8px var(--mono)}
.night-rest{min-height:100vh;padding:17vh clamp(20px,5vw,80px);display:grid;grid-template-columns:4fr 5fr 3fr;gap:50px;align-items:center;background:rgba(4,5,7,.72)}.night-rest span{font:8px var(--mono);letter-spacing:.12em}.night-rest h2{margin:18px 0;font:24px/1.6 var(--mono);font-weight:400}.night-rest blockquote{margin:0;font:400 clamp(44px,5vw,80px)/1.1 var(--serif);letter-spacing:-.05em}.night-rest>p{color:#9a9b9d;line-height:1.9}.night-end{min-height:100vh;padding:22vh 5vw;display:flex;flex-direction:column;justify-content:center;background:#e5e0d7;color:#171714}.night-end>p{font:8px var(--mono)}.night-end h2{margin:35px 0 70px;font:400 clamp(62px,8vw,130px)/.88 var(--serif);letter-spacing:-.07em}.night-end a{align-self:flex-start;padding-bottom:7px;border-bottom:1px solid;font:9px var(--mono)}.night-footer{position:relative;z-index:3;padding:25px 5vw 95px;display:flex;justify-content:space-between;border-top:1px solid #444;color:#777;background:#07080a;font:8px var(--mono)}.night-footer i{font-style:normal}

@media (max-width: 980px) {
  .versions-note{grid-column:5/12}.version-card{min-height:60vh}.pixel-hero{grid-template-columns:1fr 1fr}.race-delta{display:none}.race-sectors>header{grid-template-columns:2fr 8fr}.race-sectors>header p{display:none}.race-sector{grid-template-columns:2fr 7fr}.race-sector small{display:none}.edit-front{grid-template-columns:1fr 5fr}.edit-summary{display:none}.edit-statement{grid-template-columns:2fr 8fr}.edit-statement div{grid-column:3/11}.term-shell{grid-template-columns:190px 1fr}.term-inspector{display:none}.science-hero{grid-template-columns:1fr}.science-title{padding-top:90px}.science-figure{width:min(800px,100%);margin:50px auto 90px}.night-rest{grid-template-columns:1fr 2fr}.night-rest>p{grid-column:2}.night-hero aside{right:3vw}
}

@media (max-width: 680px) {
  .experiment-nav{left:14px;bottom:10px;width:calc(100vw - 28px);transform:none}.experiment-nav a{padding:8px 9px}.lab-header{grid-template-columns:1fr auto;min-height:62px}.lab-header p{display:none}.versions-main{padding-top:75px}.versions-intro{display:block}.versions-intro h1{margin:30px 0 55px;font-size:58px}.versions-note{display:block;margin:0}.version-grid{grid-template-columns:1fr}.version-card{min-height:auto}.version-preview{margin:55px auto}.lab-footer{display:block}.lab-footer span{display:block;margin-bottom:10px}
  .pixel-bar{grid-template-columns:1fr 1fr}.pixel-bar span:nth-child(2){display:none}.pixel-main{padding-bottom:100px}.pixel-hero{display:flex;flex-direction:column;justify-content:center;padding:100px 0 70px}.pixel-copy h1{font-size:clamp(54px,17vw,78px)}.pixel-canvas-window{width:100%}.pixel-file-grid{grid-template-columns:1fr}.pixel-file-grid article,.pixel-file-grid article:nth-child(5){grid-column:auto;min-height:300px}.pixel-about div{grid-template-columns:1fr;gap:8px}.pixel-footer{display:block}.pixel-footer a{display:block;margin-top:10px}
  .race-header{min-height:60px;grid-template-columns:1fr auto}.race-header div{display:none}.race-hero{min-height:145vh}.race-hero-copy{top:22vh}.race-hero h1{font-size:clamp(61px,18vw,84px)}.race-telemetry{top:auto;bottom:36vh;left:18px;right:18px;width:auto}.race-sectors>header{min-height:75vh;display:block}.race-sectors>header h2{margin-top:35px;font-size:55px}.race-sector{min-height:80vh;display:block}.sector-mark{display:flex;justify-content:space-between}.sector-mark b{font-size:75px}.race-sector h3{font-size:55px;margin-top:70px}.race-off header{display:block}.race-off h2{margin-top:35px;font-size:58px}.race-off>div{grid-template-columns:40px 1fr}.race-off p{grid-column:2;margin-top:12px}.race-footer{display:block}.race-footer b{font-size:55px}.race-footer span{display:block;margin-top:35px}
  .edit-masthead{min-height:60px;grid-template-columns:1fr auto}.edit-masthead span:first-child{display:none}.edit-masthead a{text-align:left;font-size:22px}.edit-front{min-height:auto;display:block;padding:80px 0}.edit-deck{display:none}.edit-cover h1{font-size:64px}.edit-cover figure{top:22%;right:-5%;width:55%;opacity:.4}.edit-statement{min-height:auto;display:block;padding:120px 0}.edit-statement h2{margin:35px 0 60px;font-size:45px}.edit-index>header{display:block}.edit-index header h2{margin-top:30px;font-size:56px}.edit-index article{grid-template-columns:1fr}.edit-index small{text-align:left}.edit-colophon{grid-template-columns:1fr}.edit-colophon h2{font-size:47px}.edit-footer{grid-template-columns:1fr 1fr}.edit-footer span:first-child{display:none}.edit-footer a{text-align:left}
  .term-main{padding:12px 12px 110px}.term-top{grid-template-columns:1fr auto}.term-top span:nth-child(2){display:none}.term-shell{display:block}.term-queue{display:grid;grid-template-columns:repeat(5,1fr);padding:8px;border-right:0;border-bottom:1px solid #4d493f;overflow-x:auto}.term-queue>div,.term-queue>p,.term-queue dl{display:none}.term-queue button{min-width:90px}.term-output{min-height:58vh;padding:22px 16px}.term-answer h1{font-size:42px}.term-form button{padding:0 12px}.term-static{grid-template-columns:1fr}.term-static article{min-height:270px}.term-static h2{margin-top:55px}.term-footer{display:block}.term-footer a{display:block;margin-top:10px}
  .science-header{grid-template-columns:1fr auto}.science-header span:nth-child(2){display:none}.science-main{padding-bottom:100px}.science-title h1{font-size:50px}.science-title dl div{grid-template-columns:90px 1fr}.science-findings>header{display:block}.science-findings header h2{margin-top:30px;font-size:54px}.science-findings article{grid-template-columns:1fr}.science-findings aside{margin-top:25px}.science-notes{grid-template-columns:1fr}.science-notes h2{font-size:46px}.science-footer{grid-template-columns:1fr 1fr}.science-footer span:first-child{display:none}.science-footer a{text-align:left}
  .night-header{min-height:60px;grid-template-columns:1fr auto}.night-header span{display:none}.night-hero{min-height:115vh;padding-top:22vh}.night-hero h1{font-size:56px}.night-hero aside{top:auto;right:20px;left:20px;bottom:28vh;width:auto}.night-route{margin:0 14px}.night-route>header{min-height:60vh;display:block;padding:80px 20px}.night-route h2{margin-top:35px;font-size:56px}.night-route article{min-height:72vh;display:block;padding:80px 20px}.night-route h3{margin-top:70px;font-size:52px}.night-route small{display:block;margin-top:45px;text-align:left}.night-rest{min-height:auto;display:block;padding:130px 20px}.night-rest blockquote{margin:80px 0 50px;font-size:47px}.night-end{padding:130px 20px}.night-end h2{font-size:55px}.night-footer{display:block}.night-footer span{display:block;margin-bottom:8px}
}

@media (prefers-reduced-motion: reduce) {
  html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js [data-reveal]{opacity:1;transform:none}.blink{opacity:1}
}

@media (prefers-contrast: more) {
  .experiment-nav{background:#000;border-color:#fff}.js [data-reveal]{opacity:1}.science-title p,.science-findings p{color:#142329}
}