:root{--charcoal:#24211e;--black:#151311;--panel:#302c28;--panel2:#3b3530;--oak:#8b5a2b;--oak-dark:#56351f;--amber:#e7a12b;--amber-pale:#f1c874;--red:#d94a37;--green:#6ca87a;--paper:#d8d0bd;--ink:#24211e;--cream:#eee8da;--white:#f5f0e4;--display:'Bricolage Grotesque',sans-serif;--mono:'IBM Plex Mono',monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{margin:0;background:var(--charcoal);color:var(--cream);font-family:var(--display);overflow-x:hidden}
button,a{font:inherit}a{color:inherit}button{color:inherit}.skip-link{position:fixed;z-index:999;top:8px;left:8px;padding:12px 16px;background:var(--amber);color:var(--black);transform:translateY(-150%)}.skip-link:focus{transform:none}
:focus-visible{outline:3px solid var(--amber-pale);outline-offset:4px}
.grain{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.055;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='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.site-header{height:84px;position:absolute;inset:0 0 auto;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(22px,4vw,70px);border-bottom:1px solid #ffffff20;font-family:var(--mono);font-size:11px;letter-spacing:.08em}.brand{display:flex;gap:12px;align-items:center;text-decoration:none}.brand b,.brand small{display:block}.brand b{font-family:var(--display);font-size:13px;letter-spacing:.03em}.brand small{color:#bcb3a1;font-size:8px;margin-top:2px}.brand-mark{width:30px;height:30px;border:1px solid #f0e7d355;display:flex;align-items:end;justify-content:center;gap:3px;padding:5px}.brand-mark i{display:block;width:6px;height:9px;background:var(--amber)}.brand-mark i+ i{height:17px;background:var(--red)}.site-header nav{display:flex;gap:34px}.site-header nav a{text-decoration:none;padding:16px 0;color:#d7d0c2;position:relative}.site-header nav a:after{content:"";position:absolute;inset:auto 0 9px;width:0;height:1px;background:var(--amber);transition:width .25s}.site-header nav a:hover:after{width:100%}.header-status{justify-self:end;color:#bdb5a6}.header-status span{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:7px;box-shadow:0 0 12px var(--green)}
.hero{min-height:860px;height:100vh;max-height:1050px;position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(460px,.95fr);align-items:center;padding:125px clamp(24px,6.5vw,112px) 70px;background:radial-gradient(circle at 72% 42%,#554231 0,#2d2925 24%,transparent 50%),linear-gradient(112deg,#191715 0 53%,#28231f 53%);isolation:isolate}.hero:before{content:"";position:absolute;inset:84px 0 0;background:repeating-linear-gradient(90deg,transparent 0 9%,#ffffff06 9.1%,transparent 9.3%);z-index:-1}.hero-copy{max-width:750px;position:relative;z-index:2}.kicker{font-family:var(--mono);font-size:11px;letter-spacing:.18em;color:var(--amber);margin:0 0 28px}.hero h1{font-size:clamp(72px,8.2vw,132px);line-height:.79;letter-spacing:-.067em;margin:0;font-weight:650}.hero h1 em,.essay-sticky em,.closing-section em{font-weight:250;color:var(--amber-pale)}.lede{max-width:570px;margin:42px 0 34px;font-size:18px;line-height:1.6;color:#c9c1b2}.reel-cta{display:inline-flex;align-items:center;gap:48px;text-decoration:none;font-family:var(--mono);font-size:11px;letter-spacing:.13em;border-bottom:1px solid var(--amber);padding:0 0 11px;transition:gap .25s,color .25s}.reel-cta i{font-style:normal;font-size:18px}.reel-cta:hover{gap:62px;color:var(--amber)}
.hero-machine{justify-self:end;width:min(37vw,525px);aspect-ratio:.83;background:linear-gradient(145deg,#51463d,#27231f 60%);border:1px solid #ffffff1a;border-radius:5px;box-shadow:-35px 45px 80px #0009, inset 0 1px #ffffff24;transform:rotate(2.3deg);padding:42px 34px;position:relative}.hero-machine:before{content:"";position:absolute;inset:13px;border:1px solid #0b0a095e;border-radius:4px;pointer-events:none}.tape-strip{position:absolute;top:20px;left:28px;background:#d8ccab;color:#31281d;padding:6px 12px;font:9px var(--mono);letter-spacing:.08em;transform:rotate(-1.7deg);box-shadow:0 1px 3px #0007}.meter-deck{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:38px}.vu-meter{height:170px;background:#d8bc78;color:#241c13;border:9px solid #171513;border-radius:8px;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #7a4e18aa}.vu-meter>span{position:absolute;top:12px;left:0;right:0;text-align:center;font:8px var(--mono);letter-spacing:.18em}.vu-scale{position:absolute;width:82%;height:70%;left:9%;bottom:-23%;border-radius:50% 50% 0 0;border:2px solid #47331c}.vu-scale:before{content:"-20  -10  -7  -5  -3  0  +3";position:absolute;top:-20px;left:-3px;font:7px var(--mono);word-spacing:3px}.vu-scale i{position:absolute;left:50%;bottom:0;width:1px;height:62px;background:#2a2118;transform-origin:bottom;transform:rotate(-28deg)}.needle{position:absolute;left:50%;bottom:0;width:2px;height:103px;background:#d23e26;transform-origin:bottom;transform:rotate(-26deg);transition:transform .08s}.needle.active{transform:rotate(23deg)}.needle-alt{transform:rotate(-15deg)}.console-notes{margin-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:20px;color:#aaa094;font:9px/1.5 var(--mono)}.knob-row{display:flex;gap:12px}.knob-row i{width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#82776b,#2b2723 55%);border:1px solid #8c807155;box-shadow:0 4px 5px #0008}.scribble{color:#ddc99c;font-family:var(--display);font-style:italic;font-size:14px;transform:rotate(-3deg);grid-column:2}.cable{position:absolute;border:6px solid #171513;border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;z-index:-1}.cable-a{width:220px;height:260px;right:-92px;bottom:-90px;transform:rotate(22deg)}.cable-b{width:180px;height:200px;left:-110px;bottom:-100px;transform:rotate(122deg)}.hero-index{position:absolute;right:20px;bottom:16px;writing-mode:vertical-rl;font:9px var(--mono);letter-spacing:.3em;color:#797168}.load-reveal{animation:loadIn .9s both cubic-bezier(.2,.8,.2,1)}.hero-machine.load-reveal{animation-delay:.18s}@keyframes loadIn{from{opacity:0;transform:translateY(24px)}.hero-machine&{}}
.perform-section{padding:120px clamp(18px,4.4vw,76px) 150px;background:#171513;position:relative}.perform-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 50%,#8b5a2b18,transparent 35%);pointer-events:none}.section-heading{display:grid;grid-template-columns:.7fr 1.4fr .8fr;gap:42px;align-items:end;margin:0 auto 55px;max-width:1320px}.section-no{font:10px var(--mono);color:#8f877b;border:1px solid #ffffff25;padding:7px 9px;display:inline-block;margin-bottom:20px}.section-heading .kicker,.archive-heading .kicker{margin:0}.section-heading h2,.archive-heading h2{margin:0;font-size:clamp(55px,6vw,88px);font-weight:400;letter-spacing:-.05em;line-height:.88}.section-heading>p,.archive-heading>p{color:#aaa296;line-height:1.6;font-size:15px;margin:0}
.stage-shell{max-width:1320px;margin:auto;background:#0e0e0d;border:1px solid #514b44;box-shadow:0 40px 100px #000;padding:12px;border-radius:4px}.stage-topline{height:48px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 14px;font:9px var(--mono);letter-spacing:.12em;color:#9c9589}.timecode{font-size:16px;color:#f0e7d8;background:#181715;padding:7px 14px;border:1px solid #413c36}.take-light{justify-self:end;display:flex;align-items:center;gap:8px}.take-light i{width:9px;height:9px;border-radius:50%;background:var(--red);box-shadow:0 0 12px var(--red)}.take-light i.ready{background:var(--green);box-shadow:0 0 12px var(--green)}
.scene{height:min(58vw,650px);min-height:400px;position:relative;overflow:hidden;background:linear-gradient(#1b2628 0,#273436 55%,#17191a);isolation:isolate}.scene:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 130px #000;border:1px solid #000;pointer-events:none;z-index:9}.scene canvas{position:absolute;inset:0;width:100%;height:100%;z-index:6;opacity:.72}.scene-glow{position:absolute;width:70%;height:100%;right:0;background:radial-gradient(circle at 60% 35%,#d0a76635,transparent 46%)}.city{position:absolute;inset:24% 0 0;display:flex;align-items:end;gap:3%;opacity:.8}.city i{display:block;background:#101416;width:18%;height:57%;clip-path:polygon(0 18%,18% 18%,18% 5%,45% 5%,45% 0,63% 0,63% 22%,100% 22%,100% 100%,0 100%)}.city i:nth-child(2){height:84%}.city i:nth-child(3){height:42%}.city i:nth-child(4){height:72%}.city i:nth-child(5){height:50%}.door{position:absolute;right:20%;bottom:0;width:22%;height:65%;background:#342d27;border:10px solid #131311;box-shadow:0 0 50px #d79c4c22;z-index:3;transform-origin:right}.door-panel{position:absolute;inset:8% 10%;border:2px solid #665341}.door span{position:absolute;left:10%;top:50%;width:26px;height:8px;background:#b37a32;border-radius:2px;box-shadow:0 0 8px #d9a14b}.figure{position:absolute;z-index:4;left:15%;bottom:6%;width:90px;height:245px;transform-origin:bottom}.figure i{display:block;position:absolute;background:#080908}.head{width:45px;height:50px;border-radius:50%;top:0;left:24px}.body{width:75px;height:125px;top:42px;left:8px;clip-path:polygon(22% 0,75% 0,100% 95%,0 100%)}.leg{width:24px;height:100px;top:150px;left:18px;transform-origin:top}.leg-b{left:52px}.glass{position:absolute;right:13%;bottom:14%;width:18px;height:25px;border:2px solid #d8d3c088;border-top:0;z-index:5;opacity:0}.scene-caption{position:absolute;z-index:8;inset:auto 20px 18px;display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:.15em;color:#e5dfd2}.count-in{position:absolute;inset:0;display:grid;place-items:center;z-index:11;font:180px var(--display);font-weight:200;color:#eee8da55;pointer-events:none}.scene-play{position:absolute;z-index:12;top:18px;left:18px;width:46px;height:46px;border:1px solid #ffffff45;background:#10100ecc;border-radius:50%;cursor:pointer}.scene-play span{display:block;margin:auto;width:10px;height:14px;border-left:3px solid var(--cream);border-right:3px solid var(--cream)}.scene-play.paused span{width:0;height:0;border:7px solid transparent;border-left:11px solid var(--cream);margin-left:17px}
.scene.playing .figure{animation:walkScene 20s linear infinite}.scene.playing .leg-a{animation:legA .72s infinite alternate ease-in-out}.scene.playing .leg-b{animation:legB .72s infinite alternate ease-in-out}.scene.playing .door{animation:doorScene 20s linear infinite}.scene.playing .glass{animation:glassScene 20s linear infinite}@keyframes walkScene{0%{transform:translateX(-160px);opacity:0}6%{opacity:1}38%{transform:translateX(44vw)}55%{transform:translateX(47vw)}72%{transform:translateX(53vw);opacity:1}80%,100%{transform:translateX(53vw);opacity:0}}@keyframes legA{from{transform:rotate(24deg)}to{transform:rotate(-24deg)}}@keyframes legB{from{transform:rotate(-24deg)}to{transform:rotate(24deg)}}@keyframes doorScene{0%,39%{transform:perspective(500px) rotateY(0)}44%,80%{transform:perspective(500px) rotateY(-55deg)}86%,100%{transform:perspective(500px) rotateY(0)}}@keyframes glassScene{0%,72%{opacity:0;transform:translateY(-90px)}77%,98%{opacity:1;transform:translateY(0)}100%{opacity:0}}
.timeline-wrap{padding:23px 18px 12px}.timeline{height:68px;position:relative;border-top:1px solid #4a4640;background:repeating-linear-gradient(90deg,#ffffff10 0 1px,transparent 1px 5%)}.timeline:after{content:"00\A0\A0\A0\A0\A0\A005\A0\A0\A0\A0\A0\A010\A0\A0\A0\A0\A0\A015\A0\A0\A0\A0\A0\A020 SEC";position:absolute;top:8px;left:0;right:0;font:8px var(--mono);color:#777169;white-space:pre;letter-spacing:.06em}.playhead{position:absolute;z-index:3;left:0;top:-7px;width:1px;height:72px;background:var(--red);box-shadow:0 0 7px #d94a37}.playhead:before{content:"";position:absolute;top:0;left:-4px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid var(--red)}.cue-marker{position:absolute;z-index:4;left:var(--at);top:29px;background:transparent;border:0;padding:0;cursor:pointer;text-align:left;color:#aba398}.cue-marker i{display:block;width:9px;height:9px;border:2px solid var(--cue);border-radius:50%;background:#0e0e0d;margin-bottom:4px}.cue-marker span{font:7px var(--mono);white-space:nowrap}.cue-marker.hit i{background:var(--green);border-color:var(--green);box-shadow:0 0 8px var(--green)}
.performance-bench{max-width:1320px;margin:38px auto 0;display:grid;grid-template-columns:260px 1fr;background:linear-gradient(100deg,#3c2517,#754624 20%,#9a6230 75%,#58341d);border:8px solid #27170e;box-shadow:inset 0 2px #c28b51,0 28px 70px #0008;position:relative}.performance-bench:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(92deg,transparent 0 46px,#2b160b33 48px,#d99b5b14 52px)}.bench-intro{padding:29px 25px;background:#1b1917;position:relative;z-index:2}.bench-label{font:8px var(--mono);color:var(--amber);letter-spacing:.12em}.bench-intro h3{font-size:31px;line-height:.95;font-weight:400;margin:25px 0 18px}.bench-intro>p:not(.bench-label){font-size:12px;color:#a9a195;line-height:1.5}.bench-intro kbd{font:10px var(--mono);border:1px solid #6b6358;padding:2px 5px}.mix-switch{display:grid;grid-template-columns:1fr 1fr;border:1px solid #59534b;margin-top:24px}.mix-switch button{border:0;background:none;padding:13px 4px;font:8px var(--mono);letter-spacing:.08em;cursor:pointer}.mix-switch button.active{background:var(--green);color:#111}.clear-take{width:100%;border:0;background:none;border-bottom:1px solid #615a51;margin-top:15px;padding:11px 3px;color:#b7afa2;font:8px var(--mono);letter-spacing:.1em;text-align:left;cursor:pointer}.clear-take span{float:right}.prop-table{display:grid;grid-template-columns:repeat(5,1fr);position:relative;z-index:2}.prop{min-height:285px;border:0;border-left:1px solid #402514;background:transparent;position:relative;padding:18px 12px 20px;cursor:pointer;color:#21140d;transition:background .2s,transform .15s;touch-action:none}.prop:hover{background:#f2cb7e1f}.prop:active,.prop.playing{background:#f3d28e33;transform:translateY(4px)}.prop-key{position:absolute;top:12px;left:12px;border:1px solid #39200f;width:24px;height:24px;display:grid;place-items:center;font:9px var(--mono)}.prop b,.prop small{display:block;position:relative;z-index:3}.prop b{font-size:13px;letter-spacing:.02em}.prop small{font:8px var(--mono);margin-top:5px}.prop-light{position:absolute;top:17px;right:14px;width:9px;height:9px;background:#672b20;border-radius:50%;box-shadow:inset 0 0 2px #000}.prop.playing .prop-light{background:var(--green);box-shadow:0 0 10px #95d9a4}.prop-art{height:190px;display:block;position:relative}.prop-gravel .prop-art{margin:60px 4% 15px;height:115px;border:9px solid #51311c;background:#33291f;box-shadow:8px 9px 0 #392113}.prop-gravel .prop-art i{position:absolute;width:11px;height:8px;background:#96806b;border-radius:50%}.prop-gravel .prop-art i:nth-child(1){left:12%;top:30%}.prop-gravel .prop-art i:nth-child(2){left:36%;top:60%}.prop-gravel .prop-art i:nth-child(3){left:70%;top:20%}.prop-gravel .prop-art i:nth-child(4){left:76%;top:70%}.prop-gravel .prop-art i:nth-child(5){left:52%;top:36%}.prop-coconut .prop-art i{position:absolute;top:58px;width:82px;height:70px;background:radial-gradient(circle at 40% 35%,#d2a16a,#6c351d 64%);border-radius:50% 50% 42% 42%;border:5px dashed #3c1f12;box-shadow:5px 10px 12px #30170988}.prop-coconut .prop-art i:first-child{left:2%;transform:rotate(-20deg)}.prop-coconut .prop-art i:last-child{right:1%;top:100px;transform:rotate(22deg)}.prop-latch .prop-art i:first-child{position:absolute;top:65px;left:20%;width:62%;height:50px;background:linear-gradient(#a56d2d,#513619);border-radius:4px;box-shadow:5px 8px #3b2114}.prop-latch .prop-art i:last-child{position:absolute;top:78px;left:33%;width:70%;height:17px;background:#2e2117;border-radius:4px}.prop-rice .prop-art i:first-child{position:absolute;top:42px;left:14%;right:14%;height:125px;background:linear-gradient(120deg,#295662,#173139);border-radius:10px;box-shadow:8px 8px #183039}.prop-rice .prop-art i:nth-child(2){position:absolute;top:68px;left:25%;right:25%;height:2px;background:#8ab1aa}.prop-rice .prop-art i:nth-child(3){position:absolute;top:100px;left:27%;right:27%;height:22px;border:1px solid #9ec6bc;border-radius:50%}.prop-cellophane .prop-art i{position:absolute;inset:32px 10% 8px;background:linear-gradient(135deg,#b7493d88,#f0b0a044 30%,#8c272c99 54%,#efbeaa44);clip-path:polygon(9% 4%,75% 0,100% 22%,91% 95%,30% 83%,0 59%);filter:drop-shadow(7px 10px 4px #43231688)}.audio-note{text-align:center;color:#6f685e;font:8px var(--mono);letter-spacing:.12em;margin-top:18px}
.cue-section{background:#968d7a;padding:130px clamp(20px,7vw,115px);display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:46px;color:var(--ink);align-items:center}.cue-board{background:var(--paper);padding:37px 42px;box-shadow:12px 16px 0 #39352f,0 35px 80px #29262166;transform:rotate(-.5deg);position:relative;background-image:linear-gradient(#645a4c13 1px,transparent 1px);background-size:100% 27px}.cue-board:before{content:"";position:absolute;inset:-16px 14% auto;height:35px;background:#c7b885a3;transform:rotate(.7deg)}.cue-header{display:grid;grid-template-columns:1fr 1fr 1fr;border-bottom:3px solid var(--ink);padding-bottom:18px;font:9px/1.6 var(--mono)}.cue-header>div:nth-child(2){text-align:center}.cue-header>div:last-child{text-align:right}.cue-header b,.cue-header span{display:block}.cue-header b{font-family:var(--display);font-size:18px;letter-spacing:.03em}.your-name{text-decoration:underline}.cue-title-row{display:flex;justify-content:space-between;align-items:end;padding:25px 0 17px}.cue-title-row p{font:8px var(--mono);letter-spacing:.15em;margin:0}.cue-title-row h2{font-size:43px;line-height:1;margin:5px 0 0;letter-spacing:-.04em}.score-box{border:2px solid var(--ink);padding:10px 14px;text-align:center}.score-box small,.score-box strong{display:block}.score-box small{font:7px var(--mono)}.score-box strong{font:22px var(--mono);color:#8b2d23}.cue-table{border-top:2px solid var(--ink)}.cue-row{display:grid;grid-template-columns:75px 120px 1.7fr 1fr 52px;border-bottom:1px solid #4d483f;min-height:60px;font:9px/1.45 var(--mono);align-items:stretch}.cue-row>span{padding:12px 9px;border-right:1px solid #716a5f}.cue-row>span:first-child{font-weight:700}.cue-row>span:last-child{border-right:0;text-align:center;font-weight:700}.cue-row.hit{background:#5f8b6926}.cue-row.hit .cue-result{color:#32633e}.cue-labels{min-height:auto;background:var(--ink);color:var(--paper);font-size:7px}.cue-labels>span{padding:6px 9px}.cue-footer-note{font:9px/1.5 var(--mono);padding-top:20px}.cue-footer-note span{font-weight:700;margin-right:20px}.recordist-note{background:#25221e;color:#e4dcca;padding:35px 27px;transform:rotate(2.5deg);box-shadow:12px 15px 30px #37332e66}.recordist-note p{font-size:24px;line-height:1.15;letter-spacing:-.03em}.recordist-note b{font:8px var(--mono);color:#b8ac98}.tape-tab{display:inline-block;background:var(--amber);color:#17130f;padding:6px 10px;margin-top:-47px;font:8px var(--mono);transform:rotate(-2deg)}.level-bars{display:flex;align-items:end;gap:5px;height:54px;margin-top:30px}.level-bars i{width:5px;background:var(--amber);height:20%}.level-bars i:nth-child(2){height:60%}.level-bars i:nth-child(3){height:35%}.level-bars i:nth-child(4){height:80%;background:var(--red)}.level-bars i:nth-child(5){height:47%}.level-bars i:nth-child(6){height:90%;background:var(--red)}.level-bars i:nth-child(7){height:55%}.level-bars i:nth-child(8){height:28%}.level-bars i:nth-child(9){height:67%}
.essay-section{background:#23201d;min-height:900px;padding:150px clamp(24px,8vw,135px);display:grid;grid-template-columns:.8fr 1.2fr;gap:11vw;position:relative}.essay-section:after{content:"";position:absolute;left:43%;top:0;bottom:0;width:1px;background:#ffffff12}.essay-sticky{align-self:start;position:sticky;top:80px}.essay-sticky h2{font-size:clamp(55px,6.3vw,94px);font-weight:450;line-height:.9;letter-spacing:-.055em;margin:0}.essay-copy{max-width:670px}.essay-copy p{font-size:18px;line-height:1.8;color:#c9c1b4;margin:0 0 34px}.essay-copy .dropcap:first-letter{float:left;font-size:100px;line-height:.72;color:var(--amber);padding:14px 15px 4px 0;font-weight:600}.essay-copy blockquote{font-size:35px;line-height:1.2;letter-spacing:-.025em;margin:70px -40px 70px -75px;padding:0 0 0 30px;border-left:3px solid var(--red);color:var(--white)}.footprint-track{height:240px;position:relative;margin-top:60px;opacity:.28}.footprint-track i{position:absolute;width:20px;height:50px;border:2px solid var(--amber-pale);border-radius:60% 40% 40% 60%;transform:rotate(-20deg)}.footprint-track i:nth-child(1){top:0;left:5%}.footprint-track i:nth-child(2){top:55px;left:21%;transform:rotate(18deg)}.footprint-track i:nth-child(3){top:115px;left:10%}.footprint-track i:nth-child(4){top:170px;left:25%;transform:rotate(18deg)}
.props-section{padding:130px clamp(20px,6vw,105px);background:#332a23;color:#f0e7d9}.archive-heading{display:grid;grid-template-columns:.5fr 1.2fr .7fr;gap:45px;align-items:end;margin-bottom:70px}.archive-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #8c796734;border-left:1px solid #8c796734}.archive-card{min-height:560px;display:grid;grid-template-columns:1fr 1.15fr;border-right:1px solid #8c796734;border-bottom:1px solid #8c796734;overflow:hidden}.archive-art{position:relative;display:grid;place-items:center;background:#2b241e;min-height:300px}.archive-art>i{position:absolute;left:17px;top:15px;font:10px var(--mono);color:#978979}.archive-copy{padding:55px 37px;display:flex;flex-direction:column;justify-content:center}.archive-copy small{font:8px var(--mono);color:var(--amber);letter-spacing:.12em}.archive-copy h3{font-size:42px;line-height:.95;font-weight:400;margin:24px 0;letter-spacing:-.04em}.archive-copy p{font-size:14px;line-height:1.65;color:#bbb0a1}.credit{font:7px var(--mono);color:#807567;margin-top:25px}.coco-half{width:125px;height:103px;background:radial-gradient(circle,#d8a673 0 40%,#75401f 42% 62%,#3a2113 64%);border-radius:50%;transform:rotate(-25deg);box-shadow:15px 22px 30px #0008}.coco-half.second{position:absolute;transform:translate(43px,55px) rotate(27deg);width:105px;height:90px}.mini-latch{width:150px;height:58px;background:linear-gradient(#ae793d,#5e3e20);border:4px solid #2b1b10;box-shadow:12px 15px #16100d;position:relative}.mini-latch:after{content:"";position:absolute;width:110px;height:16px;background:#332619;top:17px;left:50px;border-radius:5px}.tin-rain{width:150px;height:200px;border-radius:13px;background:linear-gradient(120deg,#376b72,#19363a 60%);box-shadow:14px 19px #172a2d;position:relative}.tin-rain:after{content:"HARD RAIN";position:absolute;inset:35% 10%;border:2px solid #a8c8be;color:#b9d4cd;font:10px var(--mono);display:grid;place-items:center;transform:rotate(-4deg)}.cello-sheet{width:170px;height:220px;background:linear-gradient(135deg,#a32e3e99,#ec9b8d33,#d9505f99);clip-path:polygon(15% 0,100% 9%,82% 94%,27% 79%,0 32%);filter:drop-shadow(12px 15px 7px #0006)}
.closing-section{min-height:820px;padding:150px 25px;text-align:center;background:radial-gradient(circle at 50% 33%,#5e3829,#211d1a 32%,#171513 65%);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.closing-light{width:105px;height:105px;background:#12100f;border:10px solid #3a332d;border-radius:50%;box-shadow:0 15px 40px #000;margin-bottom:48px;display:grid;place-items:center}.closing-light span{width:50px;height:50px;background:var(--red);border-radius:50%;box-shadow:0 0 38px var(--red),inset 0 0 9px #ffd4c2}.closing-section h2{font-size:clamp(58px,7.2vw,105px);line-height:.88;letter-spacing:-.06em;font-weight:450;margin:0}.closing-section>p:not(.kicker){color:#a69d90;max-width:530px;font-size:17px;line-height:1.6;margin:35px auto}.again-link{text-decoration:none;font:10px var(--mono);letter-spacing:.15em;border:1px solid #7b6f62;padding:17px 22px;transition:background .2s,color .2s}.again-link:hover{background:var(--amber);color:#171513}.again-link span{margin-left:30px}.end-code{position:absolute;bottom:25px;font:7px var(--mono);letter-spacing:.3em;color:#625b54}
.site-footer{min-height:105px;display:flex;justify-content:space-between;align-items:center;padding:25px clamp(20px,5vw,80px);background:#0e0d0c;color:#8f887f;font:9px var(--mono);letter-spacing:.06em}.site-footer nav{display:flex;gap:28px}.site-footer a{text-decoration:none;padding:12px 0}.site-footer a:hover{color:var(--amber)}.toast{position:fixed;z-index:80;right:22px;bottom:22px;padding:12px 16px;background:var(--green);color:#111;font:10px var(--mono);transform:translateY(80px);opacity:0;transition:.3s}.toast.show{transform:none;opacity:1}
@media(max-width:980px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.hero{grid-template-columns:1fr .75fr;padding-left:45px;padding-right:35px}.hero h1{font-size:9vw}.hero-machine{width:38vw;padding:34px 23px}.vu-meter{height:130px}.performance-bench{grid-template-columns:220px 1fr}.prop-table{grid-template-columns:repeat(3,1fr)}.prop{min-height:255px}.prop:nth-child(4),.prop:nth-child(5){grid-column:span 1}.cue-section{grid-template-columns:1fr}.recordist-note{justify-self:end;max-width:350px;margin-top:-15px}.archive-card{grid-template-columns:1fr;min-height:0}.archive-art{min-height:340px}.cue-row{grid-template-columns:60px 105px 1.7fr .8fr 45px}.essay-section{gap:8vw}.essay-copy blockquote{margin-left:-35px}.archive-copy{min-height:330px}}
@media(max-width:640px){.site-header{height:74px;padding:0 16px}.brand-mark{width:28px;height:28px}.header-status{font-size:8px}.hero{height:auto;max-height:none;min-height:900px;display:block;padding:140px 20px 70px;background:radial-gradient(circle at 60% 75%,#5a4532 0,#2d2925 25%,transparent 48%),linear-gradient(#191715 0 58%,#28231f 58%)}.hero h1{font-size:clamp(64px,20vw,82px);line-height:.82}.lede{font-size:16px;margin:30px 0}.hero-machine{width:88%;max-width:370px;margin:72px auto 0;height:390px;padding:30px 22px;transform:rotate(1deg)}.vu-meter{height:125px;border-width:7px}.cable{display:none}.section-heading{grid-template-columns:1fr;gap:22px;margin-bottom:38px}.section-heading h2{font-size:58px}.perform-section{padding:85px 10px 90px}.stage-shell{padding:6px}.stage-topline{grid-template-columns:1fr auto;height:54px;padding:0 7px}.stage-topline>span:first-child{display:none}.timecode{font-size:12px}.scene{min-height:360px;height:78vw}.figure{transform:scale(.75);transform-origin:bottom}.count-in{font-size:110px}.timeline-wrap{padding:22px 5px 8px}.cue-marker span{display:none}.performance-bench{display:block;margin-top:22px}.bench-intro{padding:25px}.bench-intro h3 br{display:none}.prop-table{grid-template-columns:1fr 1fr}.prop{min-height:245px}.prop:last-child{grid-column:1/-1}.prop-art{height:165px}.prop-gravel .prop-art{height:105px}.prop-coconut .prop-art i{width:70px;height:60px}.prop b{font-size:12px}.audio-note{padding:0 20px}.cue-section{padding:95px 13px;gap:25px}.cue-board{padding:28px 17px 22px;transform:none}.cue-header{grid-template-columns:1fr 1fr}.cue-header>div:nth-child(2){display:none}.cue-header b{font-size:14px}.cue-title-row h2{font-size:30px}.score-box{padding:7px}.cue-row{grid-template-columns:44px 1fr 36px;font-size:7px;min-height:62px}.cue-row>span:nth-child(2),.cue-row>span:nth-child(4){display:none}.cue-row>span{padding:10px 6px}.cue-labels{min-height:auto}.recordist-note{margin:0 8px 0 45px}.essay-section{padding:95px 20px;display:block;min-height:0}.essay-section:after{display:none}.essay-sticky{position:relative;top:auto}.essay-sticky h2{font-size:60px}.footprint-track{display:none}.essay-copy{margin-top:60px}.essay-copy p{font-size:16px}.essay-copy blockquote{font-size:29px;margin:55px 0;padding-left:20px}.props-section{padding:95px 13px}.archive-heading{display:block}.archive-heading h2{font-size:60px;margin:22px 0 30px}.archive-grid{grid-template-columns:1fr}.archive-card{grid-template-columns:1fr}.archive-art{min-height:310px}.archive-copy{padding:42px 25px}.archive-copy h3{font-size:40px}.closing-section{min-height:720px;padding:100px 18px}.closing-section h2{font-size:59px}.site-footer{display:block;text-align:center;padding:32px 18px}.site-footer nav{flex-direction:column;gap:0;margin-top:18px}.site-footer a{min-height:44px;display:grid;place-items:center}.toast{left:15px;right:15px;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.load-reveal{animation:none}.scene.playing .figure,.scene.playing .leg-a,.scene.playing .leg-b,.scene.playing .door,.scene.playing .glass{animation:none}.needle,.toast,.prop,.site-header nav a:after{transition:none}}

/* Pass 1 refinements */
@keyframes loadInPass1{from{opacity:0;transform:translateY(24px)}}
.load-reveal{animation-name:loadInPass1}
.figure{--figure-scale:1}
.scene.playing .figure{animation:walkScenePass1 20s linear infinite paused;animation-delay:var(--scene-delay,0s)}
.scene.playing .leg-a,.scene.playing .leg-b,.scene.playing .door,.scene.playing .glass{animation-play-state:paused;animation-delay:var(--scene-delay,0s)}
@keyframes walkScenePass1{0%{transform:translateX(-160px) scale(var(--figure-scale));opacity:0}6%{opacity:1}38%{transform:translateX(44vw) scale(var(--figure-scale))}55%{transform:translateX(47vw) scale(var(--figure-scale))}72%{transform:translateX(53vw) scale(var(--figure-scale));opacity:1}80%,100%{transform:translateX(53vw) scale(var(--figure-scale));opacity:0}}
.audio-note{color:#aaa195}.credit{color:#b4aa9b}
.essay-copy blockquote{margin-left:-35px;margin-right:0}
.closing-section{overflow:hidden}.closing-section:before,.closing-section:after{content:"";position:absolute;width:420px;height:420px;border:9px solid #090807;border-radius:50%;opacity:.72}.closing-section:before{left:-260px;bottom:-190px}.closing-section:after{right:-285px;top:-180px}.closing-section>*{position:relative;z-index:1}
.closing-section .end-code{position:absolute}
@media(min-width:641px) and (max-width:980px){.hero{height:860px;min-height:860px;max-height:860px;padding-top:130px}.hero-machine,.hero-copy{align-self:center}.essay-copy blockquote{margin-left:0}}
@media(max-width:640px){.hero{padding-top:130px}.hero h1{font-size:clamp(61px,18.8vw,77px);line-height:.84}.hero-machine{margin-top:62px}.figure{--figure-scale:.75;transform:none}}

/* Pass 2 — the stage becomes an instrument */
html{color-scheme:dark}
button,a{touch-action:manipulation;-webkit-tap-highlight-color:#e7a12b35}
h1,h2,h3{text-wrap:balance}
section[id],h2[id]{scroll-margin-top:24px}
.hero-call{display:flex;gap:9px;margin:25px 0 0;font:8px var(--mono);letter-spacing:.12em;color:#a79e91}
.hero-call span{border:1px solid #ffffff1c;padding:7px 9px;background:#15131199}
.hero-machine .vu-meter{background:radial-gradient(circle at 50% 120%,#f4ca6f,#d0a65c 47%,#9c7138 100%)}
.hero-machine .vu-meter:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,#fff4 0 5%,transparent 23% 100%);pointer-events:none}
.hero-machine.load-reveal .vu-meter{animation:meterWake 1.1s .62s both cubic-bezier(.16,1,.3,1)}
.hero-machine.load-reveal .knob-row i{animation:knobWake .6s both cubic-bezier(.2,.8,.2,1)}
.hero-machine.load-reveal .knob-row i:nth-child(1){animation-delay:.72s}.hero-machine.load-reveal .knob-row i:nth-child(2){animation-delay:.8s}.hero-machine.load-reveal .knob-row i:nth-child(3){animation-delay:.88s}.hero-machine.load-reveal .knob-row i:nth-child(4){animation-delay:.96s}
@keyframes meterWake{from{filter:brightness(.25);box-shadow:inset 0 0 50px #291b10}55%{filter:brightness(1.18)}to{filter:brightness(1)}}
@keyframes knobWake{from{opacity:0;transform:translateY(8px) rotate(-25deg)}}
.perform-section{background:radial-gradient(circle at 8% 42%,#71451f22 0,transparent 29%),linear-gradient(180deg,#151412,#0f0e0d 62%,#171411)}
.stage-shell{border-color:#796650;box-shadow:0 50px 120px #000,0 0 0 1px #070706}
.scene{background:linear-gradient(180deg,#15262b 0,#20353a 54%,#101616 72%,#090b0b 100%)}
.scene:before{content:"";position:absolute;z-index:2;left:-5%;right:-5%;bottom:-14%;height:42%;background:linear-gradient(174deg,transparent 0 20%,#0b1111 21%),repeating-linear-gradient(92deg,transparent 0 90px,#91b5b210 91px 92px);transform:perspective(420px) rotateX(62deg);transform-origin:bottom}
.scene-glow{width:78%;background:radial-gradient(circle at 63% 36%,#e0a05138 0,transparent 38%),linear-gradient(90deg,transparent,#6aa0a311 55%,transparent)}
.city{filter:drop-shadow(0 -1px #7ea1a20d)}
.cue-hud{position:absolute;z-index:10;right:18px;top:18px;width:170px;display:grid;grid-template-columns:1fr auto;gap:3px 12px;padding:12px 14px;border:1px solid #ffffff2b;background:#0b0d0dd9;box-shadow:8px 10px 0 #0006;font-family:var(--mono)}
.cue-hud small{grid-column:1/-1;font-size:7px;letter-spacing:.18em;color:#a89f91}.cue-hud strong{font-size:10px;letter-spacing:.08em;color:var(--amber-pale)}.cue-hud span{font-size:10px;color:var(--red);font-variant-numeric:tabular-nums}
.cue-window{position:absolute;z-index:1;left:var(--from);top:-1px;width:var(--width);height:64px;background:linear-gradient(180deg,#e7a12b2b,transparent);border-left:1px solid #e7a12b66;border-right:1px solid #e7a12b35;pointer-events:none}
.footsteps-window{background:repeating-linear-gradient(90deg,#e7a12b24 0 calc(16.66% - 2px),transparent calc(16.66% - 2px) 16.66%)}
.footstep-trainer{max-width:1320px;margin:26px auto 0;display:grid;grid-template-columns:310px 1fr;background:#211d19;border:1px solid #5e5042;box-shadow:0 22px 60px #0008;position:relative;overflow:hidden}
.footstep-trainer:after{content:"F4-17";position:absolute;right:-4px;top:-25px;font:130px var(--mono);font-weight:700;color:#ffffff05;pointer-events:none}
.trainer-copy{padding:24px 28px;border-right:1px solid #5e5042;background:linear-gradient(125deg,#2d2721,#171513)}
.trainer-copy .bench-label{margin:0 0 12px}.trainer-copy h3{font-size:36px;line-height:.9;margin:0 0 14px;font-weight:480;letter-spacing:-.04em}.trainer-copy p:last-child{font-size:12px;line-height:1.5;color:#bfb5a7;margin:0}.trainer-copy b{font-family:var(--mono);color:var(--amber-pale)}
.step-rig{padding:22px 25px;position:relative;z-index:1}.step-lamps{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.step-lamps i{font-style:normal;min-width:0;height:72px;display:grid;place-items:center;border:1px solid #6c5d4c;background:#12110f;box-shadow:inset 0 -12px 20px #0007;transition:transform .18s,background-color .18s,border-color .18s}
.step-lamps i span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#5a4022;color:#d7c7ad;font:8px var(--mono);box-shadow:inset 0 0 0 5px #17130f,0 0 0 1px #9c6d30}
.step-lamps i b{font:7px var(--mono);color:#8f8678;font-variant-numeric:tabular-nums}.step-lamps i.armed{border-color:var(--amber);background:#e7a12b13;transform:translateY(-3px)}.step-lamps i.armed span{background:var(--amber);color:#1b1309;box-shadow:0 0 18px #e7a12b}.step-lamps i.hit{border-color:var(--green);background:#6ca87a15}.step-lamps i.hit span{background:var(--green);color:#0b160e;box-shadow:0 0 18px #6ca87a}.step-lamps i.miss span{background:var(--red);color:#fff;box-shadow:0 0 14px #d94a37}
.step-readout{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding-top:11px;border-top:1px solid #ffffff14;font:8px var(--mono);letter-spacing:.1em;color:#b6ad9f}.step-readout strong{font-size:15px;color:var(--amber-pale);font-variant-numeric:tabular-nums}
.performance-bench{margin-top:18px}
.prop small,.bench-label,.audio-note{font-size:9px}.prop b{font-size:14px}.mix-switch button,.clear-take{min-height:44px;font-size:9px}.prop:focus-visible{outline-offset:-5px}
.cue-board{background-color:#ddd4bf;box-shadow:15px 18px 0 #2a2722,0 35px 90px #28241e88}.score-box strong,.timecode{font-variant-numeric:tabular-nums}
.essay-section{background:radial-gradient(circle at 18% 45%,#5f44211c,transparent 31%),#201e1b}.essay-copy blockquote{padding:32px 35px;border-left:4px solid var(--red);background:linear-gradient(90deg,#d94a3712,transparent);box-shadow:inset 0 1px #ffffff0a,inset 0 -1px #0008}
.archive-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:28px;border:0;align-items:start}
.archive-card{border:1px solid #8c796744;background:#2a231d;box-shadow:0 24px 55px #15100c66;min-height:500px;transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .25s}
.archive-card:hover{transform:translateY(-8px) rotate(-.35deg);border-color:#d4a45b88}
.archive-card:nth-child(1){grid-column:1/span 7}.archive-card:nth-child(2){grid-column:8/span 5;margin-top:90px;grid-template-columns:1fr}.archive-card:nth-child(3){grid-column:1/span 5;margin-top:-45px;grid-template-columns:1fr}.archive-card:nth-child(4){grid-column:6/span 7;margin-top:45px}
.archive-card:nth-child(2) .archive-art,.archive-card:nth-child(3) .archive-art{min-height:280px}.archive-card:nth-child(2) .archive-copy,.archive-card:nth-child(3) .archive-copy{min-height:320px}.archive-art{background:radial-gradient(circle at 45% 45%,#3b3027,#211b17 68%)}
.closing-section{min-height:780px;padding:110px clamp(35px,9vw,145px);display:grid;grid-template-columns:minmax(260px,.7fr) minmax(480px,1.3fr);gap:7vw;text-align:left;align-items:center;justify-items:stretch;background:radial-gradient(circle at 25% 48%,#6a3228 0,#2b211d 15%,#171513 42%),linear-gradient(120deg,#171513,#211b18)}
.closing-light{width:clamp(180px,19vw,280px);height:clamp(180px,19vw,280px);margin:0;justify-self:center;border-width:22px;box-shadow:0 34px 60px #000,0 0 0 2px #5f554c}
.closing-light span{width:46%;height:46%;box-shadow:0 0 80px var(--red),0 0 170px #d94a3755,inset 0 0 15px #ffd4c2}
.closing-copy{max-width:830px}.closing-copy .kicker{margin-bottom:25px}.closing-section h2{font-size:clamp(68px,7vw,108px)}.closing-copy>p:not(.kicker){color:#b8afa2;max-width:560px;font-size:17px;line-height:1.65;margin:35px 0}.again-link{display:inline-flex;align-items:center;min-height:48px}.end-code{left:50%;transform:translateX(-50%);white-space:nowrap}
.reveal-item{opacity:1;transform:translateY(34px);transition:transform .7s cubic-bezier(.16,1,.3,1)}.reveal-item.in-view{transform:none}.archive-card.reveal-item:nth-child(even){transform:translateY(46px) rotate(.7deg)}.archive-card.reveal-item.in-view:nth-child(even){transform:translateY(0) rotate(0)}

@media(min-width:641px) and (max-width:980px){
  .hero{height:780px;min-height:780px;max-height:780px;padding-top:96px}
  .hero-copy,.hero-machine{transform:translateY(16px)}
  .footstep-trainer{grid-template-columns:245px 1fr}.trainer-copy{padding:22px}.step-rig{padding:20px 16px}.step-lamps{gap:6px}
  .archive-grid{gap:18px}.archive-card:nth-child(n){grid-column:span 6;margin-top:0;grid-template-columns:1fr}.archive-card:nth-child(even){transform:translateY(60px)}
  .closing-section{grid-template-columns:260px 1fr;padding-left:50px;padding-right:50px;gap:35px}.closing-section h2{font-size:65px}
}

@media(max-width:640px){
  .site-header{grid-template-columns:1fr auto}.site-header nav{display:flex}.site-header nav a{display:none}.site-header nav a:first-child{display:grid;place-items:center;min-width:70px;min-height:44px;border:1px solid #ffffff24;color:var(--amber);font-size:8px;padding:0}.header-status{display:none}
  .hero{min-height:820px;padding:112px 20px 35px;background:radial-gradient(circle at 55% 78%,#5a4532 0,#2d2925 23%,transparent 43%),linear-gradient(#171513 0 56%,#29231e 56%)}
  .hero .kicker{font-size:9px;margin-bottom:21px}.hero h1{font-size:clamp(60px,18vw,70px);line-height:.82}.lede{font-size:15px;line-height:1.5;margin:25px 0 23px}.hero-call{margin-top:18px}.hero-machine{height:300px;width:91%;margin-top:34px;padding:25px 18px}.hero-machine .meter-deck{margin-top:28px}.hero-machine .vu-meter{height:100px}.hero-machine .needle{height:75px}.console-notes{margin-top:18px}.knob-row i{width:21px;height:21px}.scribble{font-size:11px}.tape-strip{top:15px;left:20px;font-size:7px}
  .perform-section{padding-top:72px}.section-heading h2{font-size:54px}.section-heading>p{font-size:14px}
  .scene{min-height:330px;height:82vw}.scene-play{top:12px;left:12px}.cue-hud{top:12px;right:12px;width:130px;padding:9px 10px}.cue-hud strong,.cue-hud span{font-size:8px}.scene-caption{font-size:6px;inset:auto 10px 10px}
  .timeline-wrap{padding-left:8px;padding-right:8px}.cue-marker{min-width:44px;min-height:44px;top:17px}.cue-marker i{margin-top:10px}.cue-window{height:62px}
  .footstep-trainer{display:block;margin:16px 0 0}.trainer-copy{border-right:0;border-bottom:1px solid #5e5042;padding:21px}.trainer-copy h3{font-size:34px}.step-rig{padding:18px 10px}.step-lamps{gap:4px}.step-lamps i{height:64px}.step-lamps i span{width:21px;height:21px}.step-lamps i b{font-size:6px}.step-readout{font-size:7px}
  .performance-bench{margin-top:12px}.prop{min-height:225px;padding-bottom:16px}.prop-art{height:145px}.prop-gravel .prop-art{margin-top:49px;height:92px}.prop-coconut .prop-art i{top:48px}.prop-coconut .prop-art i:last-child{top:84px}.prop-latch .prop-art i:first-child{top:54px}.prop-latch .prop-art i:last-child{top:67px}.prop-rice .prop-art i:first-child{top:31px;height:112px}.prop b{font-size:13px}.prop small{font-size:8px;line-height:1.4}.bench-label,.audio-note{font-size:8px}
  .cue-section{background:#8d8472}.cue-title-row{align-items:center}.cue-title-row h2{font-size:28px}.cue-row{grid-template-columns:41px 65px 1fr 36px;font-size:6.5px}.cue-row>span:nth-child(2){display:block}.cue-row>span:nth-child(4){display:none}.cue-row>span{padding:9px 4px}.cue-header{font-size:7px}.cue-footer-note{font-size:8px}.recordist-note p{font-size:22px}
  .essay-section{padding-top:82px}.essay-sticky h2{font-size:56px}.essay-copy{margin-top:48px}.essay-copy .dropcap:first-letter{font-size:76px}.essay-copy blockquote{font-size:28px;margin:45px -8px;padding:26px 21px}
  .props-section{padding-top:82px}.archive-heading h2{font-size:56px}.archive-grid{display:block}.archive-card:nth-child(n){margin:0 0 22px;display:grid;grid-template-columns:1fr;min-height:0}.archive-card:nth-child(even) .archive-art{order:2}.archive-art{min-height:250px}.archive-card:nth-child(n) .archive-copy{min-height:0;padding:36px 24px}.archive-copy p{font-size:15px}.archive-copy small,.credit{font-size:8px}
  .closing-section{min-height:700px;padding:90px 20px 80px;display:flex;text-align:center}.closing-light{width:130px;height:130px;border-width:14px;margin-bottom:38px}.closing-copy>p:not(.kicker){font-size:16px;margin:28px auto}.closing-section h2{font-size:55px}.again-link{justify-content:center}.end-code{font-size:6px;bottom:22px}
}

@media(prefers-reduced-motion:reduce){.hero-machine.load-reveal .vu-meter,.hero-machine.load-reveal .knob-row i{animation:none}.reveal-item,.archive-card.reveal-item:nth-child(even){opacity:1;transform:none;transition:none}.step-lamps i{transition:none}}

/* Pass 3 — punch-in ritual and final material polish */
::selection{background:var(--amber);color:#15100b;text-shadow:none}
.skip-link{left:-10000px;transform:none}.skip-link:focus{left:8px;transform:none}
html{scrollbar-color:var(--amber) #151311;scrollbar-width:thin}
::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#151311}::-webkit-scrollbar-thumb{background:linear-gradient(var(--amber),#8b5a2b);border:2px solid #151311}::-webkit-scrollbar-thumb:hover{background:var(--amber-pale)}
body{font-optical-sizing:auto;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
p{font-optical-sizing:auto;text-wrap:pretty}
.timecode,.hero-call,.cue-row,.step-readout,.take-slip,.guide-stats,.end-code{font-variant-numeric:tabular-nums slashed-zero}
.kicker,.bench-label,.brand small,.site-footer{font-variant-caps:all-small-caps}
.site-header,.guide-header{animation:headerWake .72s both cubic-bezier(.16,1,.3,1)}
.site-header .brand,.guide-header .brand{animation:controlWake .65s .12s both cubic-bezier(.16,1,.3,1)}
.site-header nav,.site-header .header-status,.guide-header .return-link{animation:controlWake .65s .24s both cubic-bezier(.16,1,.3,1)}
@keyframes headerWake{from{opacity:0;border-color:transparent}to{opacity:1}}
@keyframes controlWake{from{opacity:0;transform:translateY(-8px)}}
.brand-mark i{transform-origin:bottom;transition:transform .3s cubic-bezier(.16,1,.3,1),filter .2s}.brand:hover .brand-mark i:first-child{transform:scaleY(1.8);filter:brightness(1.25)}.brand:hover .brand-mark i:last-child{transform:scaleY(.58)}
.scene-play,.cue-marker,.mix-switch button,.clear-take,.rehearsal-switch,.again-link,.site-footer a,.return-link{transition-timing-function:cubic-bezier(.16,1,.3,1)}
.scene-play:hover{border-color:var(--amber);box-shadow:0 0 0 5px #e7a12b13,0 8px 25px #0009}.scene-play:active{transform:scale(.93)}
.cue-marker:hover i{background:var(--amber);border-color:var(--amber);box-shadow:0 0 13px #e7a12b99}.cue-marker:focus-visible i{background:var(--amber)}
.mix-switch button:hover:not(.active){background:#ffffff0a;color:var(--amber-pale)}.clear-take:hover{color:var(--red);border-color:var(--red);padding-left:7px}
.site-footer a,.return-link{position:relative}.site-footer a:after,.return-link:after{content:"";position:absolute;left:0;right:100%;bottom:6px;height:1px;background:var(--amber);transition:right .28s cubic-bezier(.16,1,.3,1)}.site-footer a:hover:after,.site-footer a:focus-visible:after,.return-link:hover:after,.return-link:focus-visible:after{right:0}
.rehearsal-switch{width:100%;min-height:52px;margin-top:18px;padding:8px 9px;display:grid;grid-template-columns:16px 1fr auto;gap:10px;align-items:center;text-align:left;border:1px solid #665846;background:#0f0e0d;color:#d6cdbf;cursor:pointer;box-shadow:inset 0 -8px 16px #0008;transition:background .28s,border-color .28s,transform .2s,box-shadow .28s}
.rehearsal-switch>i{width:10px;height:10px;border-radius:50%;background:#682d25;box-shadow:inset 0 0 0 2px #160d0b}
.rehearsal-switch span b,.rehearsal-switch span small{display:block}.rehearsal-switch span b{font:9px var(--mono);letter-spacing:.13em}.rehearsal-switch span small{margin-top:3px;font:7px var(--mono);color:#8f867a;letter-spacing:.08em}.rehearsal-switch kbd{min-width:26px;height:26px;display:grid;place-items:center;border:1px solid #665846;background:#211d19;font:9px var(--mono);box-shadow:0 3px #090807}
.rehearsal-switch:hover{border-color:var(--amber);background:#1b1712;transform:translateY(-2px)}.rehearsal-switch:active{transform:translateY(1px)}.rehearsal-switch.active{border-color:var(--red);background:#d94a370d;box-shadow:inset 4px 0 var(--red),inset 0 -8px 16px #0008}.rehearsal-switch.active>i{background:var(--red);box-shadow:0 0 14px var(--red)}.rehearsal-switch.active span b{color:#f0c2b7}.rehearsal-switch.active kbd{border-color:#9a4436;color:#f0c2b7}
.take-slip{max-height:0;opacity:0;overflow:hidden;margin-top:0;padding:0 18px;background:#d9d0bc;color:#29251f;border:0 solid #8a7e68;box-shadow:0 0 #080706;transform:translateY(-12px);transition:max-height .68s cubic-bezier(.16,1,.3,1),opacity .28s,transform .68s cubic-bezier(.16,1,.3,1),margin .68s,padding .68s,border-width .1s,box-shadow .68s}
.take-slip.printed{max-height:170px;opacity:1;margin-top:16px;padding:13px 18px 12px;border-width:1px;box-shadow:7px 8px 0 #080706;transform:none}
.slip-head{display:flex;justify-content:space-between;gap:14px;padding-bottom:8px;border-bottom:2px solid #29251f;font:7px var(--mono);letter-spacing:.09em}.slip-head b{color:#8f2e25}
.print-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;padding:10px 0 8px}.print-steps span{display:grid;grid-template-columns:14px 1fr;align-items:center;gap:4px;min-width:0}.print-steps i{display:block;width:9px;height:17px;border:1px solid #40382f;border-radius:60% 44% 56% 40%;background:#48403526;transform:rotate(-13deg)}.print-steps span:nth-child(even) i{transform:rotate(13deg)}.print-steps b{font:6.5px var(--mono);white-space:nowrap}.take-slip>small{display:block;font:6.5px var(--mono);letter-spacing:.12em;color:#6c5b48}
.sync-flash{position:absolute;z-index:13;left:50%;top:50%;width:min(330px,72%);padding:20px 22px;border:1px solid #8dc49b;background:#0c120fee;box-shadow:12px 15px 0 #0008,0 0 70px #6ca87a25;color:#dce9dc;display:grid;grid-template-columns:auto 1fr;gap:4px 14px;pointer-events:none;opacity:0;transform:translate(-50%,-43%) scale(.96)}
.sync-flash span{grid-row:1/3;align-self:stretch;display:grid;place-items:center;padding-right:14px;border-right:1px solid #6ca87a66;font:10px var(--mono);color:var(--green);writing-mode:vertical-rl}.sync-flash strong{font-size:25px;line-height:1;letter-spacing:-.035em}.sync-flash small{font:7px var(--mono);letter-spacing:.13em;color:#91a697}
.scene.walk-locked .sync-flash{animation:syncPrint 1.85s both cubic-bezier(.16,1,.3,1)}
@keyframes syncPrint{0%{opacity:0;transform:translate(-50%,-36%) scale(.95)}12%,72%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-55%) scale(1)}}

@media(max-width:980px){.take-slip.printed{max-height:190px}.print-steps{gap:4px}.print-steps span{grid-template-columns:1fr;justify-items:center}.print-steps b{font-size:6px}}
@media(max-width:640px){::-webkit-scrollbar{width:6px}.rehearsal-switch{max-width:300px}.take-slip.printed{padding:12px 10px;max-height:180px}.slip-head{font-size:6px}.print-steps{gap:2px}.print-steps i{width:8px;height:15px}.print-steps b{font-size:5.5px}.take-slip>small{font-size:5.5px}.sync-flash strong{font-size:19px}.sync-flash{padding:16px}.site-header .brand,.guide-header .brand{animation-delay:.06s}}
@media(prefers-reduced-motion:reduce){.site-header,.guide-header,.site-header .brand,.guide-header .brand,.site-header nav,.site-header .header-status,.guide-header .return-link{animation:none}.brand-mark i,.rehearsal-switch,.take-slip,.scene-play,.clear-take{transition:none}.scene.walk-locked .sync-flash{animation:none;opacity:0}}