body{isolation:isolate;overflow-x:clip}.page-particles{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.7}html[data-theme=light] .page-particles{opacity:.42}
.showroom{--showroom-header:76px;--showroom-edge:clamp(22px,3vw,56px);position:relative;width:100vw;margin-left:calc(50% - 50vw);height:230svh;color:#f4f4ff;--text:#f4f4ff;--muted:#b9c1df;--accent:#b6a0ff;--line:#ffffff24;--surface:#17213b;--surface-2:#202d4c;scroll-margin-top:var(--showroom-header)}
.showroom-stage{position:sticky;top:var(--showroom-header);height:calc(100svh - var(--showroom-header));min-height:0;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 48%,#28345588,transparent 65%),linear-gradient(140deg,#070c18f5,#17112de0);border-bottom:1px solid #9676ff66;box-shadow:0 35px 100px #0004}
.showroom-stage:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(#070b1680,transparent 24%,transparent 70%,#060b17a8)}
.showroom-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#b2afff06 1px,transparent 1px),linear-gradient(90deg,#b2afff06 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(#000,transparent 85%)}
.scene-mount{position:absolute;inset:0;z-index:1}.scene-mount canvas{display:block;width:100%;height:100%;cursor:grab;outline-offset:-5px;touch-action:pan-y}.scene-mount canvas:active{cursor:grabbing}.scene-mount[data-mode=tour] canvas{cursor:default}
.showroom-copy{position:absolute;z-index:2;top:26px;left:var(--showroom-edge);max-width:70%;pointer-events:none}.showroom-copy .eyebrow{font-size:.6875rem;letter-spacing:.2em;color:#93eae8;margin-bottom:9px}.showroom-copy h1{font-size:clamp(2.4rem,5vw,4.9rem);line-height:1;letter-spacing:-.065em;font-weight:800;text-shadow:0 5px 25px #0008}.showroom-copy em{font-style:normal;color:#ded8ff}.showroom-lead{font-size:.875rem;line-height:1.5;color:#c0c7df;margin-top:12px;max-width:350px}
.showroom-entry{position:absolute;z-index:3;top:28px;right:var(--showroom-edge);display:flex;align-items:center;flex-direction:column;gap:14px}.showroom-enter{min-height:45px;font-size:.875rem;padding:10px 19px;border:1px solid #e1d5ff78;border-bottom:4px solid #3c287d;background:linear-gradient(145deg,#9674ff,#6741d8);box-shadow:inset 0 1px 0 #fff6,0 7px 0 #160e37,0 20px 40px #8854ff40;border-radius:12px}.showroom-enter:hover{transform:translateY(-3px);box-shadow:inset 0 1px 0 #fff6,0 10px 0 #160e37,0 25px 45px #8854ff60}.showroom-enter:active{transform:translateY(4px);box-shadow:inset 0 1px 0 #fff6,0 3px 0 #160e37}.showroom-skip{color:#c5cce4;font-size:.75rem;padding:5px 8px;text-decoration:underline;text-underline-offset:4px}
.showroom-fallback{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:130px 7vw 175px;pointer-events:none}.showroom-fallback img{display:block;width:100%;height:100%;min-height:80px;object-fit:contain;filter:drop-shadow(0 20px 35px #0008)}.showroom-fallback p{position:absolute;top:59%;max-width:90%;padding:10px 17px;border-radius:30px;border:1px solid #ffffff25;background:#070e20e6;font-size:.8125rem;color:#d9e2f6;box-shadow:0 8px 30px #0004}.showroom-fallback button{position:absolute;top:calc(59% + 55px);pointer-events:auto;background:#594290;color:#fff;padding:9px 15px}
.scene-caption{position:absolute;z-index:2;left:var(--showroom-edge);bottom:185px;max-width:260px;pointer-events:none}.scene-number{color:#b2a2ed;font-size:.6875rem;letter-spacing:.16em;font-weight:700}.scene-caption h2{font-size:1.1rem;margin:7px 0;letter-spacing:-.03em}.scene-caption p{font-size:.75rem;color:#b9c6e1;line-height:1.6;max-width:230px}
.showroom-controls{position:absolute;z-index:3;left:50%;bottom:54px;transform:translateX(-50%);width:calc(100% - 2 * var(--showroom-edge));max-width:980px;display:grid;grid-template-columns:minmax(230px,.8fr) minmax(340px,1.2fr);align-items:center;gap:10px 18px;background:linear-gradient(150deg,#263152b8,#10182bde);border:1px solid #96a3db4a;border-bottom:4px solid #030718;border-radius:18px;padding:13px 17px;box-shadow:inset 0 1px 0 #fff2,0 7px 0 #040817,0 22px 48px #0005;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.viewer-mode{display:flex;gap:8px}.showroom-controls button{color:#d2d9ec;background:#131e36;border:1px solid #485779;border-bottom:3px solid #070d1c;padding:8px 11px;font-size:.8125rem;font-weight:600;box-shadow:inset 0 1px 0 #fff1,0 3px 0 #050917;min-height:40px;white-space:nowrap}.showroom-controls button:hover:not(:disabled){background:#33265a;border-color:#aa8efe;transform:translateY(-2px)}.showroom-controls button:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 1px 0 #fff1}.viewer-mode button{flex:1}.showroom-controls button[aria-pressed=true]{background:#584297;color:#fff;border-color:#ad92ff}.viewer-actions{display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap}.viewer-actions button:first-child,.viewer-actions button:nth-child(2){min-width:40px;font-size:1.1rem}.showroom-controls p{grid-column:1/-1;text-align:center;font-size:.6875rem;color:#bcc6df;line-height:1.5}
.showroom-credit{position:absolute;z-index:2;left:var(--showroom-edge);right:var(--showroom-edge);bottom:14px;display:flex;justify-content:space-between;align-items:center;gap:14px;color:#b7c2db;font-size:.6875rem;line-height:1.5}.showroom-credit>span{font-size:.6875rem;font-weight:700;letter-spacing:.1em;color:#9be4df;flex-shrink:0}.showroom-credit p{flex:1;pointer-events:none}.showroom-credit a{color:#ccbeff;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.tour-progress{position:absolute;z-index:3;bottom:0;left:0;right:0;height:3px;background:#272545}.tour-progress i{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#bf6dff,#5be5d6);box-shadow:0 0 20px #9165ff}
.showroom-stage:fullscreen{top:0;width:100vw;height:100dvh;max-height:none;background:#080d1b}.showroom-stage:fullscreen .showroom-entry,.showroom-stage:fullscreen .scene-caption{display:none}.showroom-stage:fullscreen .showroom-copy{opacity:.7}.showroom-stage:fullscreen .showroom-lead{display:none}#catalogStart{scroll-margin-top:95px}.catalog-intro h2{font-size:clamp(1.8rem,2.8vw,2.65rem);font-weight:700;letter-spacing:-.045em;margin-top:7px}
.car-card{cursor:pointer;box-shadow:inset 0 1px 0 #ffffff1a,0 7px 0 #050b1820,0 23px 45px #02071633}.car-card:has(.detail-button:focus-visible){outline:3px solid var(--focus);outline-offset:5px}.detail-button{position:relative}.preset,.primary,.theme-toggle,.motion-toggle,.show-more{border-bottom-width:3px;box-shadow:inset 0 1px 0 #ffffff26,0 5px 0 #060b1829,0 13px 24px #060b1818}.primary:active,.show-more:active,.theme-toggle:active,.motion-toggle:active{transform:translateY(3px);box-shadow:inset 0 1px 0 #ffffff26,0 1px 0 #060b1829}.controls{box-shadow:inset 0 1px 0 #ffffff20,0 8px 0 #060b1815,0 26px 60px #060b1824}.ranking-note{box-shadow:inset 0 1px 0 #ffffff17,0 5px 0 #060b1818,0 18px 32px #0306161c}.compare-dock{border-bottom:4px solid var(--accent-solid);box-shadow:inset 0 1px 0 #ffffff25,0 8px 0 #090d2380,0 26px 70px #0007}.showroom-credit>span{font-size:.75rem}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.motion-enabled .car-card:hover{--card-lift:-12px;box-shadow:inset 0 1px 0 #ffffff44,0 15px 0 #46316833,0 42px 65px #03071955,0 0 34px #9270fa18}.motion-enabled .preset:hover{--preset-lift:-7px;box-shadow:inset 0 1px 0 #ffffff50,0 8px 0 #1b14454a,0 28px 38px #05081730}.motion-enabled .car-card::after{background:radial-gradient(ellipse at var(--light-x,50%) var(--light-y,20%),#ffffff36,transparent 65%)}}

@media(max-width:1100px){.topbar{gap:20px}.topbar nav{gap:18px}.header-actions{gap:10px}.showroom-controls{max-width:880px;gap:10px;padding:12px}.showroom-controls button{font-size:.75rem;padding:8px 10px}.scene-caption p{display:none}}
@media(max-width:800px){.showroom{--showroom-header:68px;--showroom-edge:22px}.showroom-controls{grid-template-columns:1fr;max-width:500px;gap:10px;bottom:48px}.viewer-actions{justify-content:center}.showroom-controls p{font-size:.6875rem}.showroom-credit p{display:none}.scene-caption{bottom:225px}.showroom-copy h1{font-size:3rem}.showroom-lead{max-width:250px;font-size:.8125rem}.showroom-entry{top:25px}}
@media(max-width:560px){.showroom{--showroom-header:65px;--showroom-edge:17px;height:200svh}.showroom-copy{top:24px;max-width:calc(100% - 125px)}.showroom-copy .eyebrow{font-size:.5625rem;letter-spacing:.12em}.showroom-copy h1{font-size:clamp(2.1rem,8.5vw,2.8rem)}.showroom-lead{font-size:.75rem;max-width:215px;margin-top:10px}.showroom-entry{top:27px;gap:12px}.showroom-enter{min-height:38px;padding:8px 10px;font-size:.6875rem;border-radius:9px}.showroom-skip{font-size:.625rem;padding:4px}.showroom-controls{width:calc(100% - 26px);padding:10px;bottom:42px;border-radius:14px;gap:9px}.showroom-controls button{font-size:.6875rem;padding:7px 8px;min-height:37px}.viewer-actions{gap:6px;justify-content:space-between}.viewer-actions button:first-child,.viewer-actions button:nth-child(2){min-width:35px;font-size:1rem}.showroom-controls p{font-size:.625rem;line-height:1.4}.scene-caption{bottom:213px;display:flex;align-items:center;gap:10px;max-width:none}.scene-caption h2{font-size:.875rem;margin:0}.scene-number{font-size:.625rem}.showroom-credit{font-size:.5625rem;bottom:12px;gap:7px}.showroom-credit>span{font-size:.5625rem;letter-spacing:.03em}.showroom-fallback{padding:105px 0 185px}.showroom-fallback p{top:55%;font-size:.75rem}.showroom-fallback button{top:calc(55% + 53px)}.catalog-intro h2{font-size:2.08rem;line-height:1.16}}
@media(max-height:620px) and (min-width:801px){.showroom-copy{top:18px}.showroom-copy h1{font-size:2.7rem}.showroom-copy .eyebrow{margin-bottom:6px}.showroom-lead{display:none}.showroom-entry{top:18px}.scene-caption{display:none}.showroom-controls{bottom:40px;padding:9px 13px;gap:8px}.showroom-credit{bottom:10px}.showroom-controls p{display:none}}
@media(max-height:520px) and (max-width:800px){.showroom{height:190svh}.showroom-stage{min-height:0}.showroom-copy{top:14px}.showroom-copy h1{font-size:2rem}.showroom-copy .eyebrow{margin-bottom:5px}.showroom-lead,.scene-caption,.showroom-skip,.showroom-controls p{display:none}.showroom-entry{top:14px}.showroom-controls{grid-template-columns:1fr;max-width:none;bottom:33px;display:flex;padding:7px;gap:8px}.viewer-mode{flex:1;gap:5px}.viewer-actions{flex:1;flex-wrap:nowrap;gap:5px}.showroom-controls button{padding:6px;min-height:33px;font-size:.625rem}.showroom-credit{bottom:8px}}
@media(prefers-reduced-motion:reduce){.showroom{height:auto}.showroom-stage{position:relative;top:0}.showroom-enter:hover,.showroom-enter:active,.showroom-controls button:hover,.showroom-controls button:active,.primary:active,.show-more:active,.theme-toggle:active,.motion-toggle:active{transform:none}}
:root:not(.motion-enabled) .showroom{height:auto}:root:not(.motion-enabled) .showroom-stage{position:relative;top:0}
:root[data-theme=dark] .showroom-stage{background:radial-gradient(ellipse at 50% 45%,#25305190,transparent 70%),linear-gradient(135deg,#070b169e,#1711288c)}:root[data-theme=dark] .showroom-stage:fullscreen{background:#080d1b}
