/* AJ / Cinema Showroom V5 — functionality-first visual direction */
:root{--electric:#38dfff;--magenta:#c044ff;--cinema-ink:#020711}
html{scroll-padding-top:92px}
.cinema{position:relative;overflow:hidden;background:#02060f;color:#fff;border-bottom:1px solid rgba(64,203,255,.3);isolation:isolate}
.cinema:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(12,21,47,.78),transparent 45%,rgba(51,12,70,.16));z-index:-1}
.cinema-header{height:40px;display:flex;align-items:center;gap:12px;padding:0 max(24px,3.4vw);font-size:10px;font-weight:800;letter-spacing:.25em;color:#d9f3ff;background:#030b1b;border-top:1px solid rgba(33,193,255,.17);border-bottom:1px solid rgba(77,199,255,.25)}
.cinema-header-secondary{color:#728dab;font-weight:600}.cinema-location{margin-left:auto;font-size:9px;color:#82d8fb}
.cinema-stage{position:relative;height:clamp(610px,54vw,790px);min-height:0;overflow:hidden;contain:layout paint;background:#04101f;--scene-fade:1}
.cinema-art{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .62s ease,visibility .62s;pointer-events:none;overflow:hidden}
.cinema-art img{width:100%;height:100%;object-fit:cover;display:block}
.cinema-stage[data-view="exterior"] .front-art,.cinema-stage[data-view="rear"] .rear-art,.cinema-stage[data-view="trunk"] .rear-art,.cinema-stage[data-view="interior"] .interior-art,.cinema-stage[data-view="radio"] .interior-art,.cinema-stage[data-view="baby"] .baby-art{opacity:1;visibility:visible}
.front-art img{object-position:center 56%;transform:scale(1.035);animation:cinemaBreath 17s ease-in-out infinite alternate}
@keyframes cinemaBreath{from{transform:scale(1.015)}to{transform:scale(1.075)}}
.front-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#020810 1%,rgba(2,8,18,.96) 16%,rgba(3,10,26,.67) 35%,rgba(2,9,25,.07) 63%,rgba(2,8,19,.45) 100%),linear-gradient(0deg,#02070f 0%,transparent 22%,transparent 76%,rgba(1,6,15,.4))}
.cinema-hudline{position:absolute;inset:0;z-index:1;pointer-events:none;background:repeating-linear-gradient(transparent,transparent 7px,rgba(80,179,244,.01) 8px);mix-blend-mode:screen}
.cinema-mist{position:absolute;left:30%;right:0;bottom:0;height:35%;background:radial-gradient(ellipse at 40% 100%,rgba(110,24,255,.3),transparent 60%);pointer-events:none;z-index:1}
.cinema-copy{position:absolute;z-index:4;top:9%;left:max(24px,3.6vw);width:min(38%,520px);pointer-events:none}
.cinema-copy a{pointer-events:auto}.cinema-micro{font-size:10px;letter-spacing:.31em;color:#9de4ff;font-weight:800;margin-bottom:20px;text-shadow:0 0 15px #169dff}
.cinema-copy h1{font-size:clamp(51px,6vw,106px);line-height:.93;letter-spacing:-.085em;font-weight:950;margin:0 0 18px;text-shadow:0 4px 30px rgba(1,4,13,.85);font-style:italic;transform:skewX(-6deg)}
.cinema-copy h1 em{font-style:inherit;background:linear-gradient(103deg,#fff 0%,#33dcff 37%,#6978ff 72%,#f542ed 100%);background-clip:text;color:transparent;-webkit-background-clip:text;text-shadow:none}
.cinema-copy p{font-size:clamp(13px,1.14vw,16px);line-height:1.7;color:#d6e3f5;max-width:405px;text-shadow:0 3px 17px #02050d}
.cinema-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.cinema-cta .button{font-size:11px;white-space:nowrap;padding:14px 17px;box-shadow:0 0 22px rgba(43,111,231,.32)}
.cinema-values{margin-top:27px;display:flex;flex-wrap:wrap;gap:14px 21px;font-size:9px;font-weight:800;letter-spacing:.1em;color:#a0e7ff}
.cinema-floating-hotspots{position:absolute;inset:0;z-index:5;pointer-events:none}
.cinema-hotspot{position:absolute;display:flex;align-items:center;gap:7px;background:transparent;border:0;color:#ecf9ff;pointer-events:auto;cursor:pointer;filter:drop-shadow(0 0 10px rgba(0,0,0,.7));transition:transform .25s ease}
.cinema-hotspot:hover,.cinema-hotspot:focus-visible{transform:translateY(-4px)}
.cinema-hotspot i{width:17px;height:17px;flex:none;border-radius:50%;background:#e4fdff;border:3px solid #1cdfff;box-shadow:0 0 0 5px rgba(24,183,244,.2),0 0 21px #20c7ff;animation:hotspotPulse 2.9s ease-in-out infinite}
.cinema-hotspot span{background:rgba(1,9,24,.82);border:1px solid rgba(37,185,246,.6);border-radius:3px;font-size:9px;font-weight:900;letter-spacing:.1em;padding:6px 7px;white-space:nowrap;box-shadow:0 0 12px rgba(17,193,246,.14)}
.cinema-hotspot.active i{background:#ffacff;border-color:#d142ff;box-shadow:0 0 0 6px rgba(190,57,255,.18),0 0 25px #df5aff}
@keyframes hotspotPulse{50%{box-shadow:0 0 0 8px rgba(24,183,244,.05),0 0 15px #20c7ff}}
.hs-dash{left:54%;top:26%}.hs-head{left:75%;top:58%}.hs-interior{left:62%;top:44%}.hs-tail{left:35%;top:54%}.hs-under{left:59%;top:79%}.hs-audio{left:39%;top:71%}
.cinema-stage:not([data-view="exterior"]) .cinema-floating-hotspots{display:none}
.cinema-stage:not([data-view="exterior"]) .cinema-copy{top:7%;width:min(28%,400px)}
.cinema-stage:not([data-view="exterior"]) .cinema-copy h1{font-size:clamp(42px,4.7vw,72px)}
.cinema-stage:not([data-view="exterior"]) .cinema-copy p{max-width:310px}
.cinema-info{position:absolute;right:max(22px,2.5vw);top:6%;bottom:5%;z-index:7;width:min(354px,28vw);min-height:440px;background:linear-gradient(150deg,rgba(8,18,41,.95),rgba(1,5,16,.96));border:1px solid rgba(66,199,248,.73);border-radius:15px;box-shadow:0 20px 70px rgba(0,0,0,.65),inset 0 0 30px rgba(15,96,153,.12),0 0 20px rgba(11,198,247,.1);display:flex;flex-direction:column;overflow:hidden;backdrop-filter:blur(20px)}
.cinema-info:before{content:"";position:absolute;top:-1px;left:12px;right:12px;height:2px;background:linear-gradient(90deg,#30d8ff,#7b61ff,#f12cff);box-shadow:0 0 14px #59a5ff}
.cinema-info-head{height:43px;padding:12px 17px;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.15em;color:#98d9f9;font-weight:800;flex:none}
.cinema-info-minimize{background:transparent;color:#d4eaff;border:0;font-size:26px;cursor:pointer;line-height:1}
.cinema-info-preview{position:relative;height:clamp(130px,13vw,187px);margin:0 11px;overflow:hidden;border:1px solid rgba(90,177,225,.35);border-radius:7px;flex:none}
.cinema-info-preview img{width:100%;height:100%;object-fit:cover;filter:saturate(1.17)}
.cinema-preview-caption{position:absolute;left:0;bottom:0;right:0;font-size:8px;letter-spacing:.14em;padding:9px;background:linear-gradient(transparent,rgba(0,4,14,.95));color:#d0efff;text-shadow:0 2px 3px #000}
.cinema-info-main{padding:14px 16px 16px;display:flex;flex-direction:column;gap:7px;overflow-y:auto;flex:1}
.cinema-info-category{font-size:9px!important;color:#52d9ff!important;letter-spacing:.18em;font-weight:800;margin:0!important}
.cinema-info-main h2{font-size:clamp(18px,1.6vw,25px);line-height:1.1;letter-spacing:-.045em;margin:0;font-weight:900}
.cinema-info-desc{font-size:12px!important;line-height:1.52!important;color:#bfcee5!important;margin:4px 0 7px!important}
.cinema-info-pricing{display:grid;gap:4px}.cinema-price-select{position:relative;display:flex;align-items:center;justify-content:space-between;gap:7px;padding:8px 9px;border:1px solid rgba(66,148,200,.25);border-radius:5px;background:rgba(10,24,46,.55);font-size:11px;cursor:pointer}
.cinema-price-select input{position:absolute;opacity:0;pointer-events:none}.cinema-price-select:has(input:checked){border-color:#27daff;background:rgba(28,90,137,.36)}.cinema-price-select strong{color:#fff;font-size:13px;flex:none}
.cinema-only-price{border:1px solid rgba(65,157,207,.25);padding:10px;border-radius:6px;font-size:12px;color:#dbe9fb}
.cinema-only-price strong{color:#fff;font-size:22px}.cinema-info-actions{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:auto;padding-top:12px}.cinema-info-actions .button{font-size:10px;padding:11px 12px;text-align:center;white-space:nowrap}.cinema-info-foot{font-size:8px!important;letter-spacing:.07em;line-height:1.5!important;color:#95afc6!important;margin:0!important}
.cinema-info.compact{bottom:auto;min-height:0}.cinema-info.compact .cinema-info-preview,.cinema-info.compact .cinema-info-main{display:none}
.cinema-feature-controls{position:absolute;left:max(23px,3vw);bottom:22px;z-index:8;display:flex;flex-wrap:wrap;max-width:58%;gap:7px}
.cinema-feature-controls button,.cinema-scene-actions button,.cinema-lab-toggle,.cinema-return{font-size:10px;letter-spacing:.07em;font-weight:850;color:#d4ebff;background:rgba(4,13,29,.89);border:1px solid rgba(81,176,240,.5);border-radius:7px;padding:9px 11px;cursor:pointer;box-shadow:0 4px 18px #020914}
.cinema-feature-controls button[aria-pressed="true"]{background:linear-gradient(110deg,rgba(20,122,203,.6),rgba(125,28,199,.5));border-color:#bd48ff;color:#fff;box-shadow:0 0 19px #722be174}
.cinema-feature-controls b{font-weight:950;color:#8eaec8;margin-left:4px}
.cinema-feature-controls button[aria-pressed="true"] b{color:#77ffea}
.cinema-scene-actions{position:absolute;left:3vw;bottom:24px;display:flex;flex-wrap:wrap;gap:8px;z-index:8;max-width:57%}.cinema-scene-actions[hidden],.cinema-bottom .cinema-return[hidden]{display:none}
.cinema-scene-actions button:hover,.cinema-return:hover,.cinema-lab-toggle:hover{background:#174d82}
.cinema-status{position:absolute;z-index:6;left:3vw;bottom:86px;color:#a4d2ec;font-size:10px;letter-spacing:.08em;text-shadow:0 2px 15px #000;pointer-events:none}
.cinema-ribbon{position:relative;z-index:9;display:grid;grid-template-columns:repeat(10,minmax(115px,1fr));gap:7px;padding:12px max(20px,2.7vw) 16px;background:linear-gradient(180deg,#0a1428,#050812);border-top:1px solid rgba(68,199,255,.52);overflow-x:auto;scrollbar-color:#1689c2 #061122}
.cinema-ribbon-item{text-align:left;min-width:113px;display:block;background:linear-gradient(150deg,#0c1830,#050910);border:1px solid #325574;color:#fff;border-radius:9px;padding:5px 5px 8px;cursor:pointer;transition:transform .23s,border-color .23s,box-shadow .23s}
.cinema-ribbon-item:hover,.cinema-ribbon-item:focus-visible{transform:translateY(-3px);border-color:#4fdfff}.cinema-ribbon-item.selected{border-color:#17dfff;box-shadow:0 0 16px #07aeed50,inset 0 0 0 1px #15bdf9}
.cinema-ribbon-item img{width:100%;height:72px;object-fit:cover;background:#081528;border-radius:5px}
.cinema-ribbon-item span{display:block;font-size:9px;font-weight:800;line-height:1.3;letter-spacing:.02em;margin:6px 3px 0}
.cinema-bottom{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:8px 3vw 14px;color:#95aeca;background:#030914;font-size:9px;letter-spacing:.06em}.cinema-bottom>div{display:flex;gap:7px;flex-wrap:wrap}.cinema-bottom .cinema-lab-toggle{color:#53dfff;border-color:#246b9b}
/* Feature lighting is visual and stateful — no unrelated image swapped into place. */
.underlight{position:absolute;z-index:2;bottom:13%;width:33%;height:5%;border-radius:50%;background:#a80bff;filter:blur(14px);opacity:0;transition:opacity .25s;mix-blend-mode:screen;animation:underWave 2.1s ease-in-out infinite alternate}
.underlight-left{left:34%;}.underlight-right{left:53%;background:#00eaff;animation-delay:-.65s}
.wheelwell-light{position:absolute;z-index:2;bottom:17%;width:11%;height:19%;border-radius:50%;border:10px solid #be3eff;box-shadow:0 0 22px #a13aff,inset 0 0 30px #b430ff;opacity:0;filter:blur(7px);transition:opacity .25s;mix-blend-mode:screen}
.wheelwell-one{left:41%}.wheelwell-two{left:68%}
.front-light{position:absolute;z-index:3;width:12%;height:4%;border-radius:50%;background:linear-gradient(90deg,transparent,#75e9ff,transparent);opacity:0;filter:blur(5px);transform:rotate(-12deg);box-shadow:0 0 30px #28dfff}
.front-light-left{left:68%;top:61%}.front-light-right{left:81%;top:58%}
.cinema-stage[data-underglow="on"] .underlight,.cinema-stage[data-wheelwell="on"] .wheelwell-light,.cinema-stage[data-headlights="on"] .front-light{opacity:.94}
.cinema-stage[data-headlights="on"] .front-light{animation:turnSignal 1.4s steps(3,start) infinite}
@keyframes underWave{to{filter:blur(22px);opacity:.65;transform:scale(1.04)}}
@keyframes turnSignal{0%,50%{background:#30dfff;box-shadow:0 0 34px #18caff}60%,86%{background:#ffb727;box-shadow:0 0 50px #ffba00}90%,100%{background:#22ceff;box-shadow:0 0 23px #24cfff}}
.rear-art{background:radial-gradient(ellipse at 50% 60%,#18365a 0%,#070f22 50%,#01050e 90%)}
.rear-art:before{content:"";position:absolute;inset:15% 0 0;background:linear-gradient(90deg,transparent 49%,#18ceff20 50%,transparent 51%),repeating-linear-gradient(0deg,transparent 0 68px,#21b0e522 69px 70px);transform:perspective(300px) rotateX(60deg);transform-origin:bottom;opacity:.5}
.rear-shell-art{position:absolute;width:77%;height:96%;left:12%;bottom:0;filter:drop-shadow(0 18px 32px #020410);transform:translateY(8px) scale(.94);transition:transform 1s ease}
.cinema-stage[data-view="trunk"] .rear-shell-art{transform:translateY(45px) scale(.88);filter:brightness(.8) drop-shadow(0 15px 35px #000)}
.rear-turn{position:absolute;top:47%;width:12%;height:4%;opacity:0;border-radius:50%;filter:blur(13px);background:#ff931c;box-shadow:0 0 40px #ff761d;animation:turnSignal 1.15s steps(4,end) infinite}.rear-turn-left{left:26%}.rear-turn-right{right:26%}.cinema-stage[data-taillights="on"] .rear-turn{opacity:.95}
.rear-underglow{position:absolute;left:22%;width:56%;height:6%;bottom:10%;border-radius:50%;opacity:0;background:#bc31ff;filter:blur(22px)}.cinema-stage[data-underglow="on"] .rear-underglow{opacity:.85}
.trunk-hatch{position:absolute;width:53%;height:48%;left:23.5%;top:32%;perspective:800px;transform:scale(.89);transition:opacity .6s;opacity:.28}
.cinema-stage[data-view="trunk"] .trunk-hatch{opacity:1}
.trunk-hatch-lid{position:absolute;left:5%;right:5%;top:0;height:35%;background:linear-gradient(180deg,#384e68,#101a31 55%,#091222);border:3px solid #536e92;border-radius:45% 45% 6px 6px;transform-origin:top;transform:rotateX(0deg);transition:transform 1.1s cubic-bezier(.22,.67,.17,1.2);z-index:3;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#9bd8ff;font-size:9px;letter-spacing:.2em;text-shadow:0 0 10px #48a9ff}
.hatch-led{width:78%;height:4px;background:#fa335d;box-shadow:0 0 14px #f62b6a;display:block;margin-bottom:18px}
.trunk-bay{position:absolute;inset:11% 5% 3%;background:radial-gradient(ellipse at center,#233551,#060b14);border:6px solid #263b57;border-radius:20px 20px 40px 40px;overflow:hidden;box-shadow:inset 0 0 40px #000}
.cinema-stage[data-trunk="open"] .trunk-hatch-lid{transform:rotateX(115deg)}
.cinema-stage[data-trunk="closed"] .trunk-bay{opacity:.4}.trunk-side{position:absolute;left:0;top:0;bottom:0;width:8%;background:linear-gradient(90deg,#050916,#152b48)}.trunk-side-r{left:auto;right:0;transform:scaleX(-1)}
.sound-enclosure{position:absolute;inset:5% 10% 9%;display:flex;align-items:center;justify-content:space-evenly;background:linear-gradient(140deg,#152338,#080e1d);border:2px solid #5f799d;border-radius:20px;box-shadow:inset 0 0 30px #070912,0 0 17px #8c4dff50}
.subwoofer{position:relative;width:25%;aspect-ratio:1;background:radial-gradient(circle at center,#06070e 0 27%,#24364d 29% 31%,#02050d 33% 45%,#8191a9 47% 49%,#090e17 51% 58%,#294b71 60%,#07111d 72%);border-radius:50%;box-shadow:0 0 26px #5f6afa77,inset 0 0 20px #0e1428;cursor:pointer;transition:transform .1s;outline-offset:6px}
.subwoofer span{position:absolute;inset:30%;border-radius:50%;background:radial-gradient(circle at 30% 28%,#7a8dab,#0a1121 60%);box-shadow:inset 0 0 15px #000}.subwoofer i{position:absolute;inset:12%;border:2px dotted #527ba2;border-radius:50%}.subwoofer.hit{transform:scale(1.11)}
.cinema-stage[data-audio="on"] .subwoofer{animation:wooferPulse .34s infinite alternate}.cinema-stage[data-audio="on"] .sound-enclosure{box-shadow:inset 0 0 40px #101838,0 0 22px #9e43ff}
@keyframes wooferPulse{to{transform:scale(1.08)}}
.amp-shell{width:24%;height:62%;border-radius:8px;background:linear-gradient(90deg,#58677b,#172238 12%,#33475d 50%,#162136 88%,#73879f);border:2px solid #607c98;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;font-size:clamp(6px,.7vw,10px);letter-spacing:.12em;color:#c6eaff}
.amp-lines{width:75%;height:30%;background:repeating-linear-gradient(0deg,#223348,#223348 2px,#6d809d 3px,#6d809d 5px)}
.sound-viz{position:absolute;bottom:3%;left:17%;width:66%;height:18%;display:flex;align-items:end;justify-content:center;gap:3px;opacity:.3}
.sound-viz i{display:block;width:5%;height:22%;background:linear-gradient(#4beaff,#bd3aff);border-radius:3px;box-shadow:0 0 9px #49adff}.cinema-stage[data-audio="on"] .sound-viz{opacity:1}.cinema-stage[data-audio="on"] .sound-viz i{animation:viz .6s ease-in-out infinite alternate}.sound-viz i:nth-child(2n){animation-delay:-.33s!important}.sound-viz i:nth-child(3n){animation-delay:-.17s!important}.sound-viz i:nth-child(5n){animation-delay:-.4s!important}
@keyframes viz{to{height:100%}}
.interior-art img{object-position:center;filter:brightness(.55) saturate(1.2);transform:scale(1.09);transition:filter .6s}
.interior-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,6,16,.85),transparent 40%,rgba(1,4,12,.4)),linear-gradient(0deg,rgba(2,6,15,.65),transparent 50%)}
.cabin-ambient{position:absolute;left:31%;width:45%;height:1.2%;top:58%;background:#f02fff;filter:blur(4px);box-shadow:0 0 26px #f52eff;transform:rotate(1deg);opacity:0;transition:opacity .35s;z-index:2}
.cabin-footwell{position:absolute;left:45%;top:65%;width:32%;height:20%;background:radial-gradient(ellipse,#d027ff90,transparent 72%);opacity:0;filter:blur(8px);z-index:2;transition:opacity .35s}
.cinema-stage[data-view="interior"] .cabin-ambient,.cinema-stage[data-view="radio"] .cabin-ambient{opacity:1}.cinema-stage[data-view="interior"] .cabin-footwell,.cinema-stage[data-view="radio"] .cabin-footwell{opacity:.95}
.cabin-dashcam{position:absolute;z-index:3;top:20%;left:51%;padding:13px 20px;border:4px solid #0d2039;border-radius:8px;background:linear-gradient(100deg,#07212c,#1f5989);box-shadow:0 0 0 3px #18253b,0 0 24px #2aafff7a;font-size:11px;color:#95f7ff;font-weight:900;letter-spacing:.08em}.camera-rec{display:inline-block;width:7px;height:7px;border-radius:50%;background:red;box-shadow:0 0 6px red;animation:hotspotPulse 1.5s infinite}
.radio-demo{position:absolute;left:51%;top:42%;width:19%;height:24%;border:7px solid #0b101b;border-radius:15px;z-index:4;background:#030915;box-shadow:0 0 0 2px #364762,0 14px 30px #0008;overflow:hidden;transform:perspective(500px) rotateY(-3deg)}
.radio-stock,.radio-upgraded{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;text-align:center;transition:transform .72s cubic-bezier(.25,.7,.17,1.1),opacity .42s}
.radio-stock{font-size:clamp(12px,1.8vw,24px);color:#ff786f;background:linear-gradient(120deg,#100a15,#21080d);text-shadow:0 0 14px #f75e4c}
.radio-stock b{font-size:9px;letter-spacing:.2em}.radio-stock small{font-size:8px;letter-spacing:.2em}
.radio-upgraded{background:radial-gradient(circle at 80% 20%,#2372a7,#071124 60%);opacity:0;transform:scale(.65)}.radio-upgraded b{font-size:clamp(7px,.9vw,11px);color:#d1efff;letter-spacing:.07em}
.screen-apps{width:90%;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.screen-apps span{font-size:clamp(13px,1.4vw,22px);padding:4px;border-radius:8px;background:linear-gradient(120deg,#2247ae,#a541d2);box-shadow:0 2px 14px #3664e766}
.cinema-stage[data-radio="screen"] .radio-stock{opacity:0;transform:scale(.6) rotateY(65deg)}.cinema-stage[data-radio="screen"] .radio-upgraded{opacity:1;transform:scale(1)}
.door-glow{position:absolute;right:0;top:45%;width:18%;height:2%;z-index:2;background:#c92cff;filter:blur(4px);box-shadow:0 0 20px #b531ff}
.baby-art img{filter:blur(8px) brightness(.33)}.baby-art:after{content:"";position:absolute;inset:0;background:rgba(2,10,23,.7)}.camera-feed{position:absolute;z-index:2;left:24%;right:25%;top:11%;bottom:15%;padding:11px;background:linear-gradient(140deg,#0e1e36,#050b16);border:2px solid #3398d5;border-radius:21px;box-shadow:0 12px 60px #000,0 0 25px #18caff55;display:flex;flex-direction:column;align-items:center}.camera-feed svg{max-height:88%;width:100%;flex:1}.camera-feed-header,.camera-feed-footer{width:100%;display:flex;justify-content:space-between;gap:6px;font-size:9px;color:#94e6ff;letter-spacing:.1em;font-weight:850}.camera-feed-header span:first-child{color:#fc6b8c}
.cinema-ribbon-item:focus-visible,.cinema-hotspot:focus-visible,.cinema-feature-controls button:focus-visible,.cinema-scene-actions button:focus-visible,.subwoofer:focus-visible{outline:3px solid #fff;outline-offset:4px}
.lab-collapsed{display:none}.lab-collapsed.is-expanded{display:block}.lab-collapsed.is-expanded .garage-shell{scroll-margin-top:100px}
/* screenshot-style framing & useful responsive fallbacks */
@media(min-width:1400px){.cinema-stage{height:710px}.cinema-copy{top:12%}.cinema-copy h1{font-size:clamp(70px,5.6vw,103px)}}
@media(max-width:1170px){.cinema-copy{width:41%}.cinema-info{width:30%;right:12px}.cinema-copy h1{font-size:clamp(58px,6vw,80px)}.cinema-ribbon{grid-template-columns:repeat(10,115px)}.cinema-info-preview{height:135px}.cinema-stage{height:655px}.cinema-values{display:none}}
@media(max-width:760px){
 .cinema-header{padding:0 14px;font-size:9px;letter-spacing:.12em}.cinema-header-secondary{display:none}.cinema-location{font-size:8px;letter-spacing:0}
 .cinema-stage{height:840px}.front-art img{object-position:62% 17%;transform:none;animation:none}.front-art:after{background:linear-gradient(180deg,rgba(1,6,15,.94) 0%,rgba(1,7,18,.25) 36%,rgba(3,7,14,.12) 54%,#050a18 84%)}
 .cinema-copy,.cinema-stage:not([data-view="exterior"]) .cinema-copy{left:18px;top:17px;width:90%;max-width:100%}.cinema-copy h1,.cinema-stage:not([data-view="exterior"]) .cinema-copy h1{font-size:clamp(51px,12vw,78px);line-height:.91;max-width:600px;margin:0 0 11px}.cinema-copy p,.cinema-stage:not([data-view="exterior"]) .cinema-copy p{font-size:12px;line-height:1.5;max-width:330px;margin:0}.cinema-micro{font-size:8px;margin-bottom:12px}.cinema-cta{margin-top:13px}.cinema-cta .button{padding:11px 11px;font-size:10px}.cinema-values{display:none}
 .cinema-floating-hotspots{top:200px;bottom:330px}.hs-dash{left:57%;top:7%}.hs-head{left:57%;top:53%}.hs-interior{left:39%;top:43%}.hs-tail{left:18%;top:35%}.hs-under{left:40%;top:76%}.hs-audio{display:none}.cinema-hotspot span{font-size:7px;padding:4px}.cinema-hotspot i{width:13px;height:13px}
 .cinema-info{left:12px;right:12px;top:auto;bottom:57px;width:auto;min-height:0;height:325px;border-radius:10px;display:grid;grid-template-columns:35% 65%;grid-template-rows:30px 1fr;gap:0}.cinema-info-head{grid-column:1 / -1;padding:7px 12px;height:30px}.cinema-info-preview{height:100%;margin:0 0 0 7px;border-radius:6px;grid-row:2}.cinema-info-main{padding:5px 15px 9px 10px;min-width:0;gap:4px;grid-row:2}.cinema-info-main h2{font-size:17px}.cinema-info-desc{font-size:10px!important;line-height:1.3!important;margin:0 0 3px!important}.cinema-info-category{font-size:7px!important}.cinema-price-select{font-size:9px;padding:5px}.cinema-price-select strong{font-size:11px}.cinema-only-price{font-size:10px;padding:6px}.cinema-only-price strong{font-size:14px}.cinema-info-actions{grid-template-columns:1fr;gap:5px;padding-top:4px}.cinema-info-actions .button{font-size:9px;padding:7px 8px}.cinema-info-foot{font-size:7px!important}.cinema-preview-caption{font-size:7px}.cinema-info.compact{height:30px;bottom:375px;display:block;left:auto;width:240px}
 .cinema-feature-controls{left:10px;right:10px;bottom:391px;max-width:none;justify-content:center;gap:4px}.cinema-feature-controls button{font-size:8px;padding:7px 6px}.cinema-feature-controls b{font-size:8px}.cinema-status{left:15px;bottom:365px;font-size:8px}.cinema-scene-actions{left:10px;right:10px;bottom:392px;max-width:none;justify-content:center}.cinema-scene-actions button{font-size:8px;padding:8px}
 .cinema-ribbon{padding:9px 10px 14px;grid-template-columns:repeat(10,105px);gap:6px}.cinema-ribbon-item{min-width:105px}.cinema-ribbon-item img{height:60px}.cinema-ribbon-item span{font-size:8px}.cinema-bottom{padding:11px 12px;align-items:flex-start;gap:10px}.cinema-bottom>span{max-width:40%;font-size:8px}.cinema-bottom .cinema-lab-toggle,.cinema-bottom .cinema-return{font-size:8px;padding:7px}
 .rear-shell-art{width:118%;left:-9%;top:15%;height:65%}.trunk-hatch{width:79%;left:10%;top:47%;height:25%}.rear-art:before{top:34%}.rear-turn{top:53%;width:13%}.rear-turn-left{left:18%}.rear-turn-right{right:18%}
 .interior-art img{object-position:58% 35%;transform:scale(1.5)}.radio-demo{left:38%;width:37%;height:15%;top:40%}.cabin-dashcam{top:30%;left:40%;padding:7px;font-size:8px}.camera-feed{left:7%;right:7%;top:31%;bottom:40%;padding:8px}.camera-feed-header,.camera-feed-footer{font-size:7px}.cabin-ambient{left:24%;width:67%}.cabin-footwell{left:32%;width:50%}
}
@media(max-width:385px){.cinema-copy h1,.cinema-stage:not([data-view="exterior"]) .cinema-copy h1{font-size:48px}.cinema-info{grid-template-columns:30% 70%}.cinema-info-main h2{font-size:15px}.cinema-stage{height:825px}}
@media(prefers-reduced-motion:reduce){.front-art img,.cinema-hotspot i,.subwoofer,.sound-viz i,.underlight,.camera-rec,.rear-turn,.front-light{animation:none!important}.cinema-art,.trunk-hatch-lid,.radio-stock,.radio-upgraded{transition-duration:.01ms!important}}
.cinema-feature-controls[hidden]{display:none}.cinema-scene-actions[hidden]{display:none}.cinema-stage[data-view="rear"] .cinema-scene-actions,.cinema-stage[data-view="trunk"] .cinema-scene-actions,.cinema-stage[data-view="radio"] .cinema-scene-actions{display:flex}

.front-art img.hero-front-off,.front-art img.hero-front-on{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.front-art img.hero-front-on{opacity:0;transition:opacity .35s ease;}
.cinema-stage[data-underglow="on"] .front-art img.hero-front-on{opacity:1;}
@media(prefers-reduced-motion:reduce){.front-art img.hero-front-on{transition:none}}
/* V5 / interactive audio system and cinematic scene routing */
[hidden],.cinema-feature-controls[hidden],.cinema-scene-actions button[hidden]{display:none!important}
.cinema-stage.scene-arriving .cinema-art{animation:sceneArrival .8s cubic-bezier(.19,.72,.25,1) both}
@keyframes sceneArrival{from{filter:blur(6px) brightness(.42);transform:scale(1.045)}to{filter:none;transform:scale(1)}}
.cinema-feature-controls button:focus-visible,.cinema-price-select:focus-within,.cinema-ribbon-item:focus-visible,.cinema-scene-actions button:focus-visible{outline:2px solid #81e9ff;outline-offset:3px}
.cinema-cabin-picks{display:none;z-index:6;position:absolute;left:max(22px,3vw);top:76%;max-width:56%;gap:7px;flex-wrap:wrap}
.cinema-cabin-picks button{padding:8px 10px;color:#dcf7ff;font-size:9px;font-weight:800;letter-spacing:.08em;border:1px solid #40afe288;background:#03152cdd;border-radius:6px;cursor:pointer}
.cinema-cabin-picks button:hover,.cinema-cabin-picks button:focus-visible{background:#145182;border-color:#80e6ff}
.cinema-stage[data-view="interior"] .cinema-cabin-picks,.cinema-stage[data-view="radio"] .cinema-cabin-picks{display:flex}
.cinema-art.rear-art .trunk-hatch{z-index:2}
.cinema-stage.bass-hit .sound-viz{filter:drop-shadow(0 0 30px #ab4cff)}
.cinema-stage.bass-hit .amp-shell{box-shadow:0 0 30px #1ce1ff,inset 0 0 13px #45bcff80}
.cinema-stage.bass-hit .subwoofer{transform:scale(1.11)}
.subwoofer:focus-visible{outline:3px solid #fff}
.sound-enclosure::before{content:'DUAL SUBWOOFER DEMO • TAP A CONE';position:absolute;top:4px;left:0;right:0;text-align:center;font-size:clamp(7px,.7vw,10px);font-weight:800;letter-spacing:.12em;color:#82dfff}
.sound-enclosure::after{content:'';position:absolute;left:3%;right:3%;bottom:4%;height:3px;background:linear-gradient(90deg,#27dfff,#733afc,#ef29e4);box-shadow:0 0 12px #8c3bff;opacity:.75}
.audio-cutaway{position:absolute;inset:4% 19% 13% 19%;z-index:12;padding:20px;border-radius:14px;border:1px solid #36caff88;background:linear-gradient(130deg,#020916f2,#0a1e36fa);box-shadow:0 15px 80px #000e,0 0 30px #05d8ff35;backdrop-filter:blur(13px);overflow:auto;color:#f0faff}
.audio-cutaway[hidden]{display:none}
.cutaway-head{display:flex;gap:15px;justify-content:space-between;align-items:start}
.cutaway-head small{font-size:10px;letter-spacing:.17em;font-weight:900;color:#77dfff}.cutaway-head h3{font-size:clamp(24px,2.6vw,36px);font-style:italic;font-weight:950;letter-spacing:-.05em;line-height:1;margin:10px 0}.cutaway-head p{font-size:11px;color:#a7c3d8;line-height:1.4;max-width:470px}.cutaway-head button{background:#10233c;border:1px solid #3286b9;border-radius:5px;color:white;font-size:23px;cursor:pointer;padding:4px 12px}
.audio-cutaway svg{width:100%;height:auto;max-height:55%;display:block;margin:3px auto}
.signal-path,.power-path{animation:wiringFlow 2.2s linear infinite}@keyframes wiringFlow{to{stroke-dashoffset:-80}}
.cutaway-key{display:flex;gap:25px;flex-wrap:wrap;color:#c7e1ee;font-size:10px}.cutaway-key span{display:flex;align-items:center;gap:7px}.cutaway-key i{background:#20d7ff;height:3px;width:30px;display:block}.cutaway-key span:nth-child(2) i{background:#ff526d}
.cutaway-fine{font-size:9px;line-height:1.45;color:#86a5c0;margin:10px 0 0}
.cinema-stage[data-view="interior"] .interior-art img,.cinema-stage[data-view="radio"] .interior-art img{animation:cabinReveal 1s cubic-bezier(.2,.8,.2,1)}
@keyframes cabinReveal{from{transform:translateX(13%) scale(1.35);filter:brightness(.25)}to{transform:scale(1.09);filter:brightness(.55) saturate(1.2)}}
.baby-art .camera-feed{animation:feedReveal 1.1s cubic-bezier(.2,.7,.1,1) both}
@keyframes feedReveal{from{opacity:0;transform:perspective(600px) translateX(45%) rotateY(-26deg) scale(.83)}to{opacity:1;transform:none}}
.cinema-stage[data-view="baby"] .camera-feed svg{animation:feedNoise 6s ease-in-out infinite}
@keyframes feedNoise{50%{filter:brightness(1.15) hue-rotate(7deg)}}
@media(max-width:760px){
 .cinema-cabin-picks{top:auto;bottom:396px;left:8px;right:8px;max-width:100%;gap:4px;justify-content:center}.cinema-cabin-picks button{font-size:7px;padding:6px}
 .audio-cutaway{inset:27% 4% 43%;padding:9px;overflow:auto}.cutaway-head small{font-size:8px}.cutaway-head h3{font-size:18px;margin:5px 0}.cutaway-head p{font-size:8px}.audio-cutaway svg{max-height:none}.cutaway-key{font-size:7px;gap:8px}.cutaway-fine{font-size:7px}
 .cinema-scene-actions{bottom:392px}.sound-enclosure::before{font-size:7px}.cinema-status{bottom:369px}
}
@media(prefers-reduced-motion:reduce){.cinema-stage.scene-arriving .cinema-art,.signal-path,.power-path,.baby-art .camera-feed,.cinema-stage[data-view="baby"] .camera-feed svg,.cinema-stage[data-view="interior"] .interior-art img,.cinema-stage[data-view="radio"] .interior-art img{animation:none!important}}
.front-art .front-photo-on{position:absolute;inset:0;z-index:1;opacity:0;transition:opacity .5s ease;pointer-events:none}
.cinema-stage[data-underglow="on"] .front-art .front-photo-on{opacity:1}
.cinema-stage[data-underglow="off"] .front-art .front-photo-off{filter:brightness(.91)}
.front-art::after{z-index:3;pointer-events:none}
.front-art .underlight,.front-art .wheelwell-light,.front-art .front-light{z-index:4}