/* Shared live car stage. Controls are never drawn into a screenshot. */
[data-car-viewer]{position:relative;min-width:0;width:100%;color:#edf3e8}
[data-car-stage]{position:relative;isolation:isolate;overflow:hidden;min-height:220px;aspect-ratio:1.55;background:radial-gradient(ellipse at 50% 73%,#465c3428,transparent 67%);border-radius:7px}
[data-car-stage] canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-y;cursor:grab;outline-offset:-5px}
[data-car-stage] canvas.is-grabbing{cursor:grabbing}
[data-car-stage] canvas:focus-visible{outline:3px solid #d6f66e}
[data-car-stage] canvas[hidden],[data-car-fallback][hidden],[data-car-load][hidden]{display:none!important}
[data-car-fallback]{pointer-events:none}
img[data-car-fallback]{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
[data-car-controls]{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:12px}
[data-car-controls] button,[data-car-load]{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;min-width:44px;border:1px solid #879873;border-radius:5px;background:#19231b;color:#eef5e7;padding:9px 12px;font:600 13px/1.45 Arial,Helvetica,sans-serif;cursor:pointer}
[data-car-controls] button:hover:enabled,[data-car-load]:hover:enabled{background:#2b3b24;border-color:#d6f66e}
[data-car-controls] button:focus-visible,[data-car-load]:focus-visible{outline:3px solid #d6f66e;outline-offset:3px}
[data-car-controls] button:disabled,[data-car-load]:disabled{opacity:.65;cursor:default}
[data-car-bonnet][aria-pressed=true]{background:#d6f66e;color:#172210;border-color:#d6f66e}
/* Touch browsers can retain hover after a tap. Keep highlighted controls readable. */
[data-car-controls] button[data-car-bonnet][aria-pressed=true]:hover:enabled,[data-car-load]:hover:enabled{background:#d6f66e;color:#172210;border-color:#d6f66e}
[data-car-load]{position:absolute;left:50%;top:50%;translate:-50% -50%;z-index:3;background:#d6f66e;color:#172210;border-color:#d6f66e;max-width:calc(100% - 32px);white-space:normal;text-align:center;box-shadow:0 4px 24px #0005}
[data-car-status]{font:400 12px/1.6 Arial,Helvetica,sans-serif;margin:12px 0 0;color:#c6d3bf;text-align:center;min-height:2.2em}
[data-car-viewer][data-state=loading] [data-car-load]{background:#223128;color:#edf3e8;border-color:#a5b38c}
.pit-hero-visual [data-car-viewer]{height:100%;display:flex;flex-direction:column;justify-content:center}
.pit-hero-visual [data-car-stage]{flex:1;aspect-ratio:auto;min-height:190px}
.pit-hero-visual [data-car-status]{font-size:12px;max-width:58ch;margin-inline:auto}
.pit-hero-visual [data-car-controls]{position:relative;z-index:4;margin-top:8px}
.pit-hero-visual .car-credit{font:400 12px/1.6 Arial,Helvetica,sans-serif;color:#c6d3bf;text-align:center;margin:4px 0 0}
.pit-hero-visual .car-credit a{display:inline-flex;align-items:center;min-height:44px;color:#d6f66e;text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){[data-car-stage]{min-height:180px}[data-car-controls]{gap:6px}[data-car-controls] button{padding:8px 10px;font-size:12px}[data-car-status]{font-size:12px;line-height:1.6}.pit-hero-visual [data-car-stage]{min-height:180px}.pit-hero-visual:has([data-car-viewer]){height:365px!important}.pit-hero-visual [data-car-controls]{gap:7px}}
@media(prefers-reduced-motion:reduce){[data-car-stage] canvas,[data-car-controls] button,[data-car-load]{transition:none;animation:none}}
@media print{[data-car-stage] canvas,[data-car-controls],[data-car-load],[data-car-status]{display:none!important}[data-car-fallback]{display:block!important;position:static;height:auto}}