@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#f8f7f3;background:#17222a;font-synthesis:none;--accent:#e9d8b4;--ink:#16212a;--muted:#b7c0c6;--panel:rgba(20,29,35,.93)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:1px solid #ffffff32;border-radius:30px;background:#18252ccb;color:inherit;padding:12px 20px;min-height:44px;font-size:14px;font-weight:500}button:hover{background:#31424c}button:disabled{opacity:.38;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}a{color:inherit}button.primary{background:var(--accent);color:var(--ink);border-color:var(--accent);font-weight:700}.quiet{background:transparent;border-color:#ffffff30}.primary:hover{filter:brightness(1.07)}[hidden]{display:none!important}#experience{position:relative;width:100%;height:100svh;min-height:520px;overflow:hidden}#stage{position:absolute;inset:0;touch-action:none;outline:none}#stage canvas{display:block;width:100%;height:100%}#experience:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#08131b88 0%,transparent 30%,transparent 60%,#08131bcc 100%);z-index:1}header{position:absolute;z-index:5;left:40px;right:40px;top:28px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{text-decoration:none;font:600 34px/1 'Manrope',sans-serif;letter-spacing:-2px;text-shadow:0 1px 20px #0006}.brand span{display:block;font:600 10px/1.8 'DM Sans',sans-serif;letter-spacing:2px;margin-top:7px}.signature{font-size:12px;letter-spacing:2px;text-shadow:0 2px 15px #000}.signature span{color:var(--accent);padding:0 14px}.location{position:absolute;z-index:3;top:137px;left:42px;pointer-events:none;max-width:400px;text-shadow:0 2px 20px #0006}.location>p:first-child{font-size:12px;letter-spacing:3px;color:var(--accent);font-weight:600}.location h1{font:500 clamp(24px,3vw,42px)/1.15 'Manrope',sans-serif;letter-spacing:-1.4px;margin:13px 0}.location>p:last-child{font-size:15px;line-height:1.5;margin:0;color:#f5f4ef}#loading{position:absolute;z-index:20;inset:0;display:flex;flex-direction:column;gap:17px;align-items:center;justify-content:center;background:#17222a}#loading strong{font:500 26px 'Manrope',sans-serif}#load-status{font-size:14px;color:var(--muted)}#load-progress{width:160px;height:3px;accent-color:var(--accent)}.loader-ring{width:32px;height:32px;border:1px solid #ffffff30;border-top-color:var(--accent);border-radius:50%;animation:spin 1.5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#error{position:absolute;inset:25%;z-index:30;background:var(--panel);padding:35px;border-radius:20px;text-align:center}#markers{position:absolute;inset:0;z-index:4;pointer-events:none}.marker{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;box-shadow:0 4px 22px #0003;background:#14232bb3;backdrop-filter:blur(8px);white-space:nowrap;padding:9px 15px;min-height:40px;display:flex;gap:12px;align-items:center}.marker:before{content:'';width:7px;height:7px;border:1px solid var(--accent);border-radius:50%;box-shadow:0 0 0 4px #e9d8b41a}.marker.move{border-color:#e9d8b485}.marker.part{background:#13212add}.marker.part:before{background:var(--accent)}#customizer{position:absolute;z-index:8;top:145px;right:40px;width:330px;padding:21px 24px;border:1px solid #ffffff26;border-radius:18px;background:var(--panel);backdrop-filter:blur(16px);box-shadow:0 20px 70px #0003}.panel-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.panel-top>span{font-size:11px;letter-spacing:2px;color:var(--accent)}.panel-top button,.dialog-head button{padding:0;width:40px;height:40px;min-height:40px;font-size:26px;background:transparent;border:0}#customizer h2{font:500 26px 'Manrope',sans-serif;margin:7px 0 24px;letter-spacing:-.8px}#swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.swatch{display:flex;flex-direction:column;align-items:center;padding:0;border:0;background:transparent;gap:9px;font-size:12px;color:var(--muted);min-width:0}.swatch i{width:40px;height:40px;border-radius:50%;display:block;background:var(--swatch);border:2px solid #ffffff40;box-shadow:inset 0 2px 4px #fff4,inset 0 -2px 5px #0003}.swatch[aria-pressed=true]{color:#fff}.swatch[aria-pressed=true] i{outline:2px solid var(--accent);outline-offset:4px}.swatch:hover{background:transparent}.swatch:hover i{transform:scale(1.06)}#choice-note{font-size:12px;line-height:1.6;color:var(--muted);margin:22px 0 0}#car-actions{position:absolute;z-index:5;right:40px;bottom:191px;display:flex;gap:8px}#car-actions button{padding:10px 17px}#car-actions button[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}#design-chip{position:absolute;z-index:5;left:42px;bottom:140px;display:flex;align-items:center;gap:18px}#design-chip>span{font-size:10px;letter-spacing:2px;color:var(--accent)}#design-summary{font-size:13px;margin:0}#design-chip button{padding:8px 15px;min-height:38px;font-size:13px}#guide-caption{position:absolute;z-index:4;bottom:220px;left:50%;transform:translateX(-50%);padding:9px 15px;border-radius:20px;font-size:13px;background:#11242cc9;white-space:nowrap}footer{position:absolute;z-index:5;left:40px;right:40px;bottom:57px;display:flex;align-items:center;justify-content:space-between;gap:22px}footer nav{display:flex;align-items:center;gap:10px}.look-controls{display:flex;align-items:center;gap:16px;font-size:12px;color:#e0e5e8}.look-controls button{font-size:22px;width:44px;padding:0;min-height:44px;border-color:#ffffff35;background:#14242aa3}.source-note{position:absolute;z-index:4;bottom:20px;left:42px;font-size:11px;color:#c1c9cd}.source-note span{padding:0 7px}dialog{border:1px solid #ffffff2a;border-radius:20px;background:#17242d;color:#f8f7f3;width:min(580px,calc(100% - 30px));max-height:85svh;padding:28px;line-height:1.7;box-shadow:0 25px 100px #0006}dialog::backdrop{background:#06111cb5;backdrop-filter:blur(6px)}dialog .dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}dialog h2{font:500 28px/1.25 'Manrope',sans-serif;letter-spacing:-1px;margin:5px 0 14px}.eyebrow{font-size:11px;color:var(--accent);letter-spacing:2px;margin:0}.review-lead{color:var(--muted);margin-top:6px}.small,dialog p{font-size:14px}.small{color:var(--muted)}dl{display:grid;grid-template-columns:1fr 1.5fr;font-size:15px;gap:13px 20px;margin:26px 0}dt{color:var(--muted)}dd{margin:0;text-align:right}.dialog-actions{display:flex;gap:10px;margin:25px 0 18px}#dealer-link{font-size:14px;color:var(--accent)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:750px){#experience{min-height:560px}header{top:20px;left:20px;right:20px}.brand{font-size:27px}.brand span{font-size:8px;letter-spacing:1.5px}.signature{display:none}header .quiet{font-size:12px;padding:8px 14px;min-height:38px}.location{top:104px;left:22px;max-width:290px}.location h1{font-size:28px;margin:10px 0}.location>p:last-child{font-size:13px}.location>p:first-child{font-size:10px}footer{left:20px;right:20px;bottom:45px;gap:10px;flex-wrap:wrap}footer nav{width:100%;justify-content:space-between;gap:8px}footer nav button{font-size:13px;padding:12px 15px}footer nav .primary{flex:1}.look-controls{gap:10px}.look-controls span{font-size:11px}.look-controls button{width:36px;min-height:36px}#home{padding:6px 12px;font-size:12px;min-height:36px}.source-note{left:22px;bottom:18px;font-size:10px}#customizer{top:102px;bottom:auto;left:20px;right:20px;width:auto;padding:15px 20px}#customizer h2{font-size:22px;margin:0 0 18px}.panel-top>span{font-size:10px}.panel-top button{height:30px;min-height:30px}#choice-note{margin-top:16px;font-size:11px}.swatch i{width:33px;height:33px}#car-actions{bottom:160px;left:20px;right:20px;justify-content:center;gap:6px}#car-actions button{font-size:12px;padding:8px 13px;min-height:35px}#design-chip{bottom:211px;left:20px;right:20px;gap:8px;flex-wrap:wrap;background:#17242db8;border-radius:13px;padding:11px 14px}#design-chip>span{font-size:9px}#design-summary{font-size:11px;flex:1}#design-chip button{font-size:12px;min-height:32px;padding:5px 12px}body:has(#customizer:not([hidden])) #design-chip,body:has(#customizer:not([hidden])) .location{display:none}#guide-caption{bottom:265px;font-size:11px;max-width:90%;text-align:center;white-space:normal}.marker{font-size:12px;padding:8px 12px;min-height:37px}.marker:before{width:6px;height:6px}dialog{padding:22px}dialog h2{font-size:25px}.dialog-actions{flex-direction:column}#error{inset:25% 20px}body.inspecting .location{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}@media(max-height:650px) and (min-width:751px){.location{top:104px}.location h1{font-size:28px}#customizer{top:110px}#car-actions{bottom:150px}#design-chip{bottom:116px}footer{bottom:40px}}
.header-actions{display:flex;align-items:center;gap:8px}

