@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;800&display=swap');
:root{color-scheme:dark;font-family:'DM Sans',Arial,sans-serif;color:#e8e9eb;background:#111419;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid #ded1b6;outline-offset:5px}#showroom{width:100%;height:100svh;min-height:570px;overflow:hidden;position:relative;background:#111419}#scene{display:block;width:100%;height:100%;touch-action:none;outline:none;cursor:grab}#scene.dragging{cursor:grabbing}.topbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:35px 44px;pointer-events:none}.identity{display:flex;align-items:center;gap:21px;text-decoration:none;color:inherit;pointer-events:auto}.wordmark{font-family:'Manrope',Arial,sans-serif;letter-spacing:.18em;font-size:23px;font-weight:800}.divider{height:22px;width:1px;background:#ffffff25}.studio{font-size:12px;font-weight:500;letter-spacing:.19em;color:#a5aab1}.edition{display:flex;align-items:center;gap:14px;font-size:12px;letter-spacing:.12em;color:#959ca5}.edition-line{width:25px;height:1px;background:#b7aa93}.index{margin-left:17px;color:#e3e6ea;font-size:15px}.model-info{position:absolute;bottom:150px;left:44px;pointer-events:none}.eyebrow{color:#c7b99b;font-size:12px;letter-spacing:.18em;font-weight:500}h1{font-family:'Manrope',Arial,sans-serif;font-size:clamp(40px,4.2vw,66px);font-weight:500;letter-spacing:-.055em;line-height:1.1;margin:11px 0 12px}h1 em{font-style:normal;font-weight:400}.model-period{color:#c9b995}p{margin:0}.model-info p{font-size:14px;color:#969ea8;letter-spacing:.012em}.instruction{position:absolute;right:44px;bottom:159px;text-align:right;pointer-events:none}.instruction-line{display:block;margin:0 0 17px auto;height:1px;width:36px;background:#cbbd9d}.instruction p{font-size:14px;color:#88909c;line-height:1.85}.instruction strong{font-weight:450;color:#cdd1d6}.bottom-bar{position:absolute;bottom:0;left:44px;right:44px;border-top:1px solid #ffffff13;min-height:101px;display:flex;align-items:center;justify-content:space-between;gap:22px}.scene-caption,.navigation-hint{font-size:11px;color:#8d959f;letter-spacing:.12em}.caption-number{color:#c4b597;margin-right:10px}.navigation-hint{font-size:10px;letter-spacing:.1em}.navigation-hint>span{margin:0 10px;color:#e0d0ae}.controls{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;padding:7px;border:1px solid #ffffff1b;border-radius:100px;background:#20252cbc;box-shadow:0 8px 25px #0002;backdrop-filter:blur(18px);white-space:nowrap}.controls button{display:flex;align-items:center;gap:9px;border:0;background:transparent;border-radius:30px;padding:12px 15px;color:#c3c8cf;font-size:12px;cursor:pointer;transition:color .2s,background .2s}.controls button:hover{background:#ffffff0c;color:#fff}.controls button:active{background:#ffffff18}.controls button:disabled{opacity:.35;cursor:wait}.controls svg{height:17px;width:17px}.controls .icon-only{padding:12px;margin-left:3px}.control-divider{height:16px;width:1px;background:#ffffff17}.grab-label{position:absolute;left:50%;top:52%;display:flex;align-items:center;gap:10px;pointer-events:none;transform:translate(-50%,-50%);font-size:10px;letter-spacing:.13em;padding:12px 17px;border:1px solid #ffffff40;border-radius:30px;background:#171d2240;color:#fff;backdrop-filter:blur(6px);transition:opacity .5s;opacity:0;text-shadow:0 1px 4px #0006}.grab-dot{display:block;width:7px;height:7px;border:1px solid #fff;border-radius:50%;box-shadow:0 0 0 5px #ffffff18}.cursor{position:absolute;top:0;left:0;width:40px;height:40px;display:grid;place-items:center;border:1px solid #ffffffe0;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;opacity:0;transition:opacity .15s,width .15s,height .15s;color:#fff;mix-blend-mode:difference}.cursor span{font-size:21px;font-weight:400;line-height:1}.cursor.active{width:28px;height:28px}.loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#111419;z-index:3;transition:opacity .8s,visibility .8s;gap:20px;color:#939ca8;font-size:13px;letter-spacing:.07em}.loading-mark{font-family:Manrope,Arial,sans-serif;font-size:65px;letter-spacing:-.08em;font-weight:500;color:#cfcac0}.loading-track{width:150px;height:1px;background:#ffffff1a}.loading-track i{height:1px;display:block;width:5%;background:#c7b89a;transition:width .3s}.loading.loaded{opacity:0;visibility:hidden}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.error{position:absolute;inset:0;background:#151920;z-index:5;padding:20vh 15vw;color:white}.error h2{font-size:30px}.error p{color:#b5bbc4;max-width:550px;line-height:1.6}.error button{margin-top:30px;padding:13px 25px;border:1px solid #bfb394;background:transparent;color:white;border-radius:30px;cursor:pointer}
#showroom::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 42%,transparent 32%,#080b1140 100%);z-index:0}.topbar,.model-info,.instruction,.bottom-bar,.grab-label,.cursor{z-index:1}
@media(min-width:1600px){.topbar{padding:42px 58px}.model-info{left:58px;bottom:164px}.instruction{right:58px;bottom:173px}.bottom-bar{left:58px;right:58px;height:110px}}
@media(max-width:1100px){.navigation-hint{display:none}.controls{position:static;transform:none}.model-info{bottom:145px}.instruction{bottom:152px}}
@media(max-width:700px){#showroom{min-height:620px}.topbar{padding:25px 23px}.identity{gap:13px}.wordmark{font-size:19px}.studio{font-size:9px;letter-spacing:.12em}.edition{display:none}.model-info{left:24px;bottom:155px}.model-info h1{font-size:42px}.model-info p{font-size:12px}.eyebrow{font-size:10px}.instruction{right:24px;bottom:164px;max-width:115px}.instruction p{font-size:12px}.instruction-line{margin-bottom:10px}.instruction p br{display:none}.instruction p strong{display:block}.bottom-bar{left:23px;right:23px;min-height:125px;flex-direction:column-reverse;justify-content:center;gap:16px}.controls{width:max-content;max-width:100%;padding:5px}.controls button{padding:11px 12px;font-size:11px;gap:7px}.controls svg{width:15px;height:15px}.controls .icon-only{padding:10px;margin-left:0}.scene-caption{font-size:9px}.grab-label{font-size:9px;padding:10px 14px}.cursor{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
[hidden]{display:none!important}
.drive-label{pointer-events:auto;opacity:1;cursor:pointer;font:600 11px 'DM Sans',Arial,sans-serif;letter-spacing:.1em;background:#242c34d9;padding:14px 19px;box-shadow:0 6px 28px #0004;border-color:#d3c4a288;min-height:44px}
.drive-label:hover{background:#394653;box-shadow:0 0 0 5px #d3c4a218}
.drive-label .grab-dot{border-color:#e2d2ae;box-shadow:0 0 0 5px #e2d2ae18}
.drive-hud{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,#12203035,transparent 22%,transparent 70%,#0a172054);color:#f5f6f5;text-shadow:0 1px 4px #15212780}
.drive-title{position:absolute;left:44px;top:105px}.drive-title .eyebrow{color:#e7d8b7;font-size:12px}.drive-title p{margin-top:8px;font-size:21px;font-weight:550}.drive-title p span{font-size:13px;font-weight:400;margin-left:12px;color:#d3dce1}
.drive-actions{position:absolute;right:44px;top:107px;display:flex;gap:8px;pointer-events:auto}
.drive-actions button{cursor:pointer;border:1px solid #ffffff30;background:#1423309e;backdrop-filter:blur(12px);border-radius:30px;color:#e7edf0;padding:11px 15px;font-size:13px;min-height:44px}.drive-actions button:hover{background:#344956}
kbd{display:inline-grid;place-items:center;min-width:25px;height:25px;padding:0 5px;border:1px solid #ffffff45;border-radius:5px;background:#17293755;font:12px 'DM Sans',Arial,sans-serif;line-height:1;margin:0 6px 0 0}
.drive-actions kbd{margin:0 0 0 8px;min-width:21px;height:21px;font-size:11px}
.drive-help{position:absolute;bottom:45px;left:44px;display:grid;gap:10px;font-size:14px;color:#eef1f2}.drive-help kbd:not(:first-child){margin-left:14px}.drive-help div:nth-child(2) kbd:nth-child(2){margin-left:0}.drive-help span{display:inline-block;margin-left:20px;color:#c1cbd3;font-size:13px}
.speedometer{position:absolute;bottom:39px;right:44px;width:185px}.speed-readout{display:flex;align-items:baseline;justify-content:flex-end;gap:10px}.speed-readout output{font-family:Manrope,Arial,sans-serif;font-size:66px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.06em;line-height:1.1}.speed-unit{font-size:11px;letter-spacing:.1em;color:#cfdae0}#drive-gear{align-self:center;margin-right:auto;border:1px solid #e5d1a76b;border-radius:7px;display:grid;place-items:center;width:31px;height:35px;color:#ead6ad;font-size:18px}.speed-track{height:3px;background:#ffffff25;margin-top:12px}.speed-track i{display:block;height:100%;width:var(--speed,0%);background:#e8d5a7;transition:width .1s}.speedometer p{font-size:11px;color:#bac7cf;margin-top:11px;letter-spacing:.08em;text-align:right;font-variant-numeric:tabular-nums}
.driving .model-info,.driving .instruction,.driving .bottom-bar,.driving .grab-label,.driving .cursor{display:none!important}.driving .topbar{z-index:3}.driving::after{display:none}.driving .studio,.driving .edition{color:#cfdae0}.touch-drive{display:none}
.drift-status{position:absolute;right:0;bottom:100%;margin-bottom:10px;border:1px solid #efc78980;border-radius:5px;padding:5px 9px;background:#352b1ebf;color:#ffdc9f;font-size:12px;letter-spacing:.1em}.drift-status[hidden]{display:none}
@media(max-width:700px){.drive-title{left:23px;top:87px}.drive-title p span{display:none}.drive-actions{top:87px;right:20px;flex-wrap:wrap;max-width:205px;justify-content:flex-end;gap:5px}.drive-actions button{padding:8px 12px;font-size:11px}.drive-actions kbd{display:none}.drive-help{left:23px;bottom:34px;max-width:210px;font-size:11px}.drive-help span{display:block;margin:10px 0 0;font-size:11px}.drive-help kbd{min-width:21px;height:21px}.speedometer{right:24px;bottom:30px;width:125px}.speed-readout output{font-size:48px}.speed-unit{font-size:9px}}
@media(pointer:coarse),(max-width:700px){.touch-drive{display:flex;position:absolute;bottom:190px;left:24px;right:24px;justify-content:space-between}.touch-drive>div{display:flex;gap:12px}.touch-drive button{pointer-events:auto;touch-action:none;width:56px;height:56px;border:1px solid #ffffff55;border-radius:50%;background:#172a3bbf;color:#fff;font-size:20px}.touch-drive button:active{background:#627885}}
.touch-drive .touch-handbrake{width:66px;border-color:#efc78980;color:#ffdc9f;font-size:12px}
@media(max-width:420px){.touch-drive{left:16px;right:16px;bottom:220px}.touch-drive>div{gap:8px}.touch-drive button{width:44px;height:48px}.touch-drive .touch-handbrake{width:56px}.drive-help{max-width:190px}.drive-help span{margin-top:5px}}