.car-modebar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.car-modebar>span{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#94a4b4}.car-mode-switch{display:flex;padding:4px;background:#151b23;border:1px solid #293440;border-radius:30px}.car-mode-switch button{padding:8px 18px;border:0;background:transparent;color:#9daab7;border-radius:24px;font:inherit;font-size:13px;cursor:pointer}.car-mode-switch button[aria-pressed=true]{background:#d6e5ee;color:#121920}.model-explorer{border:1px solid #293440;border-radius:20px;overflow:hidden;background:#10161d;margin-bottom:65px}.model-view-tabs{display:flex;gap:4px;padding:16px 20px;border-bottom:1px solid #26313c;flex-wrap:wrap}.model-view-tabs button{border:1px solid transparent;border-radius:20px;padding:9px 13px;background:transparent;color:#9eacb9;font:inherit;font-size:12px;cursor:pointer}.model-view-tabs button[aria-pressed=true]{border-color:#57798b;color:#e1f0f7;background:#1b303c}.model-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;min-height:510px}.model-stage{position:relative;min-width:0;min-height:510px;background:radial-gradient(ellipse at 45% 40%,#344453 0%,#1a2733 45%,#111a23 85%);overflow:hidden}.model-canvas{position:absolute;inset:0}.model-canvas canvas{display:block;width:100%;height:100%;touch-action:none;outline-offset:-5px}.model-pins{position:absolute;inset:0;pointer-events:none}.model-pin{position:absolute;transform:translate(-50%,-50%);border:1px solid #b4d9e5;background:#101d28bd;color:#def4ff;width:23px;height:23px;border-radius:50%;pointer-events:auto;cursor:pointer;box-shadow:0 0 0 5px #80c8ec19}.model-pin:before{content:'+';font:16px monospace}.model-pin span{position:absolute;left:30px;top:0;white-space:nowrap;font-size:10px;background:#101c27e6;padding:5px 8px;border-radius:4px;letter-spacing:.02em}.model-pin:hover,.model-pin[aria-pressed=true]{background:#bcdce9;color:#122330}.model-controls{position:absolute;left:18px;bottom:18px;display:flex;gap:5px;flex-wrap:wrap;z-index:2;max-width:calc(100% - 36px)}.model-controls button{border:1px solid #415263;border-radius:6px;padding:7px 10px;color:#c6d7e2;background:#111c27df;font:inherit;font-size:11px;cursor:pointer}.model-controls button:hover{background:#294354}.model-info{padding:30px 24px;background:#10161de8;border-left:1px solid #26313c;align-self:stretch}.model-info .model-eyebrow{color:#8cb2c5;text-transform:uppercase;letter-spacing:.12em;font-size:10px;line-height:1.6;margin:0 0 18px}.model-info h2{font-size:25px;line-height:1.15;letter-spacing:-.025em;color:#edf4f7;margin:0 0 17px}.model-info>p:not(.model-eyebrow){font-size:13px;line-height:1.8;color:#9daebb}.model-info nav{display:grid;gap:0;margin-top:22px}.model-info nav a{padding:11px 0;border-top:1px solid #293541;color:#cbdde7;text-decoration:none;font-size:12px;display:flex;justify-content:space-between;gap:12px}.model-info nav a:hover{color:#fff}.model-photo{display:block;position:relative;background:#18222c;border:1px solid #324251;border-radius:7px;padding:0;overflow:hidden;cursor:zoom-in;width:100%;margin-top:20px}.model-photo img{display:block;width:100%;height:160px;object-fit:contain;background:#0a1118}.model-photo span{display:block;padding:8px;font-size:10px;color:#aec6d5;text-align:left}.model-footer{padding:12px 20px;border-top:1px solid #26313c;display:flex;justify-content:space-between;gap:20px;align-items:center}.model-footer p{font-size:11px;color:#8da4b6;margin:0}.model-footer>span{font-size:10px;color:#647e90;white-space:nowrap}.model-poster{position:absolute;inset:0;background:radial-gradient(ellipse,#314558,#121b24);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#c2d6e3;text-align:center;padding:25px}.model-poster img{width:80%;max-width:540px;max-height:330px;object-fit:contain;border-radius:7px}.model-poster p{font-size:13px;margin:18px 0}.model-ready .model-poster{display:none}.model-failed .model-poster{display:flex}.model-stage [data-retry]{position:absolute;top:18px;left:18px;z-index:3;padding:8px 12px;border-radius:6px;background:#cfe6f2;color:#101d26;border:0;cursor:pointer}.model-controls,.model-view-tabs{visibility:hidden}.model-ready .model-controls,.model-ready .model-view-tabs{visibility:visible}.model-explorer[hidden],.car-viewer[hidden]{display:none!important}.car-modebar button:focus-visible,.model-explorer button:focus-visible,.model-explorer a:focus-visible{outline:2px solid #b9deef;outline-offset:3px}
@media(max-width:1000px){.model-layout{grid-template-columns:minmax(0,1fr) 270px}.model-info{padding:25px 20px}.model-pin span{display:none}}
@media(max-width:720px){.model-layout{display:block}.model-stage{min-height:380px}.model-info{border-left:0;border-top:1px solid #26313c;padding:24px}.model-info h2{font-size:24px}.model-info>p:not(.model-eyebrow){max-width:55ch}.model-view-tabs{padding:12px;gap:1px}.model-view-tabs button{padding:8px 9px;font-size:11px}.model-footer{padding:12px 15px;display:block}.model-footer>span{display:block;margin-top:6px}.model-controls{left:12px;bottom:12px;gap:4px;max-width:calc(100% - 24px)}.model-controls button{padding:8px;min-height:38px}.model-explorer{border-radius:12px}.car-modebar>span{font-size:10px}.car-mode-switch button{padding:8px 15px}.model-photo img{height:230px}.model-pin span{display:none}.model-pin{width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){.model-pin{box-shadow:none}}

.model-credit{font-size:11px;color:#8da4b6;max-width:360px;flex-shrink:0}.model-credit summary{cursor:pointer;list-style:none;text-align:right;white-space:nowrap}.model-credit summary::-webkit-details-marker{display:none}.model-credit a{color:inherit;text-decoration:underline;text-underline-offset:3px}.model-credit p{margin-top:10px;line-height:1.7;max-width:46ch}.model-credit[open] summary{color:#b0c3ce}.model-credit summary:focus-visible{outline:2px solid #b9deef;outline-offset:4px}
@media(max-width:720px){.model-credit{margin-top:7px}.model-credit summary{text-align:left}.model-credit p{max-width:42ch}}

.model-credit{border:0;background:none;padding:0;margin-bottom:0}.model-credit summary{padding:0;border:0;border-radius:0;background:none;font-size:11px;line-height:1.7}.model-credit summary::after{display:none}

.model-real-reveal{position:absolute;inset:0;margin:0;z-index:4;background:#0b1118;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 16px 80px;gap:12px}.model-real-reveal[hidden]{display:none}.model-real-reveal img{display:block;min-height:0;max-height:calc(100% - 55px);max-width:100%;object-fit:contain}.model-real-reveal figcaption{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;width:100%;color:#b5c5cf;font-size:11px}.model-real-reveal figcaption div{display:flex;gap:8px}.model-real-reveal button{border:1px solid #405263;border-radius:5px;background:#182631;color:#d0e0e9;padding:8px 10px;font:inherit;font-size:11px;cursor:pointer}.model-photo-open .model-controls{z-index:5}.model-photo-open .model-photo{display:none}
@media(max-width:720px){.model-photo-open .model-stage{min-height:540px}.model-real-reveal{padding:12px 12px 120px;gap:8px}.model-real-reveal img{max-height:calc(100% - 72px)}.model-real-reveal figcaption{gap:8px;font-size:10px}.model-real-reveal button{font-size:10px;padding:8px;min-height:38px}}

/* A dedicated strip keeps controls clear of the modeled cabin and trunk. */
.model-stage{--model-control-height:62px}
.model-canvas,.model-pins{inset:0 0 var(--model-control-height)}
.model-controls{left:0;right:0;bottom:0;max-width:none;padding:12px 18px;border-top:1px solid #293541;background:#101923;z-index:5;gap:6px}
.model-real-reveal{bottom:var(--model-control-height);padding:16px}
@media(max-width:720px){.model-stage{min-height:360px}.model-controls{padding:10px 12px}.model-controls button{min-height:38px}.model-explorer[data-model-topic=interior] .model-stage{min-height:540px}.model-real-reveal{padding:12px}.model-photo-open .model-stage{min-height:540px}}

/* Labels retain contrast when their marker is selected or hovered. */
.model-pin span{color:#e1f0f7}
@media(max-width:720px){
 .model-view-tabs button,.model-controls button,.car-mode-switch button,.model-real-reveal button{min-height:44px}
 .model-pin::after{content:'';position:absolute;inset:-4px}
}
@media(max-width:720px){
 .model-explorer[data-model-topic=engine] .model-stage{min-height:460px}
 .model-explorer[data-model-topic=wheels] .model-stage{min-height:420px}
}

/* The loading image uses the same web lighting as the live model. */
.model-poster{padding:0}
.model-poster img{width:100%;max-width:none;max-height:none;border-radius:0}
.model-poster p{position:absolute;bottom:20px;padding:8px 12px;border-radius:6px;background:#101923df}