/* The embedded single-car view keeps one interactive vehicle centered and switchable. */
#single-vehicle-switcher{display:none}
.single-vehicle-view #single-vehicle-switcher{position:absolute;z-index:6;top:20px;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:7px;width:min(470px,calc(100% - 32px));padding:9px;border:1px solid #9bd8ff55;border-radius:16px;background:rgba(7,24,39,.82);backdrop-filter:blur(18px);box-shadow:0 12px 36px #00101d66}
.single-vehicle-view #single-vehicle-switcher>span{grid-column:1/-1;padding:0 5px 1px;color:#a6c7dc;font-size:9px;font-weight:650;letter-spacing:1.4px;text-transform:uppercase}
.single-vehicle-view #single-vehicle-switcher button{display:flex;min-width:0;min-height:46px;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;padding:6px 10px;border-radius:10px;border-color:#8fcfff35;background:#ffffff08;text-align:left}
.single-vehicle-view #single-vehicle-switcher button[aria-pressed=true]{border-color:#86d1ff;background:linear-gradient(120deg,#2975a74c,#153653aa);box-shadow:0 0 16px #48b7ff25}
.single-vehicle-view #single-vehicle-switcher strong{font-size:11px;line-height:1.2}
.single-vehicle-view #single-vehicle-switcher small{color:#b5cfe0;font-size:9px;line-height:1.2}
.single-vehicle-view .location{display:none}
.single-vehicle-view #customizer{top:112px}
.single-vehicle-view.embed-mode #experience{min-height:520px}
@media(max-width:750px){.single-vehicle-view #single-vehicle-switcher{top:10px;width:calc(100% - 18px);gap:6px;padding:7px;border-radius:13px}.single-vehicle-view #single-vehicle-switcher button{min-height:43px;padding:6px 8px}.single-vehicle-view #single-vehicle-switcher strong{font-size:10px}.single-vehicle-view #single-vehicle-switcher small{font-size:8px}.single-vehicle-view #customizer{top:105px}}