:root{--slate:#182421;--slate-2:#1e2d29;--slate-3:#243632;--chalk:#f2edd7;--chalk-dim:#b8b8a7;--orange:#f06b32;--orange-hi:#ff8b4d;--rubber:#0d1513;--line:rgba(242,237,215,.22);--mono:'Space Mono',monospace;--serif:'Fraunces',serif;--max:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--slate);color:var(--chalk);font-family:var(--mono);overflow-x:hidden}body::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 12%,rgba(255,255,255,.045),transparent 28%),radial-gradient(circle at 72% 58%,rgba(255,255,255,.025),transparent 22%),linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.012) 50%,transparent 50.2%);z-index:20;mix-blend-mode:screen}.grain{position:fixed;inset:-40%;z-index:19;pointer-events:none;opacity:.24;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.83' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");transform:rotate(.01deg)}a{color:inherit}button,input{font:inherit}.skip-link{position:fixed;top:8px;left:8px;z-index:100;background:var(--orange);color:#121b19;padding:12px 16px;transform:translateY(-150%);transition:transform .2s}.skip-link:focus{transform:none}:focus-visible{outline:2px solid var(--orange-hi);outline-offset:4px}.site-header{height:86px;position:absolute;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;padding:0 3.5vw;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(11,18,16,.7),transparent)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:700;letter-spacing:-.06em;font-size:18px}.brand span span{color:var(--orange)}.brand svg{width:38px;height:38px;fill:none;stroke:var(--chalk);stroke-width:1.7}.brand svg circle:last-child{fill:var(--orange);stroke:none}.site-header nav{display:flex;gap:34px;margin-left:auto;margin-right:40px}.site-header nav a,.sound-toggle{font-size:10px;letter-spacing:.12em;text-decoration:none}.site-header nav a{padding:17px 2px;position:relative}.site-header nav a::after{content:"";position:absolute;left:0;right:100%;bottom:9px;height:2px;background:var(--orange);transition:right .25s}.site-header nav a:hover::after{right:0}.sound-toggle{min-height:44px;border:1px solid var(--line);background:rgba(13,21,19,.45);color:var(--chalk);padding:0 14px;display:flex;align-items:center;gap:10px;cursor:pointer}.sound-led{width:7px;height:7px;border-radius:50%;background:#71807a;box-shadow:0 0 0 3px rgba(113,128,122,.12)}.sound-toggle[aria-pressed=true] .sound-led{background:var(--orange-hi);box-shadow:0 0 12px var(--orange)}
.hero{min-height:100svh;position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr);align-items:center;padding:125px max(5vw,calc((100vw - var(--max))/2)) 80px;isolation:isolate;overflow:hidden}.hero::before{content:"";position:absolute;width:62vw;height:62vw;border:clamp(90px,11vw,170px) solid rgba(5,10,9,.58);border-radius:50%;right:-27vw;top:8vh;box-shadow:0 0 0 2px rgba(242,237,215,.05),inset 0 0 40px rgba(0,0,0,.6);z-index:-2}.hero-grid{position:absolute;inset:0;z-index:-3;opacity:.23;background-image:linear-gradient(rgba(242,237,215,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(242,237,215,.07) 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(to right,black,transparent 80%)}.hero-copy{align-self:end;padding-bottom:10vh}.eyebrow{font-size:10px;letter-spacing:.16em;color:var(--orange-hi);font-weight:700}.hero h1,.section-pad h2{font-family:var(--serif);font-weight:380;line-height:.86;letter-spacing:-.055em;margin:.24em 0}.hero h1{font-size:clamp(60px,8.1vw,126px);max-width:900px}.hero h1 em,.section-pad h2 em{font-weight:300;color:var(--orange-hi)}.lede{max-width:610px;font-family:var(--serif);font-size:clamp(18px,1.45vw,22px);line-height:1.55;color:#d5d2c2}.chalk-button{margin-top:25px;display:inline-flex;min-height:50px;align-items:center;gap:30px;border:1px solid var(--chalk);padding:0 18px;text-decoration:none;font-size:10px;letter-spacing:.14em;background:linear-gradient(90deg,var(--chalk) 50%,transparent 50%) right/200% 100%;transition:.35s}.chalk-button:hover{background-position:left;color:var(--slate)}.chalk-button span{font-size:19px}.hero-equation{align-self:start;margin-top:13vh;justify-self:end;transform:rotate(-2deg);text-align:center;font-family:var(--serif);font-size:clamp(25px,3vw,42px);color:rgba(242,237,215,.84);position:relative}.hero-equation::before,.hero-equation::after{content:"";position:absolute;left:-20px;right:-20px;height:1px;background:rgba(242,237,215,.35);filter:url(#chalk-noise)}.hero-equation::before{top:-14px}.hero-equation::after{bottom:-15px}.hero-equation p{font-family:var(--mono);font-size:10px;line-height:1.7;letter-spacing:.08em;color:var(--chalk-dim)}.eq-number{position:absolute;right:0;top:-36px;font:9px var(--mono);letter-spacing:.14em;color:var(--orange-hi)}.cone{position:absolute;width:0;height:0;border-left:17px solid transparent;border-right:17px solid transparent;border-bottom:55px solid var(--orange);filter:drop-shadow(8px 13px 8px rgba(0,0,0,.4));transform:rotate(-9deg)}.cone::after{content:"";position:absolute;width:50px;height:7px;background:var(--orange);left:-25px;top:50px}.cone-a{bottom:9%;right:8%}.cone-b{bottom:15%;right:19%;transform:scale(.65) rotate(12deg);opacity:.7}.hero-track{position:absolute;bottom:-80px;left:-5%;width:110%;height:230px;transform:rotate(-4deg);z-index:-1}.hero-track span{position:absolute;left:0;width:100%;height:45px;border-radius:50%;border-top:16px solid rgba(6,10,9,.48)}.hero-track span+span{top:60px;opacity:.65}.scroll-cue{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:.2em;color:var(--chalk-dim)}.scroll-cue span{display:inline-block;color:var(--orange);animation:bob 1.5s ease-in-out infinite}
.g-instrument{position:fixed;right:2.2vw;top:110px;width:min(23vw,330px);z-index:18;background:rgba(18,29,26,.88);border:1px solid rgba(242,237,215,.26);box-shadow:0 20px 80px rgba(0,0,0,.42),inset 0 0 35px rgba(255,255,255,.015);backdrop-filter:blur(8px);padding:13px;transform:translateX(calc(100% + 4vw));transition:transform .6s cubic-bezier(.2,.8,.2,1)}.g-instrument.visible{transform:none}.instrument-kicker{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.13em;color:var(--chalk-dim);padding:2px}.instrument-kicker span{color:var(--orange)}.circle-wrap{position:relative}.friction-svg{display:block;width:100%;height:auto}.chalk-grid{fill:none;stroke:rgba(242,237,215,.5);stroke-width:1.2;filter:url(#chalk-noise)}.chalk-grid .minor{opacity:.25;stroke-dasharray:4 9}.chalk-grid .ticks{fill:var(--chalk);opacity:.55;stroke:none}.axis-copy{fill:var(--chalk-dim);font:8px var(--mono);letter-spacing:.12em}.g-dot{transition:filter .15s}.dot-halo{fill:rgba(240,107,50,.16);stroke:rgba(240,107,50,.55);stroke-width:1}.dot-core{fill:var(--orange-hi);filter:drop-shadow(0 0 7px var(--orange))}.g-dot path{stroke:var(--chalk);stroke-width:.7;opacity:.7}.skid-trace{fill:none;stroke:var(--orange);stroke-width:3;stroke-linecap:round;stroke-dasharray:2 6;opacity:.65}.traction-flag{position:absolute;bottom:13%;left:50%;transform:translateX(-50%) rotate(-2deg);background:var(--slate);padding:4px 7px;color:var(--chalk);font:700 8px var(--mono);letter-spacing:.15em;border:1px solid var(--line);white-space:nowrap}.traction-flag.breaking{background:var(--orange);color:var(--rubber);animation:shake .17s infinite}.g-readout{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:8px}.g-readout span{font-size:6px;letter-spacing:.1em;color:var(--chalk-dim);border-right:1px solid var(--line);text-align:center}.g-readout span:last-child{border:0}.g-readout b{font-size:11px;color:var(--chalk);display:block;margin-bottom:2px}.instrument-note{text-align:center;font:italic 9px var(--serif);color:var(--chalk-dim);margin:9px 0 0}
.section-pad{position:relative;padding:150px max(5vw,calc((100vw - var(--max))/2));border-top:1px solid var(--line)}.section-index{position:absolute;top:28px;left:max(5vw,calc((100vw - var(--max))/2));font-size:9px;letter-spacing:.16em;color:var(--orange-hi)}.principle{min-height:900px;display:grid;grid-template-columns:1.05fr .8fr .45fr;gap:6vw;align-items:center;background:linear-gradient(115deg,var(--slate) 0 68%,#14201d 68%)}.principle-copy{max-width:600px}.chalk-script{font:italic 24px var(--serif);color:var(--chalk-dim);transform:rotate(-2deg);margin-bottom:30px}.principle h2,.line-lab h2,.census h2,.seesaw h2{font-size:clamp(58px,7vw,104px)}.principle-copy>p:last-child,.lab-heading>p,.census-heading p,.seesaw-grid>div>p{font:18px/1.65 var(--serif);color:#d1d0c0}.ledger{border-top:1px solid var(--chalk);transform:rotate(1deg)}.ledger-row{display:grid;grid-template-columns:1fr auto;padding:20px 8px;border-bottom:1px solid var(--line);gap:8px}.ledger-row span{font-size:9px;color:var(--chalk-dim)}.ledger-row b{font-size:11px;letter-spacing:.1em}.ledger-row p{grid-column:1/-1;font:italic 15px var(--serif);margin:0;color:var(--chalk-dim)}.ledger-row.hot b{color:var(--orange-hi)}.ledger-row.danger{background:repeating-linear-gradient(-45deg,transparent,transparent 8px,rgba(240,107,50,.06) 8px,rgba(240,107,50,.06) 16px)}.margin-note{font:italic 17px/1.5 var(--serif);margin:0;align-self:end;padding:18px;border-left:2px solid var(--orange);transform:rotate(-2deg);color:#d5d3c3}.margin-note cite{font:8px/1.5 var(--mono);letter-spacing:.1em;display:block;margin-top:12px;color:var(--orange-hi)}
.line-lab{background:#1d2b28;overflow:hidden}.line-lab::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(242,237,215,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(242,237,215,.025) 1px,transparent 1px);background-size:34px 34px}.lab-heading{position:relative;display:grid;grid-template-columns:1fr .55fr;gap:10vw;align-items:end;margin-bottom:70px}.lab-heading h2{margin-bottom:0}.line-workbench{position:relative;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.65fr);border:1px solid rgba(242,237,215,.35);box-shadow:20px 25px 0 rgba(8,14,12,.32)}.track-board{position:relative;min-width:0;background:radial-gradient(circle at 60% 35%,rgba(255,255,255,.03),transparent 34%),#172522;border-right:1px solid var(--line);padding:25px}.track-board svg{display:block;width:100%;height:auto;touch-action:none}.track-edge{fill:none;stroke:rgba(242,237,215,.62);stroke-width:3;stroke-dasharray:13 6;filter:url(#rough-line)}.track-edge.inner{opacity:.5}.rubber-mark{fill:none;stroke:rgba(4,8,7,.65);stroke-width:38;stroke-linecap:round}.ideal-line{fill:none;stroke:var(--orange-hi);stroke-width:5;stroke-linecap:round;stroke-dasharray:1 10;filter:drop-shadow(0 0 5px rgba(240,107,50,.25))}.brake-zone{fill:none;stroke:var(--chalk);stroke-width:12;stroke-dasharray:2 12;opacity:.65}.direction-arrows{fill:none;stroke:var(--orange-hi);stroke-width:3}.cone-svg path:first-child{fill:var(--orange)}.cone-svg path:last-child{stroke:var(--chalk);stroke-width:3}.apex-handle{cursor:grab}.apex-handle:active{cursor:grabbing}.apex-handle .handle-ring{fill:rgba(240,107,50,.12);stroke:var(--orange-hi);stroke-width:2;stroke-dasharray:4 4}.apex-handle circle:nth-child(2){fill:var(--orange-hi)}.apex-handle path{stroke:var(--chalk);stroke-width:1;opacity:.7}.track-label{fill:var(--chalk-dim);font:9px var(--mono);letter-spacing:.1em}.drag-note{position:absolute;right:24px;bottom:20px;font-size:8px;letter-spacing:.15em;color:var(--orange-hi)}.lab-console{display:flex;flex-direction:column;padding:30px;background:rgba(9,16,14,.55)}.verdict{border-bottom:1px solid var(--line);padding-bottom:24px}.verdict small{display:block;font-size:8px;letter-spacing:.15em;color:var(--chalk-dim)}.verdict strong{display:block;font:600 clamp(28px,3vw,42px)/1 var(--serif);color:var(--orange-hi);margin:12px 0 4px}.verdict span{font:italic 14px var(--serif);color:var(--chalk-dim)}.lab-console dl{margin:10px 0 24px}.lab-console dl div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px dotted var(--line);padding:13px 0}.lab-console dt{font-size:8px;color:var(--chalk-dim);text-transform:uppercase}.lab-console dd{font-size:10px;margin:0}.chalk-analysis{margin-top:auto;border:1px solid var(--line);padding:14px;transform:rotate(-1deg)}.chalk-analysis span{font-size:8px;color:var(--orange-hi)}.chalk-analysis p{font:italic 14px/1.55 var(--serif);margin:8px 0 0}
.fables{background:var(--rubber)}.fable-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:9vw;margin-bottom:70px}.fable-intro h2{font-size:clamp(66px,8vw,118px);margin:0}.fable-intro p{font:19px/1.6 var(--serif);color:#d2d0c0;max-width:520px}.fable-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.fable-card{border:1px solid rgba(242,237,215,.26);background:#17211f;overflow:hidden}.fable-card>header{padding:24px 26px 18px;display:grid;grid-template-columns:1fr auto;align-items:end;border-bottom:1px solid var(--line)}.fable-card header span{font-size:8px;letter-spacing:.15em;color:var(--orange-hi)}.fable-card h3{font:500 35px/1 var(--serif);margin:8px 0 0}.fable-card header b{grid-column:2;grid-row:1/3;font-size:9px;letter-spacing:.15em;writing-mode:vertical-rl;color:var(--chalk-dim)}.fable-stage{position:relative;padding:16px;background-image:linear-gradient(rgba(242,237,215,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(242,237,215,.035) 1px,transparent 1px);background-size:24px 24px}.fable-stage svg{width:100%;display:block}.road-arc{fill:none;stroke:rgba(242,237,215,.3);stroke-width:100;stroke-linecap:round}.desired-path{fill:none;stroke:var(--chalk);stroke-width:2;stroke-dasharray:7 7}.actual-path{fill:none;stroke:var(--orange);stroke-width:4;stroke-dasharray:2 8}.car rect,.car path{fill:var(--chalk);stroke:var(--rubber);stroke-width:2}.car circle{fill:var(--rubber);stroke:var(--chalk)}.fable-caption{position:absolute;left:25px;bottom:20px;font-size:8px;letter-spacing:.06em;background:rgba(13,21,19,.86);padding:7px}.fable-caption span{color:var(--orange);font-size:14px}.choice-row{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.choice-row button{min-height:56px;border:0;border-right:1px solid var(--line);background:transparent;color:var(--chalk);font-size:8px;letter-spacing:.1em;cursor:pointer}.choice-row button:last-child{border:0}.choice-row button:hover,.choice-row button.selected{background:var(--orange);color:var(--rubber)}.fable-answer{min-height:67px;margin:0;padding:17px 25px;border-top:1px solid var(--line);font:italic 14px/1.5 var(--serif);color:var(--chalk-dim)}.fable-card.wrong{animation:shake .25s 2}.fable-card.correct .actual-path{stroke:var(--chalk);stroke-dasharray:none;transition:d 1s}
.census{background:#20312d}.census-heading{display:grid;grid-template-columns:1fr auto;align-items:end;gap:5vw;margin-bottom:70px}.census-heading>div:first-child{max-width:780px}.total-mass{text-align:right;border-bottom:4px double var(--chalk);padding:20px}.total-mass small,.total-mass span{display:block;font-size:8px;letter-spacing:.12em;color:var(--chalk-dim)}.total-mass b{font:600 76px/1 var(--serif);color:var(--orange-hi)}.census-board{display:grid;grid-template-columns:1.1fr .9fr;border:1px solid var(--line);min-height:600px;background:#182622}.vehicle-plan{position:relative;min-height:600px;border-right:1px solid var(--line);background-image:radial-gradient(circle at center,rgba(242,237,215,.05),transparent 38%),linear-gradient(rgba(242,237,215,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(242,237,215,.03) 1px,transparent 1px);background-size:auto,30px 30px,30px 30px}.car-outline{position:absolute;width:180px;height:430px;left:50%;top:50%;transform:translate(-50%,-50%);border:2px solid rgba(242,237,215,.55);border-radius:45% 45% 20% 20%;box-shadow:inset 0 0 30px rgba(242,237,215,.03)}.car-outline::before,.car-outline::after{content:"";position:absolute;left:27px;right:27px;border:1px solid rgba(242,237,215,.3)}.car-outline::before{height:90px;top:70px;border-radius:40% 40% 8px 8px}.car-outline::after{height:100px;bottom:80px;border-radius:8px}.car-outline .nose{position:absolute;top:20px;left:50%;transform:translateX(-50%);font-size:7px;letter-spacing:.15em;color:var(--orange-hi)}.car-outline i{position:absolute;width:1px;background:var(--line);top:0;bottom:0;left:50%}.car-outline i:nth-child(2){height:1px;width:100%;left:0;top:50%}.car-outline i:nth-child(3){width:60px;height:60px;top:44%;left:60px;border:1px solid var(--line);border-radius:50%;background:none}.patch{position:absolute;width:112px;height:72px;background:var(--rubber);border:1px solid rgba(242,237,215,.33);padding:10px;box-shadow:inset 0 0 0 4px rgba(242,237,215,.03);transition:transform .2s}.patch::before{content:"";position:absolute;inset:5px;background:repeating-linear-gradient(90deg,transparent,transparent 8px,rgba(242,237,215,.08) 8px,rgba(242,237,215,.08) 10px)}.patch span{position:relative;font-size:8px;color:var(--orange-hi)}.patch b{position:relative;font:500 25px var(--serif);margin-left:10px}.patch small{position:relative;font-size:7px}.fl{left:8%;top:18%}.fr{right:8%;top:18%}.rl{left:8%;bottom:18%}.rr{right:8%;bottom:18%}.load-console{padding:70px 55px;display:flex;flex-direction:column;justify-content:center}.load-console label,.rig label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.13em}.load-console output,.rig output{color:var(--orange-hi)}input[type=range]{width:100%;height:44px;appearance:none;background:transparent;cursor:pointer;margin:14px 0 30px}input[type=range]::-webkit-slider-runnable-track{height:3px;background:rgba(242,237,215,.35)}input[type=range]::-webkit-slider-thumb{appearance:none;width:22px;height:22px;border-radius:50%;background:var(--orange);border:4px solid var(--slate);margin-top:-10px;box-shadow:0 0 0 1px var(--orange)}input[type=range]::-moz-range-track{height:3px;background:rgba(242,237,215,.35)}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--orange);border:4px solid var(--slate)}.balance-bar{height:62px;border:1px solid var(--line);position:relative;overflow:hidden;margin-bottom:28px}.balance-bar span{position:absolute;inset:0 auto 0 0;width:47%;background:repeating-linear-gradient(-45deg,rgba(240,107,50,.36),rgba(240,107,50,.36) 8px,rgba(240,107,50,.2) 8px,rgba(240,107,50,.2) 16px);transition:width .15s}.balance-bar i{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 17px;font:normal 8px var(--mono);letter-spacing:.12em}.balance-bar b{font-size:13px}.load-console>p{font:17px/1.6 var(--serif);color:#d0d0c0}.formula{font:20px var(--serif);margin-top:25px;border-top:1px solid var(--line);padding-top:25px}.formula span{color:var(--orange-hi);border-bottom:1px solid var(--orange)}
.seesaw{background:linear-gradient(160deg,#17231f,#1d2b28)}.seesaw-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:10vw;align-items:center}.rig{min-height:500px;position:relative;border:1px solid var(--line);padding:50px;background-image:linear-gradient(rgba(242,237,215,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(242,237,215,.04) 1px,transparent 1px);background-size:40px 40px}.rig-scale{display:flex;justify-content:space-between;font-size:8px;color:var(--chalk-dim);letter-spacing:.12em}.car-silhouette{position:absolute;top:190px;left:12%;width:76%;height:85px;border:2px solid var(--chalk);border-radius:45% 65% 10px 8px;transform:rotate(var(--pitch,-2deg));transform-origin:50% 100%;transition:transform .15s}.car-silhouette::before{content:"";position:absolute;left:25%;top:-60px;width:47%;height:60px;border:2px solid var(--chalk);border-bottom:0;border-radius:65% 80% 0 0;transform:skewX(-12deg)}.car-silhouette span{position:absolute;inset:15px;background:repeating-linear-gradient(0deg,transparent,transparent 9px,rgba(242,237,215,.08) 10px)}.wheel{position:absolute;width:50px;height:50px;border-radius:50%;background:var(--rubber);border:7px double var(--chalk);bottom:-28px}.w1{left:10%}.w2{right:10%}.pivot{position:absolute;top:300px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:45px solid transparent;border-right:45px solid transparent;border-bottom:0;border-top:70px solid rgba(242,237,215,.28)}.force-arrow{position:absolute;right:10%;top:330px;color:var(--orange-hi);font-size:8px;letter-spacing:.1em;transition:transform .15s}.rig label{position:absolute;bottom:80px;left:50px;right:50px}.rig input{position:absolute;bottom:18px;left:50px;width:calc(100% - 100px);margin:0}.course-strip{display:grid;grid-template-columns:1fr 1fr auto;margin-top:110px;border-top:1px solid var(--chalk);border-bottom:1px solid var(--chalk)}.course-strip>div{padding:25px;border-right:1px solid var(--line)}.course-strip span,.course-strip small{font-size:8px;letter-spacing:.1em;color:var(--chalk-dim);display:block}.course-strip b{display:block;font:500 25px var(--serif);margin:7px 0;color:var(--orange-hi)}.course-strip a{display:flex;align-items:center;gap:30px;padding:25px;text-decoration:none;font-size:9px;letter-spacing:.1em;background:var(--orange);color:var(--rubber);font-weight:700}
.site-footer{min-height:150px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:35px max(5vw,calc((100vw - var(--max))/2));background:#0c1412;color:var(--chalk-dim);font-size:8px;letter-spacing:.08em}.site-footer nav{display:flex;gap:28px}.site-footer a{text-underline-offset:4px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:none}
@keyframes bob{50%{transform:translateY(6px)}}@keyframes shake{25%{transform:translate(2px,-1px)}75%{transform:translate(-2px,1px)}}
@media(max-width:1050px){.g-instrument{width:210px;right:16px;top:100px}.principle{grid-template-columns:1fr 1fr}.margin-note{grid-column:2}.line-workbench{grid-template-columns:1fr}.track-board{border-right:0;border-bottom:1px solid var(--line)}.lab-console{display:grid;grid-template-columns:1fr 1fr;gap:24px}.chalk-analysis{grid-column:2;grid-row:1/3}.census-board{grid-template-columns:1fr}.vehicle-plan{border-right:0;border-bottom:1px solid var(--line)}.seesaw-grid{gap:5vw}}
@media(max-width:700px){.site-header{height:72px;padding:0 16px}.brand{font-size:15px}.brand svg{width:32px}.site-header nav{display:none}.sound-toggle{margin-left:auto;padding:0 10px}.sound-label{font-size:0}.sound-label::after{content:"AUDIO";font-size:8px}.hero{display:block;min-height:850px;padding:120px 18px 80px}.hero::before{width:130vw;height:130vw;right:-80vw;top:25%}.hero-copy{padding:0}.hero h1{font-size:clamp(54px,17vw,72px);margin-top:32px}.lede{font-size:17px;max-width:90%}.hero-equation{font-size:25px;margin-top:90px;justify-self:auto;width:82%}.cone-a{right:10%;bottom:8%}.cone-b{display:none}.scroll-cue{display:none}.g-instrument{width:158px;top:auto;right:10px;bottom:10px;padding:8px;z-index:25}.instrument-kicker{font-size:6px}.axis-copy{font-size:7px}.g-readout span{font-size:0}.g-readout b{font-size:9px}.instrument-note{display:none}.traction-flag{font-size:6px}.section-pad{padding:105px 18px}.section-index{left:18px;top:24px}.principle{display:block;min-height:0;background:linear-gradient(155deg,var(--slate) 0 78%,#14201d 78%)}.principle h2,.line-lab h2,.census h2,.seesaw h2{font-size:56px}.chalk-script{font-size:19px}.principle-copy>p:last-child,.lab-heading>p,.census-heading p,.seesaw-grid>div>p{font-size:17px}.ledger{margin-top:55px}.margin-note{margin-top:50px;margin-right:170px}.lab-heading,.fable-intro,.census-heading,.seesaw-grid{display:block}.lab-heading>p{margin:35px 0 50px}.line-workbench{box-shadow:9px 12px 0 rgba(8,14,12,.35)}.track-board{padding:5px}.drag-note{right:10px;bottom:8px}.lab-console{display:block;padding:22px}.chalk-analysis{margin-top:20px}.fable-intro h2{font-size:64px}.fable-intro p{margin-top:30px}.fable-grid{grid-template-columns:1fr}.fable-card>header{padding:20px}.fable-stage{padding:4px}.fable-caption{left:12px;bottom:10px;max-width:80%;line-height:1.5}.choice-row button{min-height:64px;padding:8px}.total-mass{text-align:left;margin-top:40px;width:max-content;padding-left:0}.total-mass b{font-size:62px}.census-board{min-height:0}.vehicle-plan{min-height:490px}.car-outline{height:340px;width:135px}.car-outline i:nth-child(3){left:37px}.patch{width:88px;height:62px;padding:7px}.patch b{font-size:20px;margin-left:4px}.fl{left:2%;top:18%}.fr{right:2%;top:18%}.rl{left:2%;bottom:18%}.rr{right:2%;bottom:18%}.load-console{padding:45px 22px}.seesaw-grid>div:first-child{margin-bottom:55px}.rig{min-height:400px;padding:28px}.car-silhouette{top:145px;height:60px}.car-silhouette::before{top:-45px;height:45px}.wheel{width:40px;height:40px;bottom:-23px}.pivot{top:230px}.force-arrow{top:275px}.rig label{left:24px;right:24px;bottom:67px}.rig input{left:24px;width:calc(100% - 48px)}.course-strip{grid-template-columns:1fr;margin-top:70px}.course-strip>div{border-right:0;border-bottom:1px solid var(--line)}.course-strip a{min-height:72px}.site-footer{align-items:flex-start;flex-direction:column;padding:36px 18px 190px}.site-footer nav{flex-direction:column;gap:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}}

/* Pass 1: keep the live lab instrument present without allowing it to mask the lesson. */
.hero-equation{position:absolute;right:clamp(370px,27vw,415px);top:390px;margin:0;align-self:auto;justify-self:auto}
.g-instrument.compact{width:132px;top:94px;padding:7px;opacity:.94}
.g-instrument.compact .instrument-kicker,.g-instrument.compact .instrument-note,.g-instrument.compact .g-readout span:not(:last-child){display:none}
.g-instrument.compact .g-readout{grid-template-columns:1fr;padding-top:4px}
.g-instrument.compact .g-readout b{display:inline;margin-right:6px}
.g-instrument.compact .traction-flag{font-size:5px;padding:3px 4px}
.road-arc{stroke:rgba(242,237,215,.19)}
.fable-caption{background:rgba(13,21,19,.92)}
.seesaw{padding-bottom:72px}
.site-footer{min-height:132px}

@media(min-width:701px){.section-pad{padding-right:max(175px,calc((100vw - var(--max))/2))}}
@media(min-width:701px) and (max-width:1050px){
  .hero-copy{align-self:center;padding-bottom:0}
  .hero-equation{right:225px;top:225px;font-size:26px}
  .g-instrument{width:190px}
}
@media(max-width:700px){
  .hero-equation{left:18px;right:auto;top:735px;width:225px;margin:0;font-size:19px}
  .hero-equation p{font-size:8px}
  .g-instrument{width:120px;right:8px;bottom:8px;padding:6px}
  .g-instrument.compact{width:104px;top:auto;bottom:8px}
  .instrument-kicker{font-size:5px}
  .traction-flag{font-size:5px}
  .margin-note{margin-right:125px}
  .seesaw{padding-bottom:45px}
  .site-footer{padding-bottom:135px}
}

/* Pass 2 — external critique: turn the page into one continuous instrument. */
:root{
  --slate:#16231f;
  --slate-2:#1b2b26;
  --slate-3:#263a33;
  --chalk:#f4efd9;
  --chalk-dim:#c3c2af;
  --orange:#f36b35;
  --orange-hi:#ff8650;
  --rubber:#091210;
  --line:rgba(244,239,217,.24);
}

body{
  background:
    radial-gradient(ellipse at 10% 4%,rgba(244,239,217,.045),transparent 28rem),
    radial-gradient(ellipse at 86% 41%,rgba(243,107,53,.035),transparent 34rem),
    var(--slate);
}

body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:17;
  pointer-events:none;
  opacity:.22;
  background:repeating-linear-gradient(174deg,transparent 0 47px,rgba(244,239,217,.018) 48px,transparent 50px 91px);
}

.skid-dust{
  position:fixed;
  inset:0;
  z-index:24;
  width:100%;
  height:100%;
  pointer-events:none;
  opacity:.8;
  mix-blend-mode:screen;
}

.site-header{
  height:84px;
  border-color:rgba(244,239,217,.3);
  background:linear-gradient(180deg,rgba(5,12,10,.9),rgba(5,12,10,.34) 70%,transparent);
}

.brand{letter-spacing:-.075em}
.site-header nav a{min-height:44px;display:flex;align-items:center}
.sound-toggle{border-color:rgba(244,239,217,.35);background:rgba(5,12,10,.72)}

.hero{
  min-height:max(900px,100svh);
  grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);
  padding-top:138px;
  background:
    linear-gradient(90deg,transparent 0 48%,rgba(6,13,11,.16) 48% 100%),
    radial-gradient(circle at 76% 52%,rgba(244,239,217,.025),transparent 30%);
}

.hero::before{
  width:65vw;
  height:65vw;
  right:-29vw;
  top:3vh;
  border-width:clamp(110px,12vw,185px);
  border-color:rgba(3,8,7,.66);
  box-shadow:0 0 0 1px rgba(244,239,217,.1),inset 0 0 80px rgba(0,0,0,.74),0 0 100px rgba(0,0,0,.22);
}

.hero::after{
  content:"01 — COMBINED DEMAND";
  position:absolute;
  left:0;
  top:25%;
  padding:10px 12px;
  background:var(--orange);
  color:var(--rubber);
  font:700 7px var(--mono);
  letter-spacing:.18em;
  writing-mode:vertical-rl;
  transform:rotate(180deg);
}

.hero-grid{
  opacity:.3;
  background-size:72px 72px;
  mask-image:linear-gradient(100deg,black 0 48%,transparent 88%);
}

.hero-copy{align-self:center;padding:40px 0 70px;position:relative;z-index:2}
.hero h1{
  max-width:920px;
  font-size:clamp(74px,8.5vw,132px);
  line-height:.79;
  letter-spacing:-.065em;
  font-weight:330;
  text-wrap:balance;
}
.hero h1 em{font-weight:250;text-shadow:0 0 34px rgba(243,107,53,.12)}
.lede{max-width:640px;font-size:clamp(18px,1.5vw,23px);line-height:1.52;color:#dedac8;font-weight:480}
.chalk-button{min-height:54px;margin-top:29px;border-width:1.5px;padding-inline:21px;box-shadow:7px 7px 0 rgba(5,11,9,.34)}
.chalk-button:hover{transform:translate(-2px,-2px);box-shadow:10px 10px 0 rgba(5,11,9,.5)}

.hero-docket{
  display:flex;
  width:max-content;
  max-width:100%;
  gap:0;
  margin-top:46px;
  border-top:1px solid rgba(244,239,217,.42);
  color:var(--chalk-dim);
}
.hero-docket span{padding:12px 22px 0 0;margin-right:22px;font-size:7px;letter-spacing:.12em;white-space:nowrap}
.hero-docket span+span{border-left:1px solid var(--line);padding-left:22px}

.hero-equation{top:auto;bottom:36%;right:clamp(382px,29vw,448px);font-size:clamp(27px,2.9vw,44px);z-index:3}
.hero-equation p{color:#cbc9b9}
.hero-track{height:280px;bottom:-105px;transform:rotate(-3deg)}
.hero-track span{border-top-width:19px;filter:blur(.35px)}
.hero-track span+span{top:72px}
.hero-maxim{position:absolute;right:8%;bottom:11%;margin:0;color:rgba(244,239,217,.13);font:italic 28px var(--serif);letter-spacing:.03em;transform:rotate(-4deg)}

.g-instrument{
  --grip:0%;
  width:min(24vw,350px);
  top:110px;
  right:2.2vw;
  padding:14px;
  clip-path:polygon(0 0,97% 0,100% 3%,100% 100%,3% 100%,0 97%);
  background:linear-gradient(145deg,rgba(25,40,35,.94),rgba(7,15,13,.92));
  border-color:rgba(244,239,217,.42);
  box-shadow:18px 24px 80px rgba(0,0,0,.5),inset 0 0 50px rgba(244,239,217,.018);
  transition:transform .75s cubic-bezier(.16,1,.3,1),width .45s cubic-bezier(.16,1,.3,1),opacity .3s;
}
.g-instrument::before{content:"FRICTION / CIRCLE";position:absolute;right:-42px;top:52%;transform:rotate(90deg);font-size:6px;letter-spacing:.24em;color:rgba(244,239,217,.35)}
.g-instrument .live-rim{stroke-width:2;transition:stroke .2s,filter .2s}
.g-instrument.singing .live-rim{stroke:var(--orange-hi);filter:drop-shadow(0 0 6px rgba(243,107,53,.8))}
.g-instrument.breaking .live-rim{stroke:var(--orange);stroke-dasharray:9 5;filter:drop-shadow(0 0 10px rgba(243,107,53,.85))}
.g-instrument.singing{box-shadow:18px 24px 80px rgba(0,0,0,.5),0 0 40px rgba(243,107,53,.12),inset 0 0 45px rgba(243,107,53,.04)}
.g-instrument.breaking{animation:tractionKick .18s steps(2,end) infinite}
.dot-halo{transition:r .2s;transform-origin:center}
.g-instrument.singing .dot-halo{r:22;fill:rgba(243,107,53,.24);stroke:var(--orange-hi)}
.g-instrument.breaking .dot-halo{r:29;fill:rgba(243,107,53,.17);stroke-dasharray:2 4}
.skid-trace{transition:opacity .2s}
.instrument-kicker{font-weight:700}
.limit-meter{display:grid;grid-template-columns:1.4fr repeat(3,auto);align-items:center;gap:9px;margin-top:10px;font-size:5px;letter-spacing:.12em;color:#aeb0a0}
.limit-meter i{display:block;height:3px;background:linear-gradient(90deg,var(--chalk) 0 68%,var(--orange-hi) 68% 92%,var(--orange) 92%);position:relative}
.limit-meter i::after{content:"";position:absolute;width:2px;height:11px;left:min(var(--grip),100%);top:50%;transform:translate(-1px,-50%);background:var(--chalk);box-shadow:0 0 7px var(--chalk)}
.g-instrument.compact{width:150px;top:96px;padding:8px;opacity:.96}
.g-instrument.compact .limit-meter{display:none}
.g-instrument.parked{opacity:0;pointer-events:none;transform:translateX(calc(100% + 5vw))}

.section-pad{padding-top:170px;padding-bottom:170px}
.section-index{top:31px;padding-left:56px}
.section-index::before{content:"";position:absolute;left:0;top:50%;width:40px;height:1px;background:var(--orange)}
.section-pad h2{font-weight:340;letter-spacing:-.06em}
.principle{min-height:980px;grid-template-columns:1.12fr .72fr .42fr;gap:5vw;background:linear-gradient(118deg,#172620 0 61%,#101b18 61%)}
.principle::after{content:"";position:absolute;inset:0;background:linear-gradient(103deg,transparent 0 68%,rgba(244,239,217,.018) 68% 69%,transparent 69%);pointer-events:none}
.principle-copy>p:last-child{max-width:590px;font-size:20px}
.ledger{transform:rotate(-1.2deg);background:rgba(4,10,8,.18);box-shadow:14px 15px 0 rgba(5,12,10,.25)}
.ledger-row{padding:24px 12px}
.margin-note{align-self:start;margin-top:36vh;padding:22px 16px;font-size:18px;background:rgba(8,16,14,.25)}
.chalk-scar{position:absolute;left:52%;bottom:78px;width:31%;display:flex;align-items:center;gap:18px;transform:rotate(-4deg);color:rgba(244,239,217,.24);font-size:7px;letter-spacing:.15em}
.chalk-scar i{height:1px;flex:1;background:rgba(244,239,217,.25);box-shadow:0 2px 0 rgba(244,239,217,.06)}
.chalk-scar b{font:italic 50px var(--serif);color:rgba(244,239,217,.17)}

.line-lab{background:linear-gradient(135deg,#20332d,#15241f 63%,#0d1815)}
.line-lab::after{content:"THE CALIPER / BEND 04";position:absolute;right:-6px;top:48%;writing-mode:vertical-rl;font-size:8px;letter-spacing:.27em;color:rgba(244,239,217,.22)}
.lab-heading{grid-template-columns:1.18fr .55fr;margin-bottom:82px}
.lab-heading>p{font-size:19px;max-width:520px}
.line-workbench{border-color:rgba(244,239,217,.44);box-shadow:24px 28px 0 rgba(4,10,8,.38);transform:rotate(.15deg)}
.track-board{padding:18px;background:radial-gradient(circle at 60% 35%,rgba(244,239,217,.06),transparent 36%),#12201c;cursor:ew-resize}
.track-board svg{min-height:410px}
.reference-line{fill:none;stroke:rgba(244,239,217,.25);stroke-width:2;stroke-dasharray:16 10}
.ideal-line{stroke-width:6;stroke-dasharray:2 11;filter:drop-shadow(0 0 6px rgba(243,107,53,.45))}
.apex-handle .handle-ring{stroke-width:3;animation:chalkPulse 2.4s ease-in-out infinite}
.apex-handle .handle-hit{fill:transparent;stroke:none;pointer-events:all}
.drag-note{left:24px;right:24px;bottom:18px;display:flex;justify-content:space-between;align-items:center;background:rgba(5,12,10,.78);padding:10px 12px;color:var(--chalk)}
.drag-note b{color:var(--orange-hi);font-size:9px}
.lab-console{padding:34px;background:linear-gradient(180deg,rgba(5,12,10,.74),rgba(10,20,17,.9))}
.verdict strong{font-weight:430;letter-spacing:-.035em}
.chalk-analysis{padding:18px;border-left:3px solid var(--orange);background:rgba(244,239,217,.025)}

.fables{overflow:hidden;background:radial-gradient(circle at 15% 22%,rgba(244,239,217,.035),transparent 30%),var(--rubber)}
.fables::before{content:"YAW";position:absolute;right:-.06em;top:.2em;font:italic 34vw/.8 var(--serif);color:rgba(244,239,217,.017);pointer-events:none}
.fable-intro{grid-template-columns:.9fr .65fr;position:relative;z-index:1}
.fable-intro p{font-size:20px}
.fable-grid{grid-template-columns:1.08fr .92fr;gap:42px;align-items:start;position:relative;z-index:1}
.fable-card{background:linear-gradient(160deg,#192722,#111b18);box-shadow:14px 18px 0 rgba(0,0,0,.18)}
.fable-card.over{transform:translateY(82px) rotate(.45deg)}
.fable-card.under{transform:rotate(-.3deg)}
.fable-card>header{padding:27px 28px 22px}
.fable-card h3{font-size:42px;font-weight:430}
.choice-row button{min-height:64px;transition:background .18s,color .18s,transform .18s}
.choice-row button:hover{transform:translateY(-2px)}
.fable-answer{min-height:78px;font-size:15px}
.fable-card.wrong .car{transform:translate(16px,-6px) rotate(9deg);transform-box:fill-box;transform-origin:center;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.fable-card.correct .car{transform:translate(-4px,8px) rotate(-5deg);transform-box:fill-box;transform-origin:center;transition:transform .65s cubic-bezier(.16,1,.3,1)}
.fable-footnote{margin:120px 0 0 22%;font:italic 27px var(--serif);letter-spacing:.08em;color:rgba(244,239,217,.18);transform:rotate(-2deg)}

.census{background:linear-gradient(105deg,#223730,#1a2c27 58%,#14241f)}
.census-heading{margin-bottom:80px}
.total-mass{transform:rotate(1.4deg);background:rgba(5,12,10,.22)}
.census-board{border:0;background:#13231e;box-shadow:inset 0 0 0 1px var(--line),22px 24px 0 rgba(6,13,11,.25)}
.vehicle-plan{background-size:auto,32px 32px,32px 32px}
.patch{border-color:rgba(244,239,217,.5);box-shadow:inset 0 0 0 4px rgba(244,239,217,.035),7px 9px 0 rgba(4,10,8,.25)}
.patch b{font-weight:380}
.census-tally{display:flex;align-items:baseline;justify-content:flex-end;gap:18px;margin-top:66px;font-size:9px;letter-spacing:.12em;color:var(--chalk-dim)}
.census-tally i{font:italic 25px var(--serif);color:var(--orange-hi)}
.census-tally b{font:italic 27px var(--serif);font-weight:350;color:var(--chalk)}

.seesaw{background:linear-gradient(150deg,#16241f,#1b2c27 54%,#101b18);padding-bottom:100px}
.seesaw-grid{grid-template-columns:.56fr 1.44fr;gap:9vw}
.seesaw-grid>div:first-child{transform:translateY(-35px)}
.rig{min-height:540px;border-color:rgba(244,239,217,.4);box-shadow:17px 19px 0 rgba(5,12,10,.3);background-size:42px 42px}
.course-strip{margin-top:135px;transform:rotate(-.25deg)}
.course-strip a{min-width:265px;justify-content:space-between;transition:filter .2s,transform .2s}
.course-strip a:hover{filter:brightness(1.12);transform:translateY(-3px)}
.site-footer{background:radial-gradient(circle at 85% 0,rgba(243,107,53,.04),transparent 24%),#07110e;border-top:1px solid rgba(244,239,217,.1)}
.site-footer a{min-height:44px;display:inline-flex;align-items:center}

.reveal{transform:translateY(38px) rotate(.25deg);transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1)}
.reveal.in{transform:none}

@keyframes chalkPulse{50%{stroke-dashoffset:15;opacity:.55}}
@keyframes tractionKick{25%{translate:2px -1px}75%{translate:-2px 1px}}

@media (min-width:1051px){
  .section-pad{padding-right:max(215px,calc((100vw - var(--max))/2))}
}

@media (min-width:701px) and (max-width:1050px){
  .hero{grid-template-columns:1fr;padding-top:130px}
  .hero h1{font-size:clamp(72px,10vw,92px);max-width:620px}
  .hero-copy{align-self:center;padding-bottom:10px}
  .hero-equation{right:225px;top:210px;bottom:auto;font-size:26px}
  .g-instrument{width:196px;top:100px}
  .g-instrument.compact{width:136px}
  .hero-docket{margin-top:34px}
  .principle{grid-template-columns:1fr 1fr;gap:7vw}
  .margin-note{grid-column:2;margin-top:0}
  .chalk-scar{left:5%;width:42%}
  .fable-grid{gap:28px}
  .fable-card.over{transform:translateY(45px)}
  .fable-card h3{font-size:36px}
  .census-tally{justify-content:flex-start}
}

@media (max-width:700px){
  .site-header{height:72px;padding-inline:18px;background:rgba(6,14,12,.92)}
  .site-header nav{
    display:flex;
    position:absolute;
    left:0;
    right:0;
    top:72px;
    height:48px;
    margin:0;
    gap:0;
    background:rgba(9,18,15,.92);
    border-bottom:1px solid var(--line);
    backdrop-filter:blur(10px);
  }
  .site-header nav a{flex:1;justify-content:center;min-height:48px;font-size:8px;border-right:1px solid var(--line)}
  .site-header nav a:last-child{border-right:0}
  .site-header nav a::after{bottom:0}
  .hero{min-height:1020px;padding:162px 18px 90px;display:block}
  .hero::after{top:19%;padding-block:8px}
  .hero::before{width:142vw;height:142vw;right:-92vw;top:26%}
  .hero-copy{padding:0}
  .hero h1{font-size:clamp(55px,16.4vw,65px);line-height:.84;margin-top:34px;letter-spacing:-.055em}
  .lede{font-size:17px;line-height:1.55;max-width:96%}
  .chalk-button{width:100%;justify-content:space-between;margin-top:25px}
  .hero-docket{display:grid;grid-template-columns:1fr 1fr;width:100%;margin-top:34px}
  .hero-docket span{padding:10px 8px 8px 0;margin:0;white-space:normal}
  .hero-docket span+span{padding-left:10px}
  .hero-docket span:last-child{grid-column:1/-1;border-top:1px solid var(--line);border-left:0;padding-left:0}
  .hero-equation{left:18px;right:auto;top:742px;bottom:auto;width:225px;font-size:19px}
  .hero-maxim{left:20px;right:auto;bottom:29px;font-size:16px;max-width:260px}
  .cone-a{bottom:8%;right:12%}
  .g-instrument:not(.compact){position:absolute;top:820px;right:10px;bottom:auto;width:142px;padding:7px}
  .g-instrument.compact{
    position:fixed;
    left:9px;
    right:9px;
    top:auto;
    bottom:9px;
    width:auto;
    height:84px;
    padding:7px 10px;
    display:grid;
    grid-template-columns:64px 1fr;
    grid-template-rows:auto 1fr auto;
    column-gap:11px;
    transform:none;
  }
  .g-instrument.compact .circle-wrap{grid-column:1;grid-row:1/4}
  .g-instrument.compact .friction-svg{width:64px}
  .g-instrument.compact .traction-flag{font-size:3px;padding:2px}
  .g-instrument.compact .instrument-kicker{display:flex;grid-column:2;font-size:5px;padding:0}
  .g-instrument.compact .g-readout{display:grid;grid-column:2;grid-row:2;grid-template-columns:repeat(3,1fr);padding-top:5px}
  .g-instrument.compact .g-readout span,.g-instrument.compact .g-readout span:not(:last-child){display:block;font-size:5px}
  .g-instrument.compact .g-readout b{display:block;font-size:10px;margin:0 0 2px}
  .g-instrument.compact .limit-meter{display:grid;grid-column:2;grid-row:3;margin-top:3px}
  .g-instrument.compact .instrument-note{display:none}
  .g-instrument.parked{transform:translateY(130%)}
  .section-pad{padding:118px 18px 125px}
  .section-index{left:18px;padding-left:44px}
  .section-index::before{width:32px}
  .principle{display:block;background:linear-gradient(160deg,#182821 0 76%,#101b18 76%)}
  .principle h2,.line-lab h2,.census h2,.seesaw h2{font-size:58px}
  .principle-copy>p:last-child{font-size:17px}
  .ledger{margin-top:60px;box-shadow:9px 10px 0 rgba(5,12,10,.28)}
  .margin-note{margin:54px 85px 0 0;font-size:16px}
  .chalk-scar{display:none}
  .lab-heading>p{font-size:17px;margin-bottom:48px}
  .line-workbench{box-shadow:9px 12px 0 rgba(5,12,10,.36)}
  .track-board{padding:0 0 9px}
  .track-board svg{min-height:0}
  .drag-note{left:7px;right:7px;bottom:6px;padding:7px 8px;font-size:6px}
  .lab-console{padding:25px 20px}
  .lab-console dl div{padding:11px 0}
  .fable-intro p{font-size:17px}
  .fable-grid{display:block}
  .fable-card{margin-bottom:34px;box-shadow:8px 10px 0 rgba(0,0,0,.2)}
  .fable-card.over,.fable-card.under{transform:none}
  .fable-card h3{font-size:38px}
  .fable-footnote{margin:58px 0 0;font-size:18px;line-height:1.5}
  .census-board{box-shadow:10px 12px 0 rgba(6,13,11,.28)}
  .census-tally{justify-content:flex-start;flex-wrap:wrap;gap:10px;margin-top:52px}
  .census-tally b{font-size:21px;flex-basis:100%}
  .seesaw{padding-bottom:65px}
  .seesaw-grid>div:first-child{transform:none}
  .rig{min-height:410px;box-shadow:9px 11px 0 rgba(5,12,10,.3)}
  .course-strip{margin-top:78px;transform:none}
  .course-strip a{min-width:0}
  .site-footer{padding:40px 18px 44px;min-height:220px}
}

@media (prefers-reduced-motion:reduce){
  .skid-dust{display:none}
  .apex-handle .handle-ring,.g-instrument.breaking{animation:none}
}

@media (min-width:1051px){.hero-equation{bottom:43%}}

@media (max-width:700px){
  .hero-docket{margin-top:10px}
  .hero-equation{top:850px}
  .g-instrument,.g-instrument:not(.compact),.g-instrument.compact{
    position:fixed;
    left:9px;
    right:9px;
    top:auto;
    bottom:9px;
    width:auto;
    height:84px;
    padding:7px 10px;
    display:grid;
    grid-template-columns:64px 1fr;
    grid-template-rows:auto 1fr auto;
    column-gap:11px;
    transform:none;
  }
  .g-instrument .circle-wrap{grid-column:1;grid-row:1/4}
  .g-instrument .friction-svg{width:64px}
  .g-instrument .traction-flag{font-size:3px;padding:2px}
  .g-instrument .instrument-kicker{display:flex;grid-column:2;font-size:5px;padding:0}
  .g-instrument .g-readout{display:grid;grid-column:2;grid-row:2;grid-template-columns:repeat(3,1fr);padding-top:5px}
  .g-instrument .g-readout span,.g-instrument .g-readout span:not(:last-child){display:block;font-size:5px}
  .g-instrument .g-readout b{display:block;font-size:10px;margin:0 0 2px}
  .g-instrument .limit-meter{display:grid;grid-column:2;grid-row:3;margin-top:3px}
  .g-instrument .instrument-note{display:none}
  .g-instrument.parked{transform:translateY(130%)}
}

/* Pass 3 — the board remembers the driver's trace. */
html{scrollbar-color:var(--orange) #0b1512;scrollbar-width:thin}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:#0b1512}
::-webkit-scrollbar-thumb{background:linear-gradient(var(--orange-hi),var(--orange));border:3px solid #0b1512;border-radius:10px}
::selection{background:var(--orange);color:var(--rubber);text-shadow:none}
body{font-variant-numeric:lining-nums tabular-nums}
h1,h2,h3,.verdict strong,.total-mass b,.course-strip b{font-optical-sizing:auto}
p,blockquote{ text-wrap:pretty }
h1,h2,h3{ text-wrap:balance }
.brand{min-height:44px}
.brand,.site-header nav a,.sound-toggle,.chalk-button,.choice-row button,.course-strip a,.site-footer a,.wipe-trace{transition:color .22s ease,background-color .22s ease,border-color .22s ease,transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1)}
.brand:hover{color:var(--orange-hi);transform:translateY(-1px)}
.brand:hover svg{stroke:var(--orange-hi);transform:rotate(-8deg)}
.brand svg{transition:stroke .25s ease,transform .45s cubic-bezier(.16,1,.3,1)}
.site-header nav a:hover,.site-header nav a:focus-visible{color:var(--orange-hi)}
.sound-toggle:hover,.sound-toggle:focus-visible{border-color:var(--orange-hi);background:rgba(243,107,53,.08);box-shadow:0 0 0 1px rgba(243,107,53,.12) inset}
.choice-row button:focus-visible{position:relative;z-index:2;background:rgba(243,107,53,.16)}
input[type=range]:focus-visible{outline:none}
input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--chalk),0 0 0 6px var(--orange)}
input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--chalk),0 0 0 6px var(--orange)}
.site-footer a:hover,.site-footer a:focus-visible{color:var(--orange-hi);text-decoration-thickness:2px}
.page-ready .site-header .brand{animation:loadDraft .72s cubic-bezier(.16,1,.3,1) both}
.page-ready .site-header nav a:nth-child(1){animation:loadDraft .72s .08s cubic-bezier(.16,1,.3,1) both}
.page-ready .site-header nav a:nth-child(2){animation:loadDraft .72s .14s cubic-bezier(.16,1,.3,1) both}
.page-ready .site-header nav a:nth-child(3){animation:loadDraft .72s .20s cubic-bezier(.16,1,.3,1) both}
.page-ready .sound-toggle{animation:loadDraft .72s .26s cubic-bezier(.16,1,.3,1) both}

.lap-ghost{
  display:grid;
  grid-template-columns:minmax(260px,.58fr) minmax(0,1.42fr);
  gap:clamp(45px,7vw,110px);
  align-items:center;
  margin-top:150px;
  padding:clamp(34px,4vw,62px);
  border:1px solid rgba(244,239,217,.42);
  border-left:7px solid var(--orange);
  background:
    linear-gradient(100deg,rgba(4,10,8,.72),rgba(11,24,20,.72)),
    repeating-linear-gradient(0deg,transparent 0 37px,rgba(244,239,217,.035) 38px),
    repeating-linear-gradient(90deg,transparent 0 37px,rgba(244,239,217,.035) 38px);
  box-shadow:25px 28px 0 rgba(4,10,8,.3),inset 0 0 80px rgba(244,239,217,.018);
  position:relative;
  isolation:isolate;
  overflow:hidden;
  transform:rotate(-.18deg);
}
.lap-ghost::before{content:"THE BOARD KEEPS RECEIPTS";position:absolute;left:18px;bottom:13px;font-size:6px;letter-spacing:.24em;color:rgba(244,239,217,.24);writing-mode:vertical-rl;transform:rotate(180deg)}
.lap-ghost::after{content:"06";position:absolute;left:36%;top:-.2em;font:italic 210px/.8 var(--serif);color:rgba(244,239,217,.022);z-index:-1}
.ghost-copy{position:relative;z-index:1}
.ghost-kicker{font-size:8px;letter-spacing:.16em;color:var(--orange-hi);font-weight:700;margin:0 0 28px}
.ghost-copy h3{font:330 clamp(58px,6.2vw,96px)/.83 var(--serif);letter-spacing:-.06em;margin:0 0 28px}
.ghost-copy h3 em{font-weight:250;color:var(--orange-hi)}
.ghost-copy>p:not(.ghost-kicker){font:18px/1.65 var(--serif);color:#dcd8c7;max-width:470px}
.wipe-trace{min-height:48px;margin-top:18px;padding:0 17px;border:1px solid rgba(244,239,217,.58);background:transparent;color:var(--chalk);font-size:8px;font-weight:700;letter-spacing:.14em;cursor:pointer}
.wipe-trace span{display:inline-block;margin-left:24px;font-size:15px;transition:transform .55s cubic-bezier(.16,1,.3,1)}
.wipe-trace:hover,.wipe-trace:focus-visible{background:var(--chalk);color:var(--rubber);transform:translate(-2px,-2px);box-shadow:7px 8px 0 rgba(0,0,0,.35)}
.wipe-trace:hover span{transform:rotate(-180deg)}
.ghost-board{min-width:0;position:relative;border-left:1px solid var(--line);padding-left:clamp(20px,4vw,55px)}
.ghost-ledger{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(244,239,217,.42);border-bottom:1px solid var(--line)}
.ghost-ledger span{padding:14px 10px;font-size:6px;letter-spacing:.12em;color:var(--chalk-dim);border-right:1px solid var(--line)}
.ghost-ledger span:last-child{border-right:0}
.ghost-ledger b{display:block;color:var(--chalk);font-size:15px;letter-spacing:-.03em;margin-bottom:4px}
#ghost-svg{display:block;width:100%;height:auto;max-height:480px;filter:drop-shadow(0 18px 22px rgba(0,0,0,.28))}
.ghost-grid{fill:none;stroke:rgba(244,239,217,.25);stroke-width:1;filter:url(#ghost-rough)}
.ghost-grid circle:first-child{stroke-width:2;stroke:rgba(244,239,217,.58)}
.ghost-grid path{stroke-dasharray:3 10}
.ghost-grid text{fill:var(--chalk-dim);stroke:none;font:7px var(--mono);letter-spacing:.14em}
.ghost-reference{fill:none;stroke:var(--orange);stroke-width:8;stroke-dasharray:1 16;stroke-linecap:round;opacity:.18}
.ghost-path{fill:none;stroke:var(--chalk);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:url(#ghost-rough);clip-path:url(#ghost-clip)}
.ghost-marker circle{fill:var(--orange-hi);stroke:rgba(243,107,53,.35);stroke-width:10}
.ghost-marker path{stroke:var(--chalk);stroke-width:1}
.ghost-note{display:flex;justify-content:space-between;gap:20px;margin:-18px 0 0;font-size:7px;letter-spacing:.15em;color:var(--chalk-dim)}
.ghost-note span{color:var(--orange-hi)}
.lap-ghost.wiped .ghost-path{animation:wipeChalk .75s cubic-bezier(.16,1,.3,1)}

@keyframes loadDraft{from{clip-path:inset(0 100% 0 0);transform:translateX(-9px)}to{clip-path:inset(0);transform:none}}
@keyframes wipeChalk{0%{stroke-dasharray:1 1;opacity:.15}100%{stroke-dasharray:none;opacity:1}}

@media (max-width:1050px){
  .lap-ghost{grid-template-columns:1fr;margin-top:125px}
  .ghost-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 45px;align-items:start}
  .ghost-kicker,.ghost-copy h3{grid-column:1}
  .ghost-copy>p:not(.ghost-kicker){grid-column:2;grid-row:1/4;margin-top:38px}
  .wipe-trace{grid-column:1;width:max-content}
  .ghost-board{border-left:0;border-top:1px solid var(--line);padding:34px 0 0}
}

@media (max-width:700px){
  .lap-ghost{display:block;margin-top:92px;padding:32px 18px 38px;border-left-width:5px;box-shadow:10px 12px 0 rgba(4,10,8,.3);transform:none}
  .lap-ghost::after{left:45%;top:8%;font-size:130px}
  .ghost-copy{display:block}
  .ghost-kicker{font-size:7px;margin-bottom:20px}
  .ghost-copy h3{font-size:58px;margin-bottom:22px}
  .ghost-copy>p:not(.ghost-kicker){font-size:17px;line-height:1.6;margin-top:0}
  .wipe-trace{width:100%;justify-content:space-between;margin:12px 0 42px}
  .ghost-board{padding-top:22px}
  .ghost-ledger span{padding:11px 5px;font-size:5px}
  .ghost-ledger b{font-size:12px}
  #ghost-svg{margin-top:8px}
  .ghost-note{margin-top:-6px;font-size:5px}
  .course-strip{margin-top:90px}
}

@media (prefers-reduced-motion:reduce){
  .page-ready .site-header .brand,.page-ready .site-header nav a,.page-ready .sound-toggle{animation:none}
  .lap-ghost.wiped .ghost-path{animation:none}
}