:root{--olive:#5B564A;--olive-deep:#3F3B33;--olive-darker:#2A2722;--mint:#7DC4A4;--peach:#D88E5E;--peach-deep:#9F5F33;--mustard:#E5B556;--blue:#9BCFD6;--cream:#F4EDDF;--crt:#1A2A22;--phosphor:#A8E5C5}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--olive-darker);color:var(--olive-darker);font-family:Space Grotesk,system-ui,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:clip}a:visited{color:inherit}::selection{background:var(--mustard);color:var(--olive-darker)}@keyframes blink{50%{opacity:0}}html,body{scroll-snap-type:y mandatory;scroll-behavior:smooth}.cover,.spread{scroll-snap-align:start;scroll-snap-stop:always;min-height:100vh;display:flex;flex-direction:column;justify-content:safe start}.spread.about{padding-bottom:0}.spread.about>footer.site-footer{margin-top:auto;width:calc(100% + 64px);margin-left:-32px;margin-right:-32px}@media(prefers-reduced-motion:reduce){html,body{scroll-snap-type:none;scroll-behavior:auto}.cover,.spread{scroll-snap-align:none}}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:1000;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");opacity:.55;mix-blend-mode:multiply}nav.site-nav{position:sticky;top:0;z-index:100;background:var(--olive-darker);color:var(--cream);display:flex;justify-content:space-between;align-items:center;padding:14px 28px;border-bottom:3px solid var(--mustard);font-weight:700;letter-spacing:.04em;font-size:13px;text-transform:uppercase}nav.site-nav .mark{display:flex;gap:10px;align-items:center}nav.site-nav .mark svg{width:22px;height:22px;color:var(--mustard)}nav.site-nav .links{display:flex;gap:20px}nav.site-nav .links a,nav.site-nav .links a:visited{color:var(--cream);text-decoration:none;opacity:.8;transition:color .2s}nav.site-nav .links a:hover{color:var(--mustard);opacity:1}nav.site-nav .badge{padding:4px 10px;background:var(--peach);color:var(--olive-darker);font-size:11px;font-family:VT323,monospace;letter-spacing:.04em;text-transform:none}.cover{position:relative;background:var(--mint);padding:64px 32px 80px;overflow:hidden}.cover:after{content:"";position:absolute;left:0;right:0;bottom:0;height:80px;background:var(--peach);clip-path:polygon(0 100%,15% 30%,32% 80%,48% 20%,64% 70%,80% 25%,100% 60%,100% 100%)}.cover .wrap{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:center;position:relative;z-index:2}.cover .meta-strip{grid-column:1 / -1;display:flex;justify-content:space-between;font-family:Bungee,sans-serif;font-size:11px;letter-spacing:.06em;color:var(--olive-darker);margin-bottom:8px}.cover h1{font-family:Bungee,sans-serif;font-size:clamp(48px,11vw,156px);line-height:.85;color:var(--olive-darker);margin:24px 0 16px;letter-spacing:-.02em;text-transform:uppercase;word-break:keep-all;hyphens:none}.cover h1>span{display:inline-block;white-space:nowrap}.cover h1 .p{color:var(--mustard);transform:rotate(-3deg);text-shadow:4px 4px 0 var(--olive-darker)}.cover h1 .o{color:var(--peach);transform:rotate(2deg)}.cover .sub{font-family:Caveat,cursive;font-size:34px;color:var(--olive-darker);font-weight:700;line-height:1.1;margin:0 0 24px;transform:rotate(-1deg);max-width:24ch}.cover .stamp{display:inline-flex;align-items:center;gap:14px;padding:16px 26px;background:var(--olive-darker);color:var(--mustard);font-family:Bungee,sans-serif;font-size:20px;letter-spacing:.06em;text-transform:uppercase;transform:rotate(-2deg);box-shadow:7px 7px 0 var(--peach);text-decoration:none;border:2px solid var(--olive-darker);transition:transform .15s,box-shadow .15s}.cover .stamp:hover{transform:rotate(-2deg) translate(-2px,-2px);box-shadow:10px 10px 0 var(--peach)}.cover .stamp .blink{font-family:VT323,monospace;color:var(--peach);animation:blink 1s steps(2) infinite;font-size:24px}.cover .photo-stack{position:relative;height:340px}.coming-soon-stamp{position:absolute;right:32px;top:96px;background:var(--peach-deep);color:var(--cream);padding:14px 24px;border:3px solid var(--cream);outline:3px solid var(--peach-deep);font-family:Bungee,sans-serif;text-align:center;transform:rotate(-8deg);box-shadow:6px 6px 0 var(--olive-darker);z-index:5;letter-spacing:.04em;text-transform:uppercase;line-height:1;pointer-events:none}.coming-soon-stamp .l1,.coming-soon-stamp .l2{display:block;font-size:32px}.coming-soon-stamp .l3{display:block;font-size:11px;margin-top:8px;font-family:VT323,monospace;letter-spacing:.16em}.cover .polaroid{position:absolute;background:var(--cream);padding:14px 14px 32px;box-shadow:6px 6px 0 var(--olive-darker);width:200px;border:2px solid var(--olive-darker)}.cover .polaroid .frame{height:200px;display:flex;align-items:center;justify-content:center}.cover .polaroid .caption{font-family:Caveat,cursive;font-size:18px;text-align:center;margin-top:8px;color:var(--olive-darker)}.cover .p1{top:0;left:10%;transform:rotate(-6deg);background:var(--mustard)}.cover .p1 .frame{background:var(--olive-darker);color:var(--mustard)}.cover .p2{top:30px;left:42%;transform:rotate(4deg);z-index:2}.cover .p2 .frame{background:var(--peach)}.cover .p3{top:120px;left:18%;transform:rotate(2deg);z-index:3;background:var(--blue)}.cover .p3 .frame{background:var(--olive-darker);color:var(--blue)}.spread{padding:80px 32px;position:relative;border-top:3px solid var(--olive-darker);border-bottom:3px solid var(--olive-darker)}.spread+.spread{border-top:none}.spread .wrap{max-width:1100px;margin:0 auto;position:relative}.spread .head{display:flex;align-items:flex-end;gap:24px;margin-bottom:48px;flex-wrap:wrap}.spread .head-id{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.spread .head-id .kicker{font-family:VT323,monospace;font-size:16px;letter-spacing:.14em;color:var(--peach-deep);text-transform:uppercase;line-height:1}.spread .head-id .kicker .cur{display:inline-block;width:6px;height:12px;background:currentColor;vertical-align:-1px;animation:blink 1s steps(2) infinite;margin-left:4px}.spread .head .num{font-family:Bungee,sans-serif;font-size:56px;color:var(--peach-deep);line-height:1}.spread h2{font-family:Bungee,sans-serif;font-size:clamp(48px,8vw,96px);line-height:.9;margin:0;text-transform:uppercase;color:var(--olive-darker);letter-spacing:-.02em}.spread .head .note{font-family:Caveat,cursive;font-size:24px;line-height:1.2;color:var(--olive-darker);max-width:30ch;transform:rotate(-1deg);margin-bottom:8px}.spread.lab{background:var(--olive-darker);border-top:3px solid var(--mustard);border-bottom:3px solid var(--mustard);color:var(--cream)}.spread.lab .head h2{color:var(--mustard)}.spread.lab .head .num{color:var(--peach)}.spread.lab .head .note{color:var(--mustard)}.spread.lab .head-id .kicker{color:var(--peach)}.spread.lab:before{content:"★ CENTREFOLD";position:absolute;top:12px;right:32px;font-family:VT323,monospace;font-size:14px;color:var(--peach);letter-spacing:.16em}.plate-tag{position:absolute;top:-12px;left:24px;background:var(--peach);color:var(--olive-darker);padding:4px 14px;font-family:VT323,monospace;font-size:15px;letter-spacing:.14em;border:2px solid var(--olive-darker);z-index:5}.cabinet{background:#1a1814;padding:14px;border:4px solid var(--olive-darker);box-shadow:10px 10px 0 var(--peach-deep);position:relative}.cabinet:before{content:"MODEL · PAW-9090";position:absolute;left:50%;bottom:-12px;transform:translate(-50%);background:var(--peach);color:var(--olive-darker);padding:3px 12px;font-family:VT323,monospace;font-size:13px;letter-spacing:.16em;border:2px solid var(--olive-darker);z-index:6}.cabinet-side-grille{position:absolute;top:64px;width:18px;height:120px;background-image:radial-gradient(circle,var(--peach-deep) 1.5px,transparent 2px);background-size:8px 8px;background-color:var(--olive-darker);border:2px solid var(--olive-darker);z-index:2}.cabinet-side-grille.l{left:-12px}.cabinet-side-grille.r{right:-12px}.marquee-bar{background:var(--olive-darker);color:var(--mustard);padding:10px 18px;font-family:Bungee,sans-serif;letter-spacing:.06em;text-transform:uppercase;font-size:15px;display:flex;justify-content:space-between;align-items:center;border:2px solid var(--mustard);position:relative}.marquee-bar .left,.marquee-bar .right{display:flex;align-items:center;gap:10px}.marquee-bar .bulb{width:8px;height:8px;background:var(--mustard);border-radius:50%;animation:blink 1.4s steps(2) infinite}.marquee-bar .bulb-row{display:flex;gap:6px}.marquee-bar .bulb-row .bulb:nth-child(odd){animation-delay:.7s}.bezel{background:#3d362a;padding:18px 18px 14px;margin-top:8px;border:2px solid var(--olive-darker);position:relative}.bezel:before,.bezel:after{content:"";position:absolute;width:8px;height:8px;background:var(--olive-darker);border-radius:50%}.bezel:before{top:6px;left:6px}.bezel:after{top:6px;right:6px}.bezel-screws-bot{position:absolute;left:6px;right:6px;bottom:6px;display:flex;justify-content:space-between;pointer-events:none}.bezel-screws-bot span{width:8px;height:8px;background:var(--olive-darker);border-radius:50%}.crt{position:relative;background:var(--crt);padding:28px;overflow:hidden;border-radius:22px/18px;border:2px solid #0a0a0a}.crt:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,#0000 0 2px,#0000002e 2px 3px);pointer-events:none;z-index:4;mix-blend-mode:multiply;border-radius:22px/18px}.crt>*{position:relative;z-index:2}.crt-prompt{font-family:VT323,monospace;font-size:18px;color:var(--phosphor);margin:0 0 20px;letter-spacing:.04em}.crt-prompt .arrow{color:var(--mustard)}.crt-prompt .cur{display:inline-block;width:8px;height:14px;background:var(--phosphor);vertical-align:-2px;animation:blink 1s steps(2) infinite}.controls{margin-top:12px;background:#3d362a;border:2px solid var(--olive-darker);padding:12px 18px;display:flex;align-items:center;gap:18px;justify-content:space-between;flex-wrap:wrap}.controls .group{display:flex;align-items:center;gap:10px}.controls .led{width:10px;height:10px;border-radius:50%;background:var(--mint);border:1.5px solid var(--olive-darker);animation:blink 1.6s steps(2) infinite}.controls .label{font-family:VT323,monospace;font-size:14px;letter-spacing:.06em;color:var(--mustard);text-transform:uppercase}.controls .knob{width:26px;height:26px;border-radius:50%;background:var(--peach);border:2.5px solid var(--olive-darker);position:relative}.controls .knob:after{content:"";position:absolute;left:50%;top:3px;width:2px;height:8px;background:var(--olive-darker);transform:translate(-50%)}.controls .channel{display:flex;gap:4px}.controls .channel button{width:22px;height:18px;background:var(--mustard);border:2px solid var(--olive-darker);font-family:VT323,monospace;font-size:12px;color:var(--olive-darker);cursor:pointer;padding:0;line-height:1}.controls .channel button:hover{background:var(--peach)}.controls .stick{width:26px;height:26px;border-radius:50%;background:var(--olive-darker);border:2.5px solid var(--mustard);position:relative}.controls .stick:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:var(--peach);border-radius:50%;border:1.5px solid var(--olive-darker)}.controls .btn-group{display:flex;gap:5px}.controls .btn-group .b{width:18px;height:18px;border-radius:50%;background:var(--peach);border:2px solid var(--olive-darker)}.controls .btn-group .b:nth-child(2){background:var(--mustard)}.controls .btn-group .b:nth-child(3){background:var(--mint)}.lab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.lab-card{position:relative;background:var(--olive-deep);border:2px solid var(--mustard);padding:18px;text-decoration:none;color:var(--cream);transition:transform .15s;display:flex;flex-direction:column;gap:6px;min-height:170px}.lab-card:hover{transform:translate(-3px,-3px);box-shadow:5px 5px 0 var(--mustard)}.lab-card .num{font-family:VT323,monospace;color:var(--mustard);font-size:14px;letter-spacing:.06em}.lab-card .title{font-family:Big Shoulders Display,sans-serif;font-weight:900;text-transform:uppercase;font-size:24px;line-height:.95;color:var(--phosphor)}.lab-card[data-tint="2"] .title{color:var(--peach)}.lab-card[data-tint="3"] .title{color:var(--mustard)}.lab-card[data-tint="4"] .title{color:var(--blue)}.lab-card[data-tint="5"] .title{color:var(--peach)}.lab-card[data-tint="0"] .title{color:var(--mint)}.lab-card .desc{font-family:VT323,monospace;font-size:16px;color:var(--cream);opacity:.85;line-height:1.3;margin-top:4px}.lab-card .meta{margin-top:auto;display:flex;justify-content:space-between;font-family:VT323,monospace;font-size:13px;color:var(--mustard);letter-spacing:.04em;padding-top:8px;border-top:1px dashed rgba(229,181,86,.3)}.cabinet-foot{background:var(--olive-darker);padding:10px 18px;font-family:VT323,monospace;font-size:14px;color:var(--mustard);display:flex;justify-content:space-between;border-top:2px solid var(--mustard)}.no-signal{padding:32px 0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px}.smpte-bars{display:flex;width:100%;max-width:520px;height:130px;border:2px solid var(--mustard);box-shadow:5px 5px 0 var(--peach-deep)}.smpte-bars span{flex:1;height:100%}.smpte-bars span:nth-child(1){background:var(--cream)}.smpte-bars span:nth-child(2){background:var(--mustard)}.smpte-bars span:nth-child(3){background:var(--mint)}.smpte-bars span:nth-child(4){background:var(--peach)}.smpte-bars span:nth-child(5){background:var(--peach-deep)}.smpte-bars span:nth-child(6){background:var(--blue)}.smpte-bars span:nth-child(7){background:var(--olive)}.smpte-bars span:nth-child(8){background:var(--olive-darker)}.no-signal .signal-text{font-family:Bungee,sans-serif;font-size:clamp(28px,5vw,48px);letter-spacing:.06em;color:var(--phosphor);text-shadow:4px 4px 0 var(--peach-deep);margin:0;text-transform:uppercase}.no-signal .standby{font-family:VT323,monospace;font-size:20px;color:var(--mustard);letter-spacing:.16em;text-transform:uppercase;margin:0}.no-signal .standby .blink{animation:blink 1s steps(2) infinite;color:var(--peach)}:root{--plastic:#1a1814;--plastic-deep:#0a0805;--cream-deep:#E5DCC4;--label:#F4EDDF}.spread.writing{background:var(--mustard)}.demo-stamp{position:absolute;right:-8px;top:-32px;padding:14px 24px;font-family:Bungee,sans-serif;text-align:center;transform:rotate(6deg);z-index:6;letter-spacing:.04em;text-transform:uppercase;line-height:1;pointer-events:none}.demo-stamp .l1,.demo-stamp .l2{display:block;font-size:28px}.demo-stamp .l3{display:block;font-size:11px;margin-top:8px;font-family:VT323,monospace;letter-spacing:.16em}.spread.writing .demo-stamp{background:var(--olive-darker);color:var(--mustard);border:3px solid var(--mustard);outline:3px solid var(--olive-darker);box-shadow:6px 6px 0 var(--peach-deep)}.spread.writing .demo-stamp .l3{color:var(--peach)}.spread.lab .demo-stamp{background:var(--peach-deep);color:var(--cream);border:3px solid var(--cream);outline:3px solid var(--peach-deep);box-shadow:6px 6px 0 var(--mustard);top:8px}.spread.lab .demo-stamp .l3{color:var(--mustard)}.deck-controls{max-width:1100px;margin:0 auto 28px;display:flex;align-items:center;justify-content:center;gap:18px;position:relative;z-index:200}.deck-btn{display:flex;align-items:center;gap:10px;background:var(--olive-darker);color:var(--mustard);font-family:Bungee,sans-serif;letter-spacing:.06em;text-transform:uppercase;font-size:13px;padding:10px 18px;border:2px solid var(--olive-darker);box-shadow:5px 5px 0 var(--peach-deep);cursor:pointer;font-weight:400}.deck-btn:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--peach-deep)}.deck-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--peach-deep)}.deck-btn .glyph{font-family:VT323,monospace;font-size:22px;line-height:1;color:var(--peach)}.counter{font-family:VT323,monospace;font-size:22px;letter-spacing:.16em;background:var(--olive-darker);color:var(--mustard);padding:8px 18px;border:2px solid var(--olive-darker);text-transform:uppercase;min-width:240px;text-align:center}.counter .now{color:var(--peach)}.counter .total{opacity:.6}.deck-stack{position:relative;width:min(1280px,96vw);height:520px;margin:0 auto;overflow:visible;background:repeating-linear-gradient(45deg,rgba(42,39,34,.04) 0 12px,transparent 12px 24px)}.cassette{position:absolute;top:50%;left:50%;width:min(560px,46%);aspect-ratio:5/3;--casing:var(--plastic);--casing-trim:var(--plastic-deep);--shadow:var(--olive-darker);background:var(--casing);padding:14px 18px;text-decoration:none;color:var(--olive-darker);display:flex;flex-direction:column;transform:translate(-50%,-50%);clip-path:polygon(1.8% 0,98.2% 0,99.4% .6%,100% 2.5%,100% 97.5%,99.4% 99.4%,98.2% 100%,1.8% 100%,.6% 99.4%,0 97.5%,0 2.5%,.6% .6%);filter:drop-shadow(0 1.5px 0 var(--casing-trim)) drop-shadow(1.5px 0 0 var(--casing-trim)) drop-shadow(-1.5px 0 0 var(--casing-trim)) drop-shadow(0 -1.5px 0 var(--casing-trim)) drop-shadow(8px 8px 0 var(--shadow));transition:transform .45s cubic-bezier(.34,1.25,.64,1),opacity .25s ease,filter .2s ease;will-change:transform,opacity;touch-action:none}.cassette.is-active{cursor:grab}.cassette.is-dragging{cursor:grabbing;transition:none}.cassette[data-casing=dark]{--casing:#1a1814;--casing-trim:#0a0805}.cassette[data-casing=cream]{--casing:#E5DCC4;--casing-trim:#2A2722}.cassette[data-casing=mint]{--casing:#7DC4A4;--casing-trim:#2A2722}.cassette[data-casing=peach]{--casing:#9F5F33;--casing-trim:#2A2722}.cassette[data-casing=blue]{--casing:#9BCFD6;--casing-trim:#2A2722}.cassette[data-casing=mustard]{--casing:#B58D2E;--casing-trim:#2A2722}.cassette[data-casing=cream] .mechanism .drive-hole,.cassette[data-casing=mint] .mechanism .drive-hole,.cassette[data-casing=blue] .mechanism .drive-hole{background:#2a2722;border-color:#0a0805}.cassette[data-casing=cream] .mechanism .guide,.cassette[data-casing=mint] .mechanism .guide,.cassette[data-casing=blue] .mechanism .guide{background:#2a2722}.cassette[data-casing=cream] .mechanism .felt,.cassette[data-casing=mint] .mechanism .felt,.cassette[data-casing=blue] .mechanism .felt{background:#5a4a32}.cassette .screw{position:absolute;width:11px;height:11px;border-radius:50%;background:#3a342a;border:1.5px solid var(--plastic-deep);z-index:5}.cassette .screw:before,.cassette .screw:after{content:"";position:absolute;background:#0a0805}.cassette .screw:before{left:50%;top:1px;bottom:1px;width:1.5px;transform:translate(-50%) rotate(45deg)}.cassette .screw:after{top:50%;left:1px;right:1px;height:1.5px;transform:translateY(-50%) rotate(45deg)}.cassette .screw.tl{top:6px;left:6px}.cassette .screw.tr{top:6px;right:6px}.cassette .screw.bl{bottom:6px;left:6px;top:auto}.cassette .screw.br{bottom:6px;right:6px;top:auto}.cassette .mechanism>.screw.cb{position:absolute;top:-7px;left:50%;transform:translate(-50%);bottom:auto}.cassette .label{flex:0 0 70%;background:var(--label);border:1.5px solid var(--plastic-deep);border-radius:3px;position:relative;display:flex;flex-direction:column;overflow:hidden}.cassette .label-top{flex:0 0 38%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:10px 14px;gap:14px;background:var(--label);position:relative;z-index:2}.cassette .side-tab{display:flex;align-items:baseline;gap:4px;font-family:Bungee,sans-serif;letter-spacing:.04em;line-height:1}.cassette .side-tab .word{font-size:9px;color:var(--olive-darker);opacity:.6;text-transform:uppercase;letter-spacing:.16em}.cassette .side-tab .letter{font-size:34px;color:var(--olive-darker)}.cassette .title{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:15px;line-height:1.15;letter-spacing:-.01em;color:var(--olive-darker);margin:0;text-align:center;padding:0 4px}.cassette[data-blank] .title{font-family:VT323,monospace;font-weight:400;opacity:.6;letter-spacing:.06em;text-transform:uppercase}.cassette .length-num{font-family:Bungee,sans-serif;font-size:34px;line-height:1;color:var(--olive-darker);letter-spacing:.02em}.cassette .stripe-band{flex:0 0 36%;position:relative;display:flex;border-top:1.5px solid var(--plastic-deep);border-bottom:1.5px solid var(--plastic-deep)}.cassette .stripe-band>span{flex:1;height:100%}.cassette[data-stripe=rainbow] .stripe-band>span:nth-child(1){background:var(--peach-deep)}.cassette[data-stripe=rainbow] .stripe-band>span:nth-child(2){background:var(--mustard)}.cassette[data-stripe=rainbow] .stripe-band>span:nth-child(3){background:var(--mint)}.cassette[data-stripe=rainbow] .stripe-band>span:nth-child(4){background:var(--blue)}.cassette[data-stripe=solid] .stripe-band>span{background:var(--peach)}.cassette[data-stripe=alt] .stripe-band>span:nth-child(odd){background:var(--mustard)}.cassette[data-stripe=alt] .stripe-band>span:nth-child(2n){background:var(--mint)}.cassette[data-stripe=blank] .stripe-band>span{background:repeating-linear-gradient(45deg,var(--olive-darker) 0 4px,var(--cream) 4px 8px)}.cassette .reels-row{position:absolute;left:0;right:0;top:38%;height:36%;display:grid;grid-template-columns:1fr 36% 1fr;align-items:center;padding:0 4%;gap:4%;z-index:3;pointer-events:none}.cassette .reel{width:72%;aspect-ratio:1;flex-shrink:0}.cassette .reels-row>.reel:first-of-type{justify-self:end}.cassette .reels-row>.reel:last-of-type{justify-self:start}.cassette .tape-window{width:100%;height:64%;background:var(--plastic-deep);border:2px solid var(--cream);border-radius:2px;position:relative;overflow:hidden}.cassette .tape-window:before{content:"";position:absolute;left:-2px;right:-2px;top:50%;transform:translateY(-50%);height:55%;background:repeating-linear-gradient(90deg,transparent 0 4px,rgba(0,0,0,.35) 4px 5px),#6b4a26;border-top:1.5px solid #2a1a08;border-bottom:1.5px solid #2a1a08}.cassette .tape-window:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:60%;height:32%;background:repeating-linear-gradient(90deg,transparent 0 6px,rgba(0,0,0,.5) 6px 7px);pointer-events:none}.cassette .label-bottom{flex:1;background:var(--label);padding:8px 14px;display:flex;flex-direction:column;justify-content:space-between;position:relative;z-index:2}.cassette .index-line{border-top:1px solid var(--plastic-deep);border-bottom:1px dashed rgba(42,39,34,.4);height:6px}.cassette .brand-row{display:flex;justify-content:space-between;align-items:center;font-family:VT323,monospace;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--olive-darker)}.cassette .brand-row .brand{font-family:Bungee,sans-serif;font-size:11px;letter-spacing:.06em}.cassette .brand-row .type{color:var(--peach-deep);font-weight:700;font-family:Bungee,sans-serif;font-size:11px}.cassette .mechanism{flex:1;margin:auto -18px -16px;position:relative;background:#ffffff14;clip-path:polygon(14% 0,86% 0,100% 100%,0 100%);filter:drop-shadow(0 -2px 0 var(--casing-trim)) drop-shadow(2px 0 0 var(--casing-trim)) drop-shadow(-2px 0 0 var(--casing-trim));display:flex;align-items:center;justify-content:space-between;padding:0 22%;min-height:0}.cassette .mechanism .drive-hole{width:30px;height:30px;border-radius:50%;background:var(--plastic-deep);border:2px solid #4a4438;position:relative;flex-shrink:0}.cassette .mechanism .drive-hole:after{content:"";position:absolute;inset:5px;border-radius:50%;border:1.5px dashed #6a6258}.cassette .mechanism .guide{width:12px;height:16px;background:#3a342a;border:1.5px solid var(--plastic-deep);border-radius:1px;flex-shrink:0}.cassette .mechanism .felt{width:16px;height:12px;background:#5a4a32;border:1.5px solid var(--plastic-deep);border-radius:50%;flex-shrink:0}.spread.about{background:var(--blue)}.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;margin-top:32px;align-items:start}.about-grid .blurb{font-size:24px;line-height:1.4;color:var(--olive-darker);font-weight:500}.about-grid .blurb em{font-family:Caveat,cursive;font-style:normal;font-weight:700;color:var(--peach-deep);font-size:32px;line-height:1}.about-grid .blurb p{margin:0 0 18px}.contact-card{background:var(--cream);border:2px solid var(--olive-darker);box-shadow:6px 6px 0 var(--olive-darker);padding:28px;transform:rotate(1deg)}.contact-card h3{font-family:Bungee,sans-serif;font-size:18px;text-transform:uppercase;margin:0 0 18px}.contact-card .row{padding:10px 0;border-bottom:1.5px dashed var(--olive-darker);display:flex;justify-content:space-between;align-items:baseline;gap:12px}.contact-card .row:last-child{border:none}.contact-card .k{font-family:Bungee,sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.contact-card .v a,.contact-card .v a:visited{color:var(--peach-deep);text-decoration:none;border-bottom:2px solid var(--peach-deep);font-weight:700}footer.site-footer{background:var(--olive-darker);color:var(--cream);padding:32px;display:flex;justify-content:space-between;align-items:center;font-family:Bungee,sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.06em;border-top:3px solid var(--mustard)}footer.site-footer a,footer.site-footer a:visited{color:var(--mustard);text-decoration:none;margin-left:18px}@media(max-width:860px){.cover .wrap{grid-template-columns:1fr;gap:32px}.cover .photo-stack{height:300px}.lab-grid{grid-template-columns:repeat(2,1fr)}.deck-stack{height:420px}.cassette{width:min(540px,56%)}.about-grid{grid-template-columns:1fr;gap:32px}.spread{padding:56px 24px}.spread .head{gap:14px;margin-bottom:32px}.spread .head .note{margin-left:0;margin-top:4px}nav.site-nav{padding:12px 16px}nav.site-nav .links{gap:14px}.crt{padding:20px}.marquee-bar{padding:10px 14px;font-size:12px;flex-wrap:wrap;gap:8px}}@media(max-width:640px){nav.site-nav{padding:10px 14px;font-size:11px}nav.site-nav .badge{display:none}nav.site-nav .links{gap:14px}nav.site-nav .mark span{display:none}.cover{padding:80px 20px 64px}.cover .meta-strip{position:static;flex-wrap:wrap;gap:8px 16px;margin-bottom:8px;font-size:10px}.cover h1{font-size:clamp(56px,16vw,96px);margin:8px 0 12px}.cover h1>span{display:block;width:fit-content}.cover h1 .o{margin-left:32px}.cover .sub{font-size:24px;margin:0 0 20px}.cover .stamp{font-size:15px;padding:12px 18px;gap:10px}.cover .stamp .blink{font-size:18px}.cover .photo-stack{height:300px;margin-top:8px}.coming-soon-stamp{inset:auto auto -12px 50%;transform:translate(-50%) rotate(-4deg);padding:10px 18px}.coming-soon-stamp .l1,.coming-soon-stamp .l2{font-size:24px}.coming-soon-stamp .l3{font-size:10px;margin-top:6px}.cover .polaroid{width:140px;padding:10px 10px 24px}.cover .polaroid .frame{height:140px}.cover .polaroid .caption{font-size:14px;margin-top:6px}.cover .p1{left:0;top:0}.cover .p2{left:auto;right:0;top:30px}.cover .p3{left:22%;top:110px}.spread{padding:48px 20px}.spread .head{gap:10px;margin-bottom:28px}.spread .head-id{flex-direction:row;align-items:baseline;gap:14px;flex-wrap:wrap}.spread .head-id .kicker{font-size:13px;letter-spacing:.1em}.spread .head .num{font-size:42px}.spread h2{font-size:clamp(40px,11vw,64px)}.spread .head .note{font-size:18px}.spread.lab:before{font-size:11px;top:10px;right:14px}.cabinet{padding:10px}.cabinet:before{font-size:11px;padding:2px 10px;letter-spacing:.1em}.cabinet-side-grille{display:none}.plate-tag{top:-10px;left:14px;padding:3px 10px;font-size:12px;letter-spacing:.1em}.marquee-bar{padding:10px 12px;font-size:11px;flex-direction:column;align-items:flex-start;gap:6px}.marquee-bar .left,.marquee-bar .right{width:100%;justify-content:space-between}.bezel{padding:10px 10px 8px;margin-top:6px}.bezel:before,.bezel:after,.bezel-screws-bot span{width:6px;height:6px}.crt{padding:14px;border-radius:14px/12px}.crt:after{border-radius:14px/12px}.crt-prompt{font-size:15px;margin-bottom:14px}.lab-grid{grid-template-columns:1fr;gap:10px}.lab-card{padding:14px;min-height:auto}.lab-card .title{font-size:22px}.lab-card .desc{font-size:14px}.controls{padding:10px 12px;gap:10px}.controls .group{gap:6px}.controls .label{font-size:11px}.cabinet-foot{flex-direction:column;align-items:flex-start;gap:4px;padding:10px 14px;font-size:12px}.deck-stack{height:320px}.cassette{width:min(380px,70%)}.cassette .label-top{padding:8px 10px;gap:8px}.cassette .side-tab .letter,.cassette .length-num{font-size:24px}.cassette .title{font-size:13px}.cassette .mechanism .drive-hole{width:24px;height:24px}.cassette .mechanism .guide,.cassette .mechanism .felt{width:10px;height:14px}.deck-btn{padding:8px 12px;font-size:11px}.deck-btn .glyph{font-size:18px}.counter{font-size:16px;min-width:160px;padding:6px 12px}.about-grid .blurb{font-size:20px}.about-grid .blurb em{font-size:26px}.contact-card{padding:22px;transform:none}.contact-card .row{flex-direction:column;align-items:flex-start;gap:4px;padding:12px 0}.contact-card .v{font-size:13px;word-break:keep-all;hyphens:none}.contact-card .v a{word-break:keep-all}footer.site-footer{flex-direction:column;align-items:flex-start;gap:8px;padding:24px}}@media(max-width:380px){.cover h1{font-size:48px}.cover .stamp{font-size:13px;padding:10px 14px}.spread .head .num,.spread h2{font-size:36px}.marquee-bar .right span:not(:last-child){display:none}.marquee-bar .right span:last-child:before{content:"★ "}}
