@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Instrument+Serif:ital@0;1&family=Manrope:wght@400;500;600;700&display=swap";:root{--ink: #211a16;--cream: #e9e0d0;--paper: #f5efe4;--rust: #a4422b;--rust-dark: #75301f;--wood: #5a2f20;--wood-dark: #2a1812;--olive: #69705a;--line: rgba(48, 34, 25, .2);--mono: "DM Mono", monospace;--sans: "Manrope", sans-serif;--serif: "Instrument Serif", Georgia, serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:#1f1b18;color:var(--ink);font-family:var(--sans);overflow-x:hidden}button,a{color:inherit}button{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid #f2a15b;outline-offset:4px}.grain{position:fixed;top:-80%;right:-80%;bottom:-80%;left:-80%;z-index:40;opacity:.045;pointer-events:none;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='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");animation:grain .2s steps(2) infinite}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(3%,-2%)}50%{transform:translate(-2%,3%)}75%{transform:translate(2%,2%)}}.listening-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;overflow:hidden;color:#f1d8b5;background:#17040a}.listening-gate[hidden]{display:none}.gate-curtain{position:absolute;top:0;bottom:0;width:52%;background:linear-gradient(90deg,rgba(0,0,0,.34),transparent 14%,rgba(255,151,122,.07) 29%,rgba(0,0,0,.28) 45%,rgba(255,151,122,.06) 62%,rgba(0,0,0,.36) 82%,transparent),repeating-linear-gradient(90deg,#340713 0,#340713 7%,#560f21 12%,#26050d 18%);box-shadow:inset 0 0 90px #000000b3;transition:transform .8s cubic-bezier(.76,0,.24,1)}.gate-curtain:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.28;background:linear-gradient(180deg,rgba(255,255,255,.13),transparent 16%,rgba(0,0,0,.42))}.gate-curtain-left{left:0;border-right:1px solid rgba(224,173,99,.22)}.gate-curtain-right{right:0;transform:scaleX(-1);border-right:1px solid rgba(224,173,99,.22)}.gate-content{position:relative;z-index:2;width:min(540px,calc(100vw - 44px));padding:46px 42px 40px;text-align:center;background:#160309d1;border:1px solid rgba(216,164,91,.35);box-shadow:0 28px 90px #0000008c,inset 0 0 50px #6b132b33;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:opacity .35s ease,transform .5s ease}.gate-kicker{margin:0 0 25px;color:#c99b60;font:400 8px/1 var(--mono);letter-spacing:.19em}.gate-record{position:relative;width:78px;height:78px;margin:0 auto 24px;border-radius:50%;background:repeating-radial-gradient(circle,#15100f 0,#15100f 4px,#32201c,#32201c 6px);box-shadow:0 12px 28px #0000007a,inset 0 0 0 1px #e6b7702e;animation:gateRecordSpin 5.4s linear infinite}.gate-record:before{content:"";position:absolute;top:26px;right:26px;bottom:26px;left:26px;border-radius:50%;background:#9e2945;box-shadow:inset 0 0 0 1px #ffe2af47}.gate-record i{position:absolute;z-index:1;top:36px;right:36px;bottom:36px;left:36px;border-radius:50%;background:#e2b36e}@keyframes gateRecordSpin{to{transform:rotate(360deg)}}.gate-content h1{margin:0;font:400 clamp(42px,6vw,68px)/.9 var(--serif);letter-spacing:-.035em}.gate-copy{margin:15px 0 27px;color:#f1d8b5a6;font-size:12px}.gate-enter{width:min(100%,310px);min-height:51px;padding:0 18px;border:1px solid #d1a25f;background:#a3374e;color:#fff0d8;display:inline-flex;align-items:center;justify-content:space-between;cursor:pointer;font:500 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;box-shadow:0 12px 35px #00000059;transition:background .2s ease,transform .2s ease}.gate-enter:hover{background:#be4860;transform:translateY(-2px)}.gate-enter:disabled{opacity:.7;cursor:wait}.gate-quiet{display:block;margin:17px auto 0;padding:3px;border:0;border-bottom:1px solid rgba(241,216,181,.35);background:transparent;color:#f1d8b599;cursor:pointer;font:400 8px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase}.gate-status{min-height:12px;margin:14px 0 -12px;color:#d6aa6e;font:400 8px/1.4 var(--mono)}.listening-gate.leaving{pointer-events:none;background:transparent;transition:background .5s ease .15s}.listening-gate.leaving .gate-curtain-left{transform:translate(-102%)}.listening-gate.leaving .gate-curtain-right{transform:translate(102%) scaleX(-1)}.listening-gate.leaving .gate-content{opacity:0;transform:scale(.96)}.topbar{position:fixed;top:0;left:0;right:0;z-index:30;min-height:76px;padding:0 34px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#1e1915e3;color:var(--cream);border-bottom:1px solid rgba(255,255,255,.09);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.header-title{grid-column:2;justify-self:center;color:inherit;text-decoration:none;white-space:nowrap;font:400 27px/1 var(--serif);letter-spacing:.01em}.header-links{grid-column:3;justify-self:end;display:flex;align-items:center;gap:20px}.header-links a{color:#ffffffa8;text-decoration:none;white-space:nowrap;font:400 8px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;transition:color .2s ease}.header-links a:hover{color:#fff}.header-links span{margin-left:3px;color:#d1a05e}.room{position:relative;width:100%;height:max(780px,100svh);min-height:780px;overflow:hidden;background:#d7c8b1;isolation:isolate}.wall{position:absolute;top:76px;right:0;bottom:30%;left:0;background:linear-gradient(90deg,rgba(74,52,37,.14),transparent 20%,transparent 77%,rgba(74,52,37,.14)),#d9ccb8;box-shadow:inset 0 -60px 90px #4d342324}.wall:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.24;background-image:linear-gradient(90deg,transparent 49.8%,rgba(67,45,31,.16) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,rgba(255,255,255,.27) 50%,transparent 50.2%);background-size:310px 100%,100% 260px}.wall-shadow{position:absolute;left:50%;top:0;width:760px;height:620px;transform:translate(-50%);background:radial-gradient(ellipse at 50% 22%,rgba(255,243,215,.53),transparent 67%)}.picture-light{position:absolute;left:8.5%;top:14%;width:230px;height:300px;border-radius:50%;background:#ffe1ac2e;filter:blur(35px)}.floor{position:absolute;left:-10%;right:-10%;bottom:-5%;height:37%;transform:perspective(500px) rotateX(8deg);transform-origin:bottom;background:repeating-linear-gradient(93deg,rgba(255,255,255,.02) 0 6px,rgba(0,0,0,.08) 7px 8px,transparent 9px 115px),linear-gradient(#6e4431,#38241d)}.floor:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 20%,rgba(25,12,8,.35))}.rug{position:absolute;width:57%;height:22%;left:50%;bottom:-2%;transform:translate(-50%) perspective(500px) rotateX(65deg);border-radius:40%;background:repeating-radial-gradient(ellipse,transparent 0 20px,rgba(44,53,42,.26) 21px 23px),#8d6650;box-shadow:0 0 40px #0f080573}.room-heading{position:absolute;top:115px;left:50%;transform:translate(-50%);text-align:center;width:min(520px,46vw);z-index:2;pointer-events:none}.eyebrow{margin:0 0 10px;font:500 9px/1 var(--mono);letter-spacing:.18em;color:var(--rust-dark)}.room-heading h1{font:400 clamp(37px,4.2vw,68px)/.87 var(--serif);letter-spacing:-.035em;margin:0}.room-heading h1 em{font-weight:400;color:var(--rust)}.art-frame{position:absolute;left:4.4%;top:15.5%;width:clamp(195px,18vw,285px);aspect-ratio:1 / 1.08;padding:10px;background:#2c1b14;box-shadow:0 14px 35px #2a170e4d,inset 0 0 0 1px #ffffff2e;z-index:3}.art-mat{width:100%;height:100%;padding:11px;background:#d9cdbb}.art-mat img{width:100%;height:100%;object-fit:cover;filter:saturate(.82) sepia(.08);display:block}.room-object{border:1px solid rgba(44,28,20,.2);background:#f0e7d8ed;display:grid;grid-template-columns:auto 1fr auto;align-items:center;text-align:left;color:var(--ink);cursor:pointer;box-shadow:0 12px 30px #27160e1f;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.room-object:hover{transform:translateY(-4px);background:#fff7e9;box-shadow:0 16px 38px #27160e33}.art-label{position:absolute;left:12px;right:12px;bottom:-64px;min-height:54px;padding:8px 10px}.object-number{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--rust);color:#fff5e5;font:400 9px/1 var(--mono)}.object-copy{display:flex;flex-direction:column;gap:2px;padding-left:9px}.object-copy b{font-size:11px;letter-spacing:-.01em}.object-copy small{font:300 8px/1.3 var(--mono);color:#75685e;text-transform:uppercase;letter-spacing:.06em}.object-arrow{padding:6px;font-size:14px;color:var(--rust)}.room-object-wrap{position:absolute;z-index:6}.room-object-wrap>.room-object{width:220px;min-height:62px;padding:9px 11px}.press-corner{left:4.6%;bottom:10.5%}.record-crate{width:200px;height:118px;margin-left:9px;position:relative;background:linear-gradient(90deg,#4a2418,#6f3b25 50%,#3f2017);border:6px solid #2e1a13;border-top:0;transform:perspective(400px) rotateY(4deg);box-shadow:0 20px 25px #13090640}.record-crate:before,.record-crate:after{content:"";position:absolute;left:12px;right:12px;height:11px;background:#2e1a13}.record-crate:before{top:27px}.record-crate:after{bottom:19px}.record-crate span{position:absolute;width:82%;height:106px;left:9%;bottom:43px;background:#1c1916;border-radius:50% 50% 2px 2px;box-shadow:0 0 0 3px #8e4931;transform-origin:bottom}.record-crate span:nth-child(1){transform:rotate(-4deg);background:#6d2b22}.record-crate span:nth-child(2){transform:rotate(1deg);background:#d2b269}.record-crate span:nth-child(3){transform:rotate(4deg)}.record-crate span:nth-child(4){transform:rotate(7deg);background:#5d6856}.record-crate span:nth-child(5){transform:rotate(10deg);background:#a04c31}.press-corner .room-object{position:relative;margin-top:-2px}.speaker-corner{right:5.2%;bottom:9%}.speaker{width:183px;height:305px;margin:0 auto -2px;border:8px solid #3b1e15;background:linear-gradient(110deg,#71402b,#4e291d 48%,#2d1813);box-shadow:10px 20px 35px #1b0d084d,inset 0 0 0 2px #ffffff14;display:flex;flex-direction:column-reverse;align-items:center;padding:25px;gap:20px;position:relative}.speaker-light{position:absolute;width:4px;height:4px;border-radius:50%;top:13px;right:13px;background:#d87343;box-shadow:0 0 8px #dc7544}.speaker-cone{border-radius:50%;background:radial-gradient(circle,#2c2824 0,#2c2824 11%,#777069 12%,#777069 15%,#1b1918 16%,#1b1918 59%,#70685e 60%,#70685e 63%,#151413 64%);box-shadow:inset 0 0 18px #000,0 1px #ffffff26;position:relative}.speaker-cone.large{width:118px;height:118px}.speaker-cone.small{width:72px;height:72px}.speaker-cone i{position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border:1px solid rgba(209,187,153,.18);border-radius:50%}.speaker-corner .room-object{width:220px}.player-zone{position:absolute;z-index:5;width:min(52vw,790px);height:min(58vw,620px);min-height:470px;left:50%;bottom:5.5%;transform:translate(-50%)}.player-halo{position:absolute;top:12%;right:8%;bottom:12%;left:8%;background:radial-gradient(ellipse,rgba(255,235,198,.44),transparent 68%);filter:blur(10px);pointer-events:none}#turntableCanvas{width:100%;height:100%;position:relative;cursor:grab;touch-action:none}.player-controls{position:absolute;left:50%;bottom:-1%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:8}.play-control{border:1px solid rgba(255,255,255,.14);border-radius:100px;background:#1f1a17;color:#eee4d2;padding:7px 15px 7px 8px;min-width:153px;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer;box-shadow:0 10px 25px #00000047;transition:background .2s,transform .2s}.play-control:hover{transform:translateY(-2px);background:#2e2520}.play-icon{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:var(--rust)}.play-icon:after{content:"";margin-left:2px;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid #fff2df}.play-control.playing .play-icon:after{width:7px;height:9px;margin:0;border:0;border-left:3px solid #fff2df;border-right:3px solid #fff2df}.play-label{display:flex;flex-direction:column;gap:1px}.play-label b{font-size:10px}.play-label small{font:300 8px/1.3 var(--mono);color:#9f9489;text-transform:uppercase}.drag-note{margin:0;color:#ffffffa8;font:300 8px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;text-shadow:0 1px 5px #000}.drag-note span{margin-right:5px}.cabinet{position:absolute;width:44%;height:22%;min-width:520px;left:50%;bottom:4.5%;transform:translate(-50%);z-index:4;background:linear-gradient(105deg,#4b261a,#71402c 48%,#3c2118);box-shadow:0 25px 50px #1d0d0866}.cabinet-top{position:absolute;left:-2%;right:-2%;height:13px;top:-8px;background:#2e1812;box-shadow:0 5px 9px #00000040}.cabinet-doors{position:absolute;top:20px;right:20px;bottom:20px;left:20px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(23,10,6,.45)}.cabinet-doors span{border-right:1px solid rgba(23,10,6,.45);position:relative;background:repeating-linear-gradient(90deg,transparent 0 4px,rgba(30,12,6,.08) 5px 6px)}.cabinet-doors span:after{content:"";position:absolute;right:10px;top:50%;width:5px;height:16px;border-radius:3px;background:#c19d67}.cabinet .leg{position:absolute;bottom:-50px;width:10px;height:54px;background:#2b1711}.leg-left{left:7%;transform:rotate(4deg)}.leg-right{right:7%;transform:rotate(-4deg)}.plant{position:absolute;right:1%;bottom:25%;z-index:2;width:140px;height:275px}.pot{position:absolute;bottom:0;left:34px;width:82px;height:75px;background:linear-gradient(100deg,#8e3f2b,#b65a3d 50%,#6e2e21);clip-path:polygon(5% 0,95% 0,80% 100%,20% 100%)}.leaf{position:absolute;bottom:65px;left:70px;width:32px;height:150px;background:linear-gradient(90deg,#374234,#677156);border-radius:100% 0;transform-origin:bottom left;box-shadow:inset 1px 0 #ffffff2b}.l1{transform:rotate(-52deg) scale(.8)}.l2{transform:rotate(-28deg) scale(.95)}.l3{transform:rotate(-10deg) scale(.85)}.l4{transform:rotate(13deg) scale(.9)}.l5{transform:rotate(34deg) scale(.78)}.l6{transform:rotate(55deg) scale(.68)}.room-footer{position:absolute;left:34px;bottom:18px;z-index:7;margin:0;color:#ffffff94;font:300 8px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}.chapter-shell{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none;visibility:hidden}.chapter-shell[aria-hidden=false]{visibility:visible}.chapter-shell.visible{pointer-events:auto}.chapter-scrim{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#130e0bad;opacity:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .42s ease}.chapter-panel{position:absolute;right:0;top:0;bottom:0;width:100vw;background:var(--paper);transform:translate(102%);transition:transform .5s cubic-bezier(.76,0,.24,1);box-shadow:-20px 0 60px #0000003d;overflow:hidden}.chapter-shell.visible .chapter-scrim{opacity:1}.chapter-shell.visible .chapter-panel{transform:translate(0)}.chapter-nav{position:relative;height:76px;border-bottom:1px solid var(--line);padding:0 clamp(28px,5vw,76px);display:flex;align-items:center;justify-content:space-between}.chapter-steps{display:flex;align-items:center}.chapter-steps button{border:1px solid #c7baa6;background:transparent;width:25px;height:25px;padding:0;border-radius:50%;font:400 9px/1 var(--mono);cursor:pointer}.chapter-steps button.active{background:var(--rust);border-color:var(--rust);color:#fff}.chapter-steps span{width:27px;height:1px;background:#c7baa6}.chapter-key-hint{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;display:flex;align-items:center;gap:5px;color:#8d8176;font:400 7px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.chapter-key-hint kbd{min-width:21px;height:21px;padding:0 5px;border:1px solid #c7baa6;border-radius:2px;background:#f7f0e4;color:#5e5148;display:grid;place-items:center;font:inherit;box-shadow:0 1px #c7baa6}.chapter-key-hint span{margin-left:3px}.close-button{border:0;background:transparent;display:flex;align-items:center;gap:12px;padding:8px;text-transform:uppercase;letter-spacing:.1em;font:400 9px/1 var(--mono);cursor:pointer}.close-button span{font:300 24px/1 var(--sans)}.chapter-scroll{height:calc(100% - 76px);overflow-y:auto;overscroll-behavior:contain}.chapter-article{width:min(100%,1040px);min-height:100%;margin:0 auto;padding:54px clamp(28px,5vw,72px) 42px;display:flex;flex-direction:column}.chapter-article:has(.cutting-lab){width:min(100%,1480px)}.chapter-article:has(.immersive-lab){width:min(100%,1480px)}.chapter-heading>p:first-child{display:flex;align-items:center;gap:12px;margin:0 0 16px;color:var(--rust);font:500 9px/1 var(--mono);letter-spacing:.16em}.chapter-heading>p:first-child span{width:27px;height:27px;border-radius:50%;background:var(--rust);color:#fff;display:grid;place-items:center;letter-spacing:0}.chapter-heading h2{margin:0;max-width:900px;font:400 clamp(42px,5vw,72px)/.92 var(--serif);letter-spacing:-.035em}.chapter-intro{max-width:800px;margin:18px 0 0;color:#665b52;font-size:13px;line-height:1.7}.chapter-diagram{position:relative;width:100%;height:260px;margin:35px 0;overflow:hidden;background:#29231f;border-radius:2px}.chapter-copy{display:grid;grid-template-columns:180px 1fr;gap:20px 32px;padding:6px 0 36px}.chapter-copy h3{margin:0;font:400 26px/1.02 var(--serif)}.chapter-copy>p:last-child{margin:0;color:#665b52;font-size:12px;line-height:1.75}.fact-pill{grid-row:1 / 3;margin:0;padding:17px;background:#ded3c1;color:#5e5148;font-size:10px;line-height:1.55}.fact-pill span{display:block;margin-bottom:10px;color:var(--rust);font:500 8px/1 var(--mono);letter-spacing:.12em}.next-chapter{width:100%;margin-top:auto;border:0;border-top:1px solid var(--line);padding:22px 0 4px;background:transparent;display:flex;justify-content:space-between;cursor:pointer;color:var(--rust);text-align:left}.next-chapter span{font:400 19px/1 var(--serif)}.next-chapter b{transition:transform .2s}.next-chapter:hover b{transform:translate(6px)}.cutting-lab.chapter-diagram{height:auto;min-height:615px;background:#171412;overflow:hidden}.cutting-lab-head{min-height:47px;padding:9px 11px 9px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #3c342e;background:#201c19}.cutting-lab-head>span{display:flex;align-items:center;gap:8px;color:#b8aa98;font:400 7px/1 var(--mono);letter-spacing:.11em;white-space:nowrap}.cutting-lab-head>span i{width:6px;height:6px;border-radius:50%;background:#df7548;box-shadow:0 0 8px #df7548;animation:labPulse 1.6s ease-in-out infinite}@keyframes labPulse{50%{opacity:.35;box-shadow:0 0 2px #df7548}}.cutting-controls{display:flex;gap:4px}.cutting-controls button{border:1px solid #554940;border-radius:2px;padding:6px 8px;background:transparent;color:#b8aa98;font:400 7px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:.2s ease}.cutting-controls button:hover{border-color:#a28e7d;color:#f0e2ce}.cutting-controls button.active{border-color:#df7548;color:#f4ddc6;background:#df754824}.cutting-lab canvas{display:block;width:100%;height:520px}.cutting-stage-key{min-height:48px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;gap:7px;border-top:1px solid #3c342e;background:#201c19}.cutting-stage-key span{display:flex;align-items:center;gap:6px;color:#a99b8b;font:400 6px/1.2 var(--mono);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.cutting-stage-key span b{width:18px;height:18px;display:grid;place-items:center;border:1px solid #6a5c51;border-radius:50%;color:#df7548;font-size:7px}.cutting-stage-key>i{color:#775748;font-style:normal;font-size:10px}.immersive-lab.chapter-diagram{height:auto;min-height:686px;background:#171412;overflow:hidden}.sim-toolbar{min-height:47px;padding:9px 11px 9px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #3c342e;background:#201c19}.sim-toolbar>span{display:flex;align-items:center;gap:8px;color:#b8aa98;font:400 7px/1 var(--mono);letter-spacing:.11em;white-space:nowrap}.sim-toolbar>span i{width:6px;height:6px;border-radius:50%;background:#df7548;box-shadow:0 0 8px #df7548;animation:labPulse 1.6s ease-in-out infinite}.sim-buttons{display:flex;gap:4px}.sim-buttons button{border:1px solid #554940;border-radius:2px;padding:6px 9px;background:transparent;color:#b8aa98;font:400 7px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:.2s ease}.sim-buttons button:hover{border-color:#a28e7d;color:#f0e2ce}.sim-buttons button.active{border-color:#df7548;color:#f4ddc6;background:#df754824}.immersive-lab canvas{display:block;width:100%;height:510px;cursor:grab;touch-action:none}.immersive-lab canvas:active{cursor:grabbing}.lathe-direction{position:absolute;z-index:11;right:18px;top:78px;padding:9px 11px;display:flex;align-items:center;gap:9px;color:#e8d9c5;background:#181411e6;border:1px solid #655044;pointer-events:none;transition:opacity .2s ease}.lathe-direction[hidden]{display:none}.lathe-direction i{width:25px;height:25px;display:grid;place-items:center;color:#f0a45e;font:400 25px/1 var(--sans);animation:discDirection 2.2s linear infinite}.lathe-direction span{display:flex;flex-direction:column;gap:4px;color:#887a6e;font:500 6px/1 var(--mono);letter-spacing:.1em}.lathe-direction b{color:#f0dfca;font-size:7px;letter-spacing:.06em}@keyframes discDirection{to{transform:rotate(360deg)}}.sim-readout{min-height:61px;padding:10px 16px;display:grid;grid-template-columns:33px 1fr auto;align-items:center;gap:11px;border-top:1px solid #40372f;background:#201c19;color:#e9ddca}.sim-readout>span{width:27px;height:27px;display:grid;place-items:center;border:1px solid #805640;border-radius:50%;color:#df7548;font:500 7px/1 var(--mono)}.sim-readout div{display:flex;flex-direction:column;gap:3px}.sim-readout b{font:400 13px/1 var(--serif);letter-spacing:.01em}.sim-readout small{color:#968a7e;font:300 7px/1.3 var(--mono);letter-spacing:.03em}.sim-readout output{min-width:58px;text-align:right;color:#df7548;font:500 9px/1 var(--mono)}.sim-scrubber{padding:11px 16px 13px;border-top:1px solid #342e29;background:#181512}.sim-scrubber input{width:100%;height:3px;margin:0;accent-color:#c85634;cursor:ew-resize}.sim-scrubber>div{display:flex;justify-content:space-between;margin-top:8px;color:#756b62;font:400 6px/1 var(--mono);letter-spacing:.04em;text-transform:uppercase}.press-review{position:absolute;z-index:12;top:68px;right:18px;width:290px;padding:13px;color:#e9ddca;background:#181411f0;border:1px solid #655044;box-shadow:0 16px 34px #0000004d;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .28s ease,transform .28s ease}.press-review.visible{opacity:1;transform:translateY(0);pointer-events:auto}.press-review>p{margin:0 0 10px;color:#b99b84;font:500 6px/1 var(--mono);letter-spacing:.12em}.press-review-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.press-review-tabs button{min-height:27px;border:1px solid #54463d;background:#211c19;color:#8d7d70;font:500 7px/1 var(--mono);cursor:help;transition:.16s ease}.press-review-tabs button:hover,.press-review-tabs button:focus-visible,.press-review-tabs button.active{border-color:#df7548;background:#c44f2f2e;color:#f0deca;outline:0}.press-review-copy{min-height:86px;margin-top:10px;padding-top:10px;border-top:1px solid #423730;display:flex;flex-direction:column;gap:7px}.press-review-copy b{color:#f0dfc9;font:400 15px/1 var(--serif)}.press-review-copy span{color:#a99b8e;font:300 8px/1.55 var(--mono)}.playback-lab{position:relative}.signal-meter{height:3px;background:#312923;overflow:hidden}.signal-meter i{display:block;width:0;height:100%;background:linear-gradient(90deg,#9d402c,#e6a15e);box-shadow:0 0 8px #df7548;transition:width .08s linear}.signal-stages{min-height:57px;padding:8px 14px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #342e29;background:#181512}.signal-stages button{flex:1;max-width:170px;border:0;background:transparent;color:#81766d;display:flex;align-items:center;justify-content:center;gap:7px;font:400 7px/1 var(--mono);text-transform:uppercase;cursor:pointer}.signal-stages button b{width:22px;height:22px;display:grid;place-items:center;border:1px solid #5b4d43;border-radius:50%;color:#ae7760;font-size:7px}.signal-stages button.active{color:#e8d9c5}.signal-stages button.active b{border-color:#df7548;background:#a9412d;color:#fff0dc}.signal-stages>i{color:#644c40;font-style:normal;font-size:9px}.capture-diagram{background:radial-gradient(circle at 70% 50%,#5e3326,#26211d 55%)}.wave-line{position:absolute;left:5%;top:23%;width:78%;height:55%;overflow:visible}.wave-line path{fill:none;stroke:#dfa063;stroke-width:2;stroke-dasharray:8 5;animation:waveDash 8s linear infinite}@keyframes waveDash{to{stroke-dashoffset:-130}}.singer-mark{position:absolute;left:6%;top:28%;width:60px;height:115px;border-left:2px solid #c3b49f;border-radius:45%;opacity:.58}.singer-mark span{position:absolute;left:9px;width:55px;height:55px;border:1px solid #c3b49f;border-left:0;border-radius:0 50% 50% 0;opacity:calc(1 - var(--i))}.singer-mark span:nth-child(1){top:5px}.singer-mark span:nth-child(2){top:31px;left:22px;width:74px}.singer-mark span:nth-child(3){top:60px;left:5px}.mic-illustration{position:absolute;right:15%;top:22%;width:62px;height:102px;border:2px solid #e9ddc8;border-radius:32px;background:repeating-linear-gradient(0deg,transparent 0 5px,rgba(233,221,200,.18) 6px 7px)}.mic-illustration:after{content:"";position:absolute;top:47px;left:-16px;width:90px;height:55px;border:2px solid #e9ddc8;border-top:0;border-radius:0 0 50px 50px}.mic-illustration i{position:absolute;left:28px;bottom:-42px;width:3px;height:42px;background:#e9ddc8}.mic-illustration b{position:absolute;width:54px;height:3px;background:#e9ddc8;left:3px;bottom:-43px}.signal-chip{position:absolute;bottom:16px;left:18px;padding:8px 10px;color:#c9bba8;background:#00000040;font:300 7px/1 var(--mono);letter-spacing:.12em}.signal-chip span{color:#dfa063;margin:0 8px}.press-diagram{background:linear-gradient(110deg,#342b25,#1f1d1a)}.press-frame:before,.press-frame:after{content:"";position:absolute;top:0;bottom:0;width:34px;background:#766d61}.press-frame:before{left:13%}.press-frame:after{right:13%}.stamper{position:absolute;left:22%;right:22%;height:28px;border-radius:50%;background:linear-gradient(#c6beb0,#67625b);box-shadow:0 5px 10px #0006;z-index:3;display:grid;place-items:center;color:#26211d;font:500 7px/1 var(--mono);letter-spacing:.12em}.stamper.top{top:55px;animation:pressTop 3.2s ease-in-out infinite}.stamper.bottom{bottom:54px;transform:scaleY(-1);animation:pressBottom 3.2s ease-in-out infinite}.vinyl-puck{position:absolute;left:33%;right:33%;top:50%;height:34px;transform:translateY(-50%);border-radius:50%;background:#111;border:4px solid #222;z-index:2;animation:puckPress 3.2s ease-in-out infinite;color:#d87b4f;display:grid;place-items:center}.vinyl-puck span{font:500 7px/1 var(--mono);letter-spacing:.12em}.vinyl-puck i{position:absolute;width:8px;height:8px;background:#d3b278;border-radius:50%}.press-pressure{position:absolute;top:20px;color:#d87b4f;font-size:26px;animation:pressure 3.2s ease-in-out infinite}.press-pressure.left{left:35%}.press-pressure.right{right:35%}@keyframes pressTop{0%,15%,85%,to{transform:translateY(0)}42%,70%{transform:translateY(47px)}}@keyframes pressBottom{0%,15%,85%,to{transform:scaleY(-1) translateY(0)}42%,70%{transform:scaleY(-1) translateY(47px)}}@keyframes puckPress{0%,15%,85%,to{left:33%;right:33%;height:34px}42%,70%{left:23%;right:23%;height:18px}}@keyframes pressure{0%,15%,85%,to{opacity:0;transform:translateY(-8px)}35%,70%{opacity:1;transform:translateY(4px)}}.playback-diagram{background:linear-gradient(145deg,#2a2521 30%,#543025)}.groove-surface{position:absolute;left:-5%;right:47%;bottom:34px;height:85px;transform:skew(-18deg);background:#090909;overflow:hidden;box-shadow:0 -5px 20px #c9784629}.groove-surface i{position:relative;display:inline-block;width:19%;height:100%;border-left:1px solid #af693e;transform:rotate(17deg);opacity:.6}.stylus{position:absolute;left:36%;top:28px;width:84px;height:120px;transform:rotate(19deg);transform-origin:top;animation:stylusVibe .18s ease-in-out infinite alternate}.stylus b{position:absolute;width:72px;height:36px;background:#c4baaa;clip-path:polygon(0 0,100% 0,80% 100%,8% 100%)}.stylus i{position:absolute;left:42px;top:34px;width:3px;height:80px;background:#e27b4e;transform:rotate(-5deg);transform-origin:top}@keyframes stylusVibe{to{transform:rotate(19.4deg) translate(1px)}}.chain-node{position:absolute;top:56px;padding:12px 9px;border:1px solid #a79a87;color:#dfd2bf;font:400 7px/1 var(--mono);letter-spacing:.08em}.cartridge{left:50%}.amplifier{left:68%}.chain-arrow{position:absolute;top:65px;color:#dc7448}.a1{left:64%}.a2{left:82%}.mini-speaker{position:absolute;top:35px;right:5%;width:58px;height:80px;background:#5d3829;border:3px solid #261711;display:grid;place-items:center}.mini-speaker i{width:38px;height:38px;border-radius:50%;background:radial-gradient(circle,#79726a 0,#79726a 15%,#171513 17%,#171513 55%,#766e63 58%,#766e63 63%,#171513 65%)}.sound-rings{position:absolute;right:2%;bottom:17px;width:85px;height:85px}.sound-rings i{position:absolute;top:50%;right:50%;bottom:50%;left:50%;border:1px solid #d2764c;border-radius:50%;animation:soundRing 2s ease-out infinite}.sound-rings i:nth-child(2){animation-delay:.6s}.sound-rings i:nth-child(3){animation-delay:1.2s}@keyframes soundRing{0%{top:50%;right:50%;bottom:50%;left:50%;opacity:1}to{top:0;right:0;bottom:0;left:0;opacity:0}}.toast{position:fixed;z-index:60;left:50%;bottom:26px;transform:translate(-50%,30px);padding:11px 16px;color:#eee4d2;background:#1d1814f0;border:1px solid rgba(255,255,255,.12);border-radius:30px;font:300 9px/1 var(--mono);letter-spacing:.04em;opacity:0;pointer-events:none;transition:.3s ease}.toast.show{opacity:1;transform:translate(-50%)}@media(max-width:1000px){.room-heading{width:52vw}.art-frame{left:3%}.speaker-corner{right:2.5%}.press-corner{left:2.5%}.room-object-wrap>.room-object,.speaker-corner .room-object{width:190px}.cabinet{width:52%}.plant{display:none}}@media(max-width:760px){.gate-content{padding:38px 24px 34px}.topbar{min-height:64px;padding:0 12px}.header-title{font-size:19px}.header-links{gap:9px}.header-links a{font-size:6px}.room{min-height:880px;height:100svh}.wall{top:64px;bottom:28%}.room-heading{top:94px;width:92%}.room-heading h1{font-size:43px}.eyebrow{font-size:8px}.art-frame{width:145px;top:24%;left:4%;padding:6px}.art-mat{padding:6px}.art-label{left:4px;right:4px;bottom:-57px;min-height:49px}.object-copy b{font-size:9px}.object-copy small{font-size:6px}.object-number{width:25px;height:25px}.player-zone{width:100vw;height:440px;min-height:0;bottom:15.5%}.player-controls{bottom:-5%}.cabinet{min-width:0;width:80%;height:19%;bottom:9%}.cabinet-doors{top:14px;right:14px;bottom:14px;left:14px}.press-corner{left:3%;bottom:2%}.record-crate{display:none}.speaker-corner{right:3%;bottom:2%}.speaker{width:80px;height:132px;border-width:4px;padding:12px;gap:9px}.speaker-cone.large{width:52px;height:52px}.speaker-cone.small{width:30px;height:30px}.speaker-light{top:5px;right:5px}.room-object-wrap>.room-object,.speaker-corner .room-object{width:170px;min-height:52px;padding:6px}.speaker-corner .room-object{position:absolute;right:78px;bottom:0}.press-corner .room-object{width:152px}.room-footer{display:none}.rug,.chapter-panel{width:100%}.chapter-nav{height:64px;padding:0 18px}.chapter-scroll{height:calc(100% - 64px)}.chapter-key-hint{display:none}.chapter-article{padding:30px 20px 24px}.chapter-heading h2{font-size:44px}.chapter-intro{font-size:12px}.chapter-diagram{height:220px;margin:28px 0}.chapter-copy{grid-template-columns:1fr;gap:15px}.fact-pill{grid-row:auto}.chapter-copy h3{margin-top:4px}.cutting-lab.chapter-diagram{min-height:589px}.cutting-lab-head{min-height:70px;padding:10px;align-items:flex-start;flex-direction:column}.cutting-lab-head>span{font-size:6px}.cutting-controls{width:100%}.cutting-controls button{flex:1;padding:7px 4px;font-size:6px}.cutting-lab canvas{height:470px}.cutting-stage-key{min-height:48px;padding:6px 9px;gap:3px}.cutting-stage-key span{font-size:5px;gap:3px;white-space:normal}.cutting-stage-key span b{width:16px;height:16px;flex:0 0 16px}.cutting-stage-key>i{font-size:7px}.immersive-lab.chapter-diagram{min-height:685px}.sim-toolbar{min-height:70px;padding:10px;align-items:flex-start;flex-direction:column}.sim-toolbar>span{font-size:6px}.sim-buttons{width:100%}.sim-buttons button{flex:1;padding:7px 3px;font-size:5px}.immersive-lab canvas{height:470px}.lathe-direction{top:86px;right:10px;padding:7px 8px}.sim-readout{grid-template-columns:29px 1fr auto;padding:9px}.sim-readout b{font-size:11px}.sim-readout small{font-size:6px}.sim-scrubber>div{font-size:5px}.press-review{top:82px;left:10px;right:10px;width:auto;padding:10px}.press-review-copy{min-height:70px}.press-review-copy b{font-size:13px}.press-review-copy span{font-size:7px}.signal-stages{gap:2px;padding:7px 5px}.signal-stages button{gap:3px;font-size:5px}.signal-stages button b{width:18px;height:18px}.signal-stages>i{font-size:6px}.chain-node{font-size:6px;padding:9px 5px}.cartridge{left:48%}.amplifier{left:67%}.a1{left:62%}.a2{left:81%}.mini-speaker{right:2%;width:43px}}@media(max-width:460px){.room{min-height:820px}.art-frame{top:25%;width:125px}.player-zone{bottom:14%;height:400px}.cabinet{bottom:9%;width:88%}.press-corner,.speaker-corner{bottom:1.5%}.speaker{display:none}.speaker-corner .room-object{position:relative;right:auto;bottom:auto;width:166px}.room-object-wrap>.room-object{width:148px}.object-arrow{padding:2px}.room-heading h1{font-size:38px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.grain{display:none}.gate-record{animation:none}}.room-fallback{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}#turntableCanvas{position:absolute;top:76px;right:0;bottom:0;left:0;z-index:1;width:100%;height:calc(100% - 76px);cursor:grab;touch-action:none}#turntableCanvas:active{cursor:grabbing}#turntableCanvas canvas{width:100%;height:100%;display:block;outline:none}.scene-vignette{position:absolute;top:76px;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(24,14,10,.24),transparent 16%,transparent 83%,rgba(24,14,10,.25)),linear-gradient(0deg,rgba(22,12,9,.25),transparent 25%,rgba(255,225,179,.04));box-shadow:inset 0 0 110px #190e0a42}.room-heading{z-index:4;top:105px}.room-heading h1{text-shadow:0 2px 24px rgba(255,236,203,.22)}.scene-hotspot{--hotspot-scale: 1;position:absolute;z-index:7;width:230px;transform:translate(-50%,-50%) scale(var(--hotspot-scale));transform-origin:center;pointer-events:none;transition:opacity .25s ease}.scene-hotspot.behind-camera{opacity:0}.scene-hotspot .room-object{width:100%;min-height:59px;padding:9px 11px;pointer-events:auto;border-color:#27191245;background:#f1e8d8f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.scene-hotspot .room-object:before{content:"";position:absolute;left:50%;bottom:-18px;width:1px;height:18px;background:#f2e7d3b3;box-shadow:0 0 0 1px #2016111f}.player-zone{position:absolute;top:76px;right:0;bottom:0;left:0;z-index:8;width:100%;height:auto;min-height:0;transform:none;pointer-events:none}.player-controls{bottom:27px;pointer-events:auto}.play-control{border-color:#fff3;background:#1c1714eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.drag-note{color:#ffffffc2}.room-footer{z-index:8}@media(max-width:760px){.room{min-height:100svh;height:100svh}#turntableCanvas{top:64px;height:calc(100% - 64px)}.scene-vignette,.player-zone{top:64px}.room-heading{top:91px}.scene-hotspot{width:166px}.scene-hotspot .room-object{width:100%;min-height:51px;padding:6px 7px}.scene-hotspot .object-copy b{font-size:9px}.scene-hotspot .object-copy small{font-size:6px}.player-zone{width:100%;height:auto;bottom:0}.player-controls{bottom:18px}}@media(max-width:460px){.scene-hotspot{width:154px}.room-heading h1{font-size:38px}.player-zone{bottom:0;height:auto}}:root{--ink: #f1dcc0;--cream: #f1dcc0;--paper: #19070e;--rust: #d1a05e;--rust-dark: #b77a45;--wood: #541d1b;--wood-dark: #1a080b;--olive: #5f5544;--line: rgba(211, 163, 96, .24)}body{background:#12050a;color:var(--ink)}.grain{opacity:.075;mix-blend-mode:soft-light}.topbar{background:#260811f0;border-bottom-color:#d3a36040;box-shadow:0 8px 35px #0701044d}.header-title{color:#efd6af}.header-links a{color:#a67676}.header-links a:hover{color:#efd6af}.room{background:#220812}.room:before{content:"";position:absolute;z-index:6;top:94px;right:20px;bottom:20px;left:20px;border:1px solid rgba(207,155,88,.34);pointer-events:none}.wall{background:linear-gradient(90deg,rgba(14,2,7,.35),transparent 25%,transparent 75%,rgba(14,2,7,.35)),#4a1020}.wall:before{opacity:.26;background-image:repeating-linear-gradient(94deg,transparent 0 7%,rgba(7,1,4,.26) 10%,transparent 16%);background-size:auto}.wall-shadow{background:radial-gradient(ellipse at 50% 22%,rgba(222,165,92,.24),transparent 65%)}.floor{background:repeating-linear-gradient(93deg,rgba(206,149,87,.035) 0 6px,rgba(0,0,0,.18) 7px 8px,transparent 9px 115px),linear-gradient(#32121b,#17080d)}.rug{background:repeating-radial-gradient(ellipse,transparent 0 20px,rgba(205,157,92,.2) 21px 23px),#35131e}.scene-vignette{background:radial-gradient(ellipse at 50% 44%,transparent 24%,rgba(20,2,9,.22) 72%),linear-gradient(90deg,rgba(16,2,8,.54),transparent 19%,transparent 81%,rgba(16,2,8,.58)),linear-gradient(0deg,rgba(14,2,7,.5),transparent 32%,rgba(210,145,75,.025));box-shadow:inset 0 0 170px #0a010585}.room-heading{top:112px;width:min(650px,54vw);color:#f2dcbb}.eyebrow{margin-bottom:11px;color:#d2a25d;font-size:8px;letter-spacing:.2em}.room-heading h1{font-size:clamp(58px,6.5vw,108px);line-height:.72;letter-spacing:-.035em;text-shadow:0 4px 35px rgba(11,1,5,.65)}.room-heading h1 em{color:#dca85e}.room-dek{width:min(390px,82%);margin:18px auto 0;color:#bd8f88;font-size:10px;line-height:1.55;text-shadow:0 2px 12px #1c050c}.scene-hotspot{width:265px}.scene-hotspot .room-object{min-height:65px;padding:10px 12px;color:#efd9bc;border-color:#d3a36059;background:#280811d1;box-shadow:0 15px 35px #08010461,inset 0 0 0 1px #f5d3a006}.scene-hotspot .room-object:hover{background:#4b1120f0;box-shadow:0 18px 40px #0500028c}.scene-hotspot .room-object:before{background:#d3a3608a;box-shadow:none}.object-number{width:34px;height:auto;border-radius:0;color:#d8a560;background:transparent;font:italic 21px/1 var(--serif)}.object-copy{gap:4px;border-left:1px solid rgba(211,163,96,.2)}.object-copy b{font:400 15px/1 var(--serif);letter-spacing:0}.object-copy small{color:#946b6b;font-size:6px;letter-spacing:.1em}.object-arrow{color:#d6a45f}.play-control{min-width:174px;color:#f0d8b7;border-color:#d3a3607a;border-radius:0;background:#270811e0;box-shadow:0 14px 35px #07010480}.play-control:hover{background:#4a111ff0}.play-icon{background:transparent;border:1px solid #d2a05d}.play-icon:after{border-left-color:#eac58d}.play-control.playing .play-icon:after{border-left-color:#eac58d;border-right-color:#eac58d}.play-label b{font:400 14px/1 var(--serif)}.play-label small{color:#936b69;font-size:6px}.drag-note{color:#e6c49594}.room-footer{color:#daab6ca8}.chapter-panel{color:#f0dcc2;background:#19070e;box-shadow:-20px 0 70px #0000008f}.chapter-nav{color:#ead2b2;border-bottom-color:#d3a36040;background:#230a13}.chapter-steps button{color:#b88c75;border-color:#785343}.chapter-steps button.active{color:#230a13;border-color:#d1a05e;background:#d1a05e}.chapter-steps span{background:#684539}.chapter-key-hint{color:#8f6868}.chapter-key-hint kbd{color:#d9b98c;border-color:#72503f;background:#2d1019;box-shadow:0 1px #6f4a3c}.close-button{color:#e4c79f}.chapter-scroll{background:radial-gradient(ellipse at 50% 4%,rgba(99,26,42,.22),transparent 42%),#19070e;scrollbar-color:#7d4e3e #19070e}.chapter-article{color:#eed8ba}.chapter-heading>p:first-child{color:#d1a05e}.chapter-heading>p:first-child span{color:#250a13;background:#d1a05e}.chapter-heading h2{color:#f1ddc0}.chapter-intro{color:#b98e89}.chapter-copy h3{color:#e9cfaa}.chapter-copy>p:last-child{color:#ae8581}.fact-pill{color:#c5a29a;background:#30111c;border:1px solid rgba(211,163,96,.16)}.fact-pill span{color:#d1a05e}.next-chapter{color:#d1a05e;border-top-color:#d3a3603d}.chapter-diagram,.cutting-lab.chapter-diagram,.immersive-lab.chapter-diagram{border:1px solid rgba(211,163,96,.2);box-shadow:0 22px 48px #05000257}.cutting-lab-head,.sim-toolbar,.cutting-stage-key,.sim-readout,.signal-stages{background:#1e1110}.toast{color:#f0d9ba;border-color:#d3a36061;border-radius:0;background:#250810f2}@media(max-width:760px){.room:before{top:78px;right:10px;bottom:10px;left:10px}.room-heading{top:93px;width:94%}.room-heading h1{font-size:57px}.room-dek{margin-top:13px;font-size:8px}.scene-hotspot{width:190px}.scene-hotspot .room-object{min-height:56px;padding:7px 8px}.scene-hotspot .object-copy b{font-size:12px}.scene-hotspot .object-copy small{font-size:5px}.object-number{width:28px;font-size:17px}.player-controls{bottom:20px}}@media(max-width:460px){.room-heading h1{font-size:50px}.scene-hotspot{width:175px}}