:root{color-scheme:dark;--ink:#f2e9d8;--muted:#ac9d9e;--gold:#d7b781;--energy:0;--warm:0;--px:0px;--py:0px}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:#100e12;color:var(--ink);font-family:Arial,Helvetica,sans-serif;isolation:isolate}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,canvas:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button,a{touch-action:manipulation}button:disabled{cursor:default}button:hover,a:hover{color:var(--gold)}[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:15px;padding:15px;background:#251924;z-index:100}.skip:focus{top:15px}.room{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 50% 46%,#59424d55,transparent 60%),linear-gradient(#161117,#100e12 70%);transition:background 1.6s}.architecture{position:absolute;inset:14% -10% 20%;background:linear-gradient(90deg,transparent 14%,#0005 14.3%,#0000 15%,#0000 84%,#0005 84.3%,transparent 85%),linear-gradient(0deg,transparent 95%,#a3988125 95.2%,#0004 96%,transparent 97%);border-top:1px solid #d9c29810;transform:translate(calc(var(--px)*-.3),calc(var(--py)*-.3));transition:transform .6s ease-out}.ceiling-light{position:absolute;top:14%;left:30%;width:40%;height:2px;background:#fff2c7;box-shadow:0 0 18px #ffe5aa80,0 12px 65px 40px #e5bc6f0a;opacity:.6}.floor-lines{position:absolute;width:180%;height:65%;left:-40%;bottom:-20%;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(12.5% - 1px),#a892a611 12.5%),repeating-linear-gradient(0deg,transparent 0,transparent 39px,#a892a611 40px);transform:perspective(500px) rotateX(65deg);mask-image:linear-gradient(transparent,#0007)}.room-glow{position:absolute;inset:20% 0 0;background:radial-gradient(ellipse at 60% 50%,#b46c9533,transparent 65%);opacity:calc(.25 + var(--energy)*.8);transition:opacity .12s linear}body[data-light=summer] .room{background:radial-gradient(ellipse at 80% 24%,#bd754857,transparent 60%),radial-gradient(ellipse at 12% 32%,#31525155,transparent 60%),linear-gradient(#19101b,#100e12 85%)}body[data-light=summer] .ceiling-light{background:#e7b777;box-shadow:0 0 40px 15px #efbd7744}.masthead{display:flex;justify-content:space-between;align-items:center;padding:27px 4.5%;position:relative;z-index:2}.wordmark{display:block}.wordmark>span{display:block;font-size:8px;letter-spacing:.44em;margin-bottom:6px}.wordmark strong{font-size:27px;letter-spacing:-.07em;font-weight:900}.period{color:var(--gold)}nav{display:flex;align-items:center;gap:33px}nav button,nav a{font-size:9px;letter-spacing:.13em;padding:12px 0}nav button span{margin-left:12px}nav i{display:inline-block;width:4px;height:4px;margin-left:6px;background:var(--gold);border-radius:50%}.booking-link{border-bottom:1px solid #d7b78175}main{width:100%;max-width:1800px;margin:auto}.listening-room{position:relative}.project-heading{padding:15px 8% 0;display:flex;align-items:end;justify-content:space-between;position:relative;z-index:2;pointer-events:none}.eyebrow{font-size:8px;letter-spacing:.2em;color:var(--gold);line-height:1.8;margin:0 0 10px}h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-stretch:condensed;font-weight:500;font-size:clamp(46px,6.4vw,96px);letter-spacing:-.035em;margin:0;line-height:.9}h1 em{font-family:Georgia,serif;font-size:.84em;font-weight:400;letter-spacing:-.055em} .project-copy{font-size:10px;line-height:1.8;letter-spacing:.03em;color:#bdadae;margin:0 0 3px}#stage{height:clamp(260px,43svh,600px);position:relative;margin-top:-10px;overflow:hidden;touch-action:pan-y}.stage-halo{position:absolute;left:20%;right:20%;top:18%;height:50%;background:radial-gradient(ellipse,#94647822,transparent 70%);filter:blur(25px)}.car-shadow{position:absolute;bottom:11%;left:18%;width:64%;height:13%;background:#0503079c;border-radius:50%;filter:blur(20px);transform:perspective(500px) rotateX(45deg)}#poster{position:absolute;inset:0 7% 8%;width:86%;height:92%;object-fit:contain;filter:drop-shadow(0 25px 15px #0008);transform:translate(var(--px),var(--py));transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.3,1);will-change:transform}#car{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;touch-action:pan-y;transition:opacity 1s}.stage-caption{position:absolute;bottom:2%;left:8%;right:8%;display:flex;align-items:center;justify-content:space-between;gap:18px;pointer-events:none}.stage-caption span{font-size:6px;letter-spacing:.16em;color:#a795a4}.stage-caption b{font-weight:400;color:var(--gold);margin:0 8px}#viewer-note{color:#c8b5bd}.scene-bar{display:flex;justify-content:space-between;align-items:center;margin:14px 8% 20px}.scene-switch{display:flex;gap:24px}.scene-switch button{font-size:7px;letter-spacing:.05em;color:#8b788a;padding:8px 0;position:relative}.scene-switch button span{font-size:8px;letter-spacing:.12em;margin-left:7px}.scene-switch button[aria-pressed=true]{color:var(--gold)}.scene-switch button[aria-pressed=true]:after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--gold)}.view-controls{display:flex;gap:16px}.view-controls button{font-size:7px;letter-spacing:.1em;color:#9f8b9f}.deck{position:relative;margin:0 8%;padding:15px 25px 12px;background:linear-gradient(115deg,#30262c99,#171318e8 45%,#28202780);border:1px solid #d8bc8c36;border-radius:4px;box-shadow:0 20px 45px #0005,inset 0 1px #ffffff0b}.deck:before,.deck:after{content:'+';font-size:11px;color:#8a756b;position:absolute;top:9px}.deck:before{left:8px}.deck:after{right:8px}.deck-label{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-bottom:13px;border-bottom:1px solid #ffffff10}.deck-label>span{font-size:6px;letter-spacing:.2em;color:#af9d8d}.deck-label button{font-size:8px;letter-spacing:.12em;color:#ddc7a8}.deck-label button span{font-size:14px;margin-left:12px}.deck-main{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px;padding:17px 0 15px}.track{min-width:0}.track .eyebrow{font-size:6px;letter-spacing:.17em}h2{font-size:23px;letter-spacing:-.02em;line-height:1.05;margin:7px 0}#features{font-size:7px;letter-spacing:.08em;color:#b09da9;line-height:1.7;margin:8px 0 0}.transport{display:flex;align-items:center;gap:17px}.transport>button{font-size:35px;font-weight:300;width:35px;height:45px;color:#d0b58d}.transport #play{font-size:15px;width:58px;height:58px;color:#1e181a;background:linear-gradient(120deg,#f0ddbb,#bd9b66);border:1px solid #e4cba0;border-radius:50%;box-shadow:0 3px 10px #0008,inset 0 1px #fff9;transition:transform .25s}.transport #play:hover{transform:scale(1.06)}.signal{justify-self:end;width:145px;text-align:right}#wave{width:145px;height:30px;display:block}.signal span{display:block;font-size:5px;letter-spacing:.16em;color:#917c84;margin-top:7px}.timeline{display:flex;align-items:center;gap:10px;font-size:8px;color:#ac97a1;font-variant-numeric:tabular-nums}.timeline input{width:100%;min-width:40px;accent-color:var(--gold);height:3px;margin:12px 0;cursor:pointer}.timeline button{font-size:6px;letter-spacing:.1em;margin-left:20px;white-space:nowrap;color:#c5ae94}#message{font-size:10px;color:#e3ba86;line-height:1.6;margin:8px 0 0}#message:empty{display:none}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 8% 25px;max-width:1800px;margin:auto}footer button,footer a,footer p{font-size:7px;letter-spacing:.12em}footer p{color:#806d7c}footer button span{margin-left:10px}footer a{color:#bd9e79}dialog{padding:0;border:1px solid #a88d6c55;color:var(--ink);background:#18131bef;backdrop-filter:blur(24px);width:min(720px,94vw);max-height:90svh;margin:auto;border-radius:5px;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#09060bc4;backdrop-filter:blur(7px)}.panel-top{position:sticky;top:0;background:#1a141eee;display:flex;justify-content:space-between;align-items:center;padding:16px 30px;z-index:2;border-bottom:1px solid #c5aa7a30}.panel-top>span{font-size:8px;letter-spacing:.15em;color:#c1a881}.panel-top button{padding:8px;font-size:15px}.panel-body{padding:35px 45px 45px}.panel-body>h2{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(43px,7vw,69px);font-weight:500;letter-spacing:-.02em;line-height:1.02;margin:15px 0 25px}.panel-body>h2 em{font-family:Georgia,serif;font-weight:400}.intro{font-family:Georgia,serif;font-size:20px;line-height:1.5;color:#d7c5cb}.story-button{display:flex;gap:30px;align-items:center;font-size:9px;letter-spacing:.12em;padding:15px 0;border-bottom:1px solid #c7ac7d80;margin:25px 0 10px;color:#e4c59a}.career article{padding:25px 0;border-bottom:1px solid #ffffff12}.career article>span{color:#b49470;font-size:7px;letter-spacing:.18em}h3{font-size:22px;letter-spacing:-.025em;font-weight:400;margin:12px 0}.career p,.project-story p:not(.eyebrow){font-size:13px;line-height:1.9;color:#b9a9b7;margin:0}.road{padding:30px 0;border-bottom:1px solid #ffffff15}.road p:last-child{font-family:Georgia,serif;line-height:2;font-size:16px;color:#c4b1b8}.project-story{padding:30px 0}.text-link{font-size:9px;letter-spacing:.14em;border-bottom:1px solid #d7b78166;display:inline-block;padding:15px 0;color:#e2c59b}.tape-note{font-size:12px;line-height:1.8;color:#b3a1ad}ol{list-style:none;margin:25px 0;padding:0}#track-list li{border-top:1px solid #d7b78133}#track-list button{display:grid;grid-template-columns:32px 1fr 25px;align-items:center;gap:15px;width:100%;padding:23px 0;text-align:left}.num{font-size:9px;color:#ad9270}#track-list strong{font-size:16px;font-weight:400;letter-spacing:.04em;display:block}#track-list small{display:block;margin-top:9px;font-size:8px;letter-spacing:.05em;color:#9e889b}#track-list button[aria-current=true]{color:#efd2a0}.state{font-size:13px;color:#d3b37f}details{border-top:1px solid #ffffff25;margin-top:25px;padding-top:20px}summary{font-size:9px;letter-spacing:.1em;cursor:pointer;line-height:2.4;color:#c4ac91}summary span{display:block;color:#8c788b;font-size:7px;margin-left:16px}#pending-list li{padding:13px 0;display:grid;grid-template-columns:25px 1fr;gap:10px;border-top:1px solid #ffffff0b;color:#ac98a8;font-size:11px;line-height:1.6}#pending-list small{display:block;font-size:8px;color:#7f6c7e} .source-note{font-size:8px;color:#887585}.radio-time{border-block:1px solid #c4a77733;margin:30px 0;padding:20px 0}.radio-time>strong{font-size:10px;letter-spacing:.2em;color:#d6b280}.radio-time p{font-size:30px;margin:12px 0 0;letter-spacing:-.04em}.radio-time p span{font-size:8px;letter-spacing:.15em;margin-left:15px;color:#a78d9c}.primary-link{display:block;padding:20px;background:#d6b680;color:#21171c;font-size:10px;letter-spacing:.08em;text-align:center}.primary-link:hover{background:#ead4ae;color:#21171c}.booking{margin-top:45px;padding-top:30px;border-top:1px solid #ffffff18}.booking h3{font-family:Georgia,serif;font-size:37px;line-height:1.15}.booking>a{font-size:12px;letter-spacing:.1em;color:#e2c392;border-bottom:1px solid #d7b78166;padding:15px 0;display:inline-block}.social-links{margin-top:35px;display:flex;gap:24px;flex-wrap:wrap}.social-links a{font-size:8px;letter-spacing:.12em}.panel-body{animation:panel-in .4s ease-out}@keyframes panel-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(min-width:900px) and (min-height:760px){body{display:flex;flex-direction:column;min-height:100svh}.masthead{flex:0 0 auto}main{flex:1;display:flex;flex-direction:column;justify-content:center}.listening-room{flex:1;display:flex;flex-direction:column}#stage{flex:1;min-height:300px;max-height:600px}.project-heading{flex-shrink:0}.scene-bar{flex-shrink:0}.deck{flex-shrink:0}}@media(min-width:1500px){.deck{margin-inline:14%}.project-heading,.stage-caption{padding-inline:0;left:0;right:0}.project-heading{margin-inline:8%}.stage-caption{margin-inline:8%}}@media(max-width:700px){.masthead{padding:23px 6%}.wordmark strong{font-size:24px}.wordmark>span{font-size:6px;letter-spacing:.4em}nav{gap:15px}nav button,nav a{font-size:7px;letter-spacing:.06em}nav button span{display:none}.project-heading{padding:20px 6% 0;display:block}.project-heading .eyebrow{font-size:6px;margin-bottom:10px}h1{font-size:clamp(48px,11vw,74px)}.project-copy{font-size:9px;line-height:1.6;margin-top:17px}.project-copy br{display:none}#stage{height:clamp(240px,36svh,400px);margin-top:0}#poster{inset:0 -3% 6%;width:106%;height:94%}.stage-caption{left:6%;right:6%;bottom:0;display:block;text-align:center}.stage-caption .spec{font-size:5px;letter-spacing:.1em}#viewer-note{display:block;font-size:6px;margin-top:10px}.scene-bar{margin:18px 6% 18px}.scene-switch{gap:22px}.scene-switch button span{font-size:7px}.view-controls button{font-size:6px}.view-controls{gap:10px}.deck{margin:0 5%;padding:14px 18px 10px}.deck-label>span{font-size:5px;letter-spacing:.1em}.deck-label button{font-size:7px}.deck-label button span{margin-left:4px}.deck-main{grid-template-columns:1fr auto;gap:15px;padding:18px 0 13px}.signal{display:none}h2{font-size:19px}#features{font-size:6px;max-width:210px;line-height:1.8}.transport{gap:4px}.transport #play{width:49px;height:49px;font-size:13px}.transport>button{width:27px;font-size:30px}.timeline button{font-size:5px;margin-left:4px}.timeline{gap:8px;font-size:7px}footer{padding:23px 6% 25px;gap:14px}footer button,footer a{font-size:6px;letter-spacing:.07em}footer p{display:none}.panel-body{padding:25px 25px 35px}.panel-top{padding:13px 20px}.panel-top>span{font-size:7px}.intro{font-size:18px}.career p,.project-story p:not(.eyebrow){font-size:12px}.radio-time p{font-size:26px}.primary-link{font-size:8px}.scene-bar{align-items:center}#auto-turn{max-width:65px;line-height:1.8}#reset{font-size:6px}.social-links{gap:18px}}@media(max-width:370px){nav{gap:10px}.booking-link{max-width:45px;line-height:1.7}#features{max-width:170px}.project-copy{font-size:8px}.deck-label>span{max-width:130px;line-height:1.7}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}#poster,.architecture{transform:none!important}}
/* Readable instrument labels, including on small screens. */
nav button,nav a{font-size:10px}.eyebrow{font-size:9px}.project-copy{font-size:12px}.stage-caption span{font-size:8px}.scene-switch button,.scene-switch button span{font-size:9px}.view-controls button{font-size:9px}.deck-label>span{font-size:8px}.deck-label button{font-size:10px}.track .eyebrow{font-size:8px}#features{font-size:9px}.signal span{font-size:7px}.timeline{font-size:10px}.timeline button{font-size:8px}footer button,footer a,footer p{font-size:9px}.panel-top>span{font-size:10px}.career article>span{font-size:9px}.story-button,.text-link{font-size:10px}#track-list small{font-size:10px}.num{font-size:11px}summary{font-size:11px}summary span,#pending-list small,.source-note{font-size:9px}.social-links a{font-size:10px}@media(max-width:700px){nav button,nav a{font-size:8px}.project-heading .eyebrow{font-size:8px}.project-copy{font-size:11px}.stage-caption .spec{font-size:7px}#viewer-note{font-size:7px}.scene-switch button,.scene-switch button span{font-size:8px}.view-controls button,#reset{font-size:7px}.deck-label>span{font-size:7px}.deck-label button{font-size:8px}.track .eyebrow{font-size:8px}#features{font-size:8px}.timeline{font-size:9px}.timeline button{font-size:7px}footer button,footer a{font-size:8px}.panel-top>span{font-size:8px}.scene-switch{gap:16px}.scene-bar{gap:10px}}@media(max-width:370px){nav button,nav a{font-size:7px}.deck-label>span{font-size:6px}#features{font-size:7px}footer button,footer a{font-size:7px}.scene-switch button span{font-size:7px}}
.transport>button{min-width:44px;min-height:44px}.stage-halo{animation:light-rise 1.7s ease-out both}.project-heading{animation:arrival .8s ease-out both}.deck{animation:arrival 1s .15s ease-out both}@keyframes light-rise{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes arrival{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){.stage-halo,.project-heading,.deck{animation:none!important}}
/* Photographic Stereo 8 dashboard. Controls follow the photographed hardware. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hardware-deck{border:0;box-shadow:none;background:none;padding:0;margin-inline:12%;border-radius:0}.hardware-deck:before,.hardware-deck:after{display:none}.hardware-deck .deck-label{padding:0 2px 10px;border:0}.hardware-deck .deck-label>span{font-size:8px}.hardware-deck .deck-label button{font-size:9px}.hardware{position:relative;width:100%;aspect-ratio:3/1;filter:drop-shadow(0 16px 20px #0009);border-radius:12px;overflow:hidden}.stereo-photo{display:block;width:100%;height:100%;object-fit:fill}.cartridge-label{position:absolute;left:30.2%;top:55.5%;width:39.8%;height:17%;color:#352519;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;pointer-events:none;overflow:hidden}.cartridge-label>span{font-size:clamp(6px,.65vw,9px);font-weight:700;letter-spacing:.13em;line-height:1.1}.cartridge-label h2{font-size:clamp(10px,1.5vw,23px);font-weight:800;letter-spacing:-.03em;margin:3px 0 2px;line-height:1.05;white-space:nowrap}.cartridge-label #features{color:#5a3a25;font-size:clamp(5px,.58vw,9px);letter-spacing:.02em;line-height:1.1;margin:0;max-width:none}.hardware button{position:absolute;margin:0;padding:0;display:grid;place-items:center;border:0;color:#251a13;text-shadow:0 1px #f7e1be55}.hardware .preset{top:81.1%;width:7.3%;height:10.4%;border-radius:3px;font-size:clamp(6px,.7vw,11px);font-weight:700;letter-spacing:.08em;background:transparent;box-shadow:none;transition:filter .15s,background .15s}.hardware .preset:hover{background:#fff2c72b;color:#140c08}.hardware .preset:active{background:#0004;transform:translateY(1px)}.preset-previous{left:25%}.preset-play{left:35.7%}.preset-next{left:46.2%}.preset-tape{left:56.8%}.preset-mute{left:67.4%}.volume-knob{position:absolute;left:4.3%;top:26.3%;width:14.3%;height:42%;border-radius:50%;cursor:ew-resize}.volume-knob input{opacity:0;width:100%;height:100%;cursor:ew-resize;margin:0}.volume-knob:focus-within{outline:2px solid #f2d094;outline-offset:3px}.hardware .tuning-knob{left:81.6%;top:26.3%;width:14.3%;height:42%;border-radius:50%;background:transparent}.hardware .tuning-knob:hover{background:#e9c3890c}.dial-glow{position:absolute;left:23%;top:20%;width:54%;height:19%;pointer-events:none;background:radial-gradient(ellipse,#ffb32923,transparent 75%);opacity:calc(.2 + var(--energy)*.8);mix-blend-mode:screen;transition:opacity .1s}.hardware-deck .timeline{padding:5px 1px 0;color:#b69f93;gap:12px;font-size:9px}.hardware-deck .timeline input{height:2px;accent-color:#d5ab68}.deck-status{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:3px}.deck-status>span{font-size:7px;letter-spacing:.12em;color:#9d8170}.deck-status .knob-hint{margin-left:auto;color:#715f5e;font-size:6px}.deck-status #wave{width:85px;height:16px}.deck-assist{display:none}.hardware-deck #message{font-size:11px;margin-top:12px}.listening-room #stage{max-height:480px}@media(min-width:900px) and (min-height:760px){.listening-room #stage{min-height:230px}.hardware-deck{margin-inline:16%;max-width:1050px;width:68%;align-self:center;flex-shrink:0}.project-heading{padding-top:0}footer{padding-top:20px}.scene-bar{margin-bottom:14px}}@media(min-width:1500px){.hardware-deck{margin-inline:20%;width:60%}}@media(max-width:700px){.hardware-deck{margin-inline:4%;width:92%}.hardware{border-radius:5px}.hardware-deck .deck-label>span{font-size:6px}.hardware-deck .deck-label button{font-size:8px}.cartridge-label h2{font-size:clamp(9px,2.5vw,16px);margin:2px 0}.cartridge-label>span{font-size:5px}.cartridge-label #features{display:none}.hardware .preset{font-size:5px}.deck-assist{display:flex;justify-content:space-between;margin-top:9px;border-bottom:1px solid #c8a87933}.deck-assist button{font-size:8px;letter-spacing:.1em;min-height:44px;flex:1;color:#d6b788}.deck-assist button:active{background:#d4b58415}.deck-status{gap:10px;margin-top:0}.deck-status>span{font-size:6px}.deck-status .knob-hint{display:none}.deck-status #wave{width:60px;height:14px}.hardware-deck .timeline{font-size:8px;padding-top:2px}.hardware .preset{height:15%;top:79%}.volume-knob input{min-height:44px}.listening-room #stage{height:clamp(220px,32svh,360px)}footer{padding-top:20px}}@media(prefers-reduced-motion:reduce){.hardware,.dial-glow{transition:none!important}}
@media(min-width:900px) and (min-height:760px){.hardware-deck{width:58%;max-width:860px;margin-inline:21%}.listening-room #stage{min-height:280px}}@media(min-width:1500px){.hardware-deck{width:52%;margin-inline:24%}}
.mobile-record{display:none}@media(max-width:700px){#poster{inset:0 2% 6%;width:96%;height:94%}.mobile-record{display:block;text-align:center;font-size:12px;letter-spacing:.07em;color:#d9c6a9;margin:15px 0 0}.deck-assist{margin-top:3px}}