/* A steady pearl aura holds the parked car in the dark room. */
.pearl-aura{position:absolute;inset:0 7% 8%;width:86%;height:92%;background:url('assets/cadillac-cutout.png') center/contain no-repeat;filter:blur(24px) saturate(1.7) brightness(1.6);opacity:.38;transform:translate(var(--px),var(--py));pointer-events:none}.has-3d .pearl-aura{opacity:.2;filter:blur(35px) saturate(1.7)}.stage-halo{left:14%;right:14%;top:12%;height:69%;background:radial-gradient(ellipse at 43% 50%,#d0a67622,transparent 65%),radial-gradient(ellipse at 60% 40%,#9b66ad30,transparent 65%);filter:blur(20px)}.perspectives{display:flex;justify-content:flex-end;gap:7px;margin:-9px 8% 12px;position:relative;z-index:3}.perspectives button{font-size:8px;letter-spacing:.12em;padding:12px 17px;border:1px solid #c1a28044;background:#15101866;color:#ab94a2;min-height:38px}.perspectives button[aria-pressed=true]{color:#ebd4ae;border-color:#d4b28088;background:#b7905920}.perspectives button:hover{color:#ffdfaa}.ride-caption{position:fixed;top:19%;left:5%;z-index:2;max-width:380px}.ride-caption h2{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(48px,6vw,82px);font-weight:400;line-height:.93;letter-spacing:-.04em;margin:15px 0}.ride-caption h2 em{font-family:Georgia,serif;font-size:.75em}.ride-caption>p:not(.eyebrow){font-size:11px;line-height:1.7;color:#d0bebc;max-width:260px}.ride-buttons{display:flex;gap:12px;align-items:center;margin-top:22px}.ride-buttons button{border-bottom:1px solid #d8b57d66;color:#e5cda8;font-size:8px;letter-spacing:.1em;min-height:40px;padding:8px 0}#ride{position:fixed;inset:0;z-index:-1;background:#100d11}#ride-video{width:100%;height:100%;object-fit:cover;object-position:50% 45%;display:block}.ride-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0704099c,transparent 48%),linear-gradient(#08040a77,transparent 25%,transparent 55%,#09050b99 100%);pointer-events:none}body.riding{height:100svh;min-height:600px;overflow:hidden;background:#0c0910}body.riding .room{opacity:0}body.riding .masthead{z-index:6;background:linear-gradient(#0b070cb0,transparent)}body.riding .listening-room>.project-heading,body.riding #stage,body.riding .scene-bar{visibility:hidden;pointer-events:none}body.riding .perspectives{position:fixed;top:28px;left:40%;right:auto;margin:0}body.riding .perspectives button{backdrop-filter:blur(12px);background:#100a11b3}body.riding .hardware-deck{position:fixed;bottom:35px;right:4%;width:42%;max-width:660px;margin:0;z-index:4;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .4s;filter:drop-shadow(0 15px 25px #0008)}body.riding.ride-stereo-open .hardware-deck{visibility:visible;opacity:1;pointer-events:auto}.riding .hardware-deck .deck-label{background:#0c080dbb;padding:8px;border-radius:3px}.riding .hardware-deck .deck-status{background:#0c080dcc;padding:6px}.riding .hardware-deck .timeline{background:#0c080dcc;padding:3px 8px}.riding .hardware-deck .knob-hint{display:none}body.riding footer{position:fixed;bottom:18px;left:5%;padding:0;z-index:2}.riding footer p,.riding footer>a{display:none}.riding footer>button{color:#d7c09c}.riding #ride-status{color:#e5c18c;font-size:10px}.riding .deck-assist{background:#100a11cc}.riding .mobile-record{background:#100a11cc;padding:8px;margin-bottom:0}@media(max-width:700px){.pearl-aura{inset:0 2% 6%;width:96%;height:94%;filter:blur(17px) saturate(1.7) brightness(1.6)}.perspectives{justify-content:flex-start;margin:6px 6% 10px}.perspectives button{font-size:8px;min-height:42px;padding:10px 17px}.project-heading{padding-top:10px}body.riding .perspectives{top:94px;left:6%;right:6%;margin:0}.ride-caption{top:165px;left:6%;max-width:220px}.ride-caption h2{font-size:48px}.ride-caption>p:not(.eyebrow){font-size:10px;max-width:190px}.ride-buttons{gap:18px;margin-top:10px}.ride-buttons button{font-size:8px}.ride-shade{background:linear-gradient(90deg,#070409a3,transparent 80%),linear-gradient(#08040a77,transparent 40%,transparent 65%,#09050b99)}#ride-video{object-position:52% 40%}body.riding .hardware-deck{bottom:57px;right:4%;width:92%;max-width:none}.riding .hardware-deck .deck-label{padding:6px}.riding .deck-assist{margin:0}.riding .hardware-deck .deck-status{display:none}body.riding footer{left:6%;bottom:22px}.riding.ride-stereo-open .ride-caption h2{font-size:37px}.riding.ride-stereo-open .ride-caption>p:not(.eyebrow){display:none}.riding .mobile-record{font-size:10px;margin-top:0}body.riding .masthead{padding-bottom:20px}}@media(max-height:700px) and (min-width:701px){body.riding .ride-caption{top:22%}.ride-caption h2{font-size:48px}body.riding .hardware-deck{width:38%;bottom:20px}.perspectives{margin-bottom:8px}}@media(prefers-reduced-motion:reduce){.pearl-aura{transform:none}.riding .hardware-deck{transition:none}}
.ride-buttons{flex-wrap:wrap;max-width:330px;gap:5px 18px}.ride-caption #ride-status:empty{display:none}@media(min-width:900px) and (min-height:760px){body:not(.riding) .perspectives{position:absolute;top:-12px;right:8%;margin:0;translate:0 -5px}body:not(.riding) .project-heading{padding-top:25px}}
/* Keep the cartridge lettering inside the smaller console-mounted radio. */
.riding .cartridge-label>span{font-size:6px}.riding .cartridge-label h2{font-size:clamp(11px,1.15vw,17px);margin:2px 0}.riding .cartridge-label #features{font-size:5px}@media(max-width:700px){.riding .cartridge-label>span{display:none}.riding .cartridge-label h2{font-size:11px;margin:0}}