/* Private Auto Detective hero. Keep the high-resolution car raster stationary. */
.intro .car-scene{overflow:clip;overflow-clip-margin:12px;perspective:none}
.intro .car-scene:before{inset:4% -3% -3%;background:radial-gradient(ellipse at 50% 66%,#c8ddf58a,transparent 68%)}
.car-scene .car-stage{position:absolute;left:50%;top:50%;width:480px;height:320px;margin:-160px 0 0 -240px;isolation:isolate;pointer-events:none}
.intro .car-scene .car-stage img{position:absolute;inset:0;display:block;width:480px;height:320px;max-width:none;object-fit:contain;filter:none;transform:none;animation:none;image-rendering:auto;backface-visibility:visible}
.car-scene .scene-grid{inset:35% -5% 0;background-size:32px 32px;transform:perspective(430px) rotateX(62deg);transform-origin:center bottom;opacity:.65;animation:auto-grid-flow 24s linear infinite}
.car-scene .scene-halo{width:64%;height:80%;border-color:#a9cbed62;background:radial-gradient(ellipse,#e1effc05 40%,#d1e7fc2b 70%,transparent 72%);box-shadow:0 0 0 23px #c6defb12;transform:rotate(-23deg);animation:auto-halo-breathe 11s ease-in-out infinite}
.car-scene .orbit{width:91%;height:150px;bottom:12px;border-color:#89b5df60;box-shadow:0 0 0 22px #a6c8eb10,0 0 0 43px #a6c8eb08;transform:perspective(420px) rotateX(61deg);overflow:visible}
.car-scene .orbit:after{content:"";position:absolute;inset:-1px;border:2px solid transparent;border-top-color:#81b9ed8a;border-left-color:#81b9ed20;border-radius:50%;animation:auto-orbit-light 18s linear infinite}
.car-scene .scene-sweep{position:absolute;inset:12% 4% 6%;z-index:-1;overflow:hidden;border-radius:22px;mask-image:radial-gradient(ellipse,#000 24%,transparent 71%);pointer-events:none}
.car-scene .scene-sweep:before{content:"";position:absolute;inset:0 auto 0 -35%;width:34%;background:linear-gradient(90deg,transparent,#78b5ec12 42%,#6daee634 50%,#78b5ec0c 54%,transparent);animation:auto-scene-sweep 12s ease-in-out infinite}
.car-scene .scene-floor{position:absolute;left:9%;right:7%;bottom:12%;height:13%;border-radius:50%;background:radial-gradient(ellipse,#668bbd18,transparent 68%);z-index:-1}
/* Canvas pixels use the original photograph, canonical rim masks and lamp paths.
   The complete still image stays visible if script, image decode or paint fails. */
.car-scene #detective-car-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;pointer-events:none}
.car-scene .car-stage[data-car-ready="true"] #detective-car-canvas{opacity:1}
.car-scene .car-stage[data-car-ready="true"] .auto-car-fallback{opacity:0}
.car-scene .scene-caption{z-index:2;color:#6e8eb2;letter-spacing:.19em}
.car-scene .data-tag{z-index:2;border-color:#d5e4f2;background:#f9fcffed;backdrop-filter:none;box-shadow:0 5px 18px #31558108;padding:8px 12px;font-size:10px;line-height:1.5}
.car-scene .illustration-caption{z-index:2;color:#7d96b3}
@keyframes auto-grid-flow{to{background-position:32px 32px}}
@keyframes auto-halo-breathe{0%,100%{opacity:.52}50%{opacity:.92}}
@keyframes auto-orbit-light{to{transform:rotate(360deg)}}
@keyframes auto-scene-sweep{0%,12%{transform:translateX(0);opacity:0}23%{opacity:.8}67%{transform:translateX(360%);opacity:.65}78%,100%{transform:translateX(360%);opacity:0}}
@media(max-width:1100px){.car-scene .car-stage{width:432px;height:288px;margin:-144px 0 0 -216px}.intro .car-scene .car-stage img{width:432px;height:288px}}
@media(max-width:900px){.car-scene .car-stage{width:384px;height:256px;margin:-128px 0 0 -192px}.intro .car-scene .car-stage img{width:384px;height:256px}.car-scene .data-tag{font-size:9px}}
@media(max-width:650px){.car-scene .car-stage{width:360px;height:240px;margin:-120px 0 0 -180px}.intro .car-scene .car-stage img{width:360px;height:240px}.car-scene .scene-grid{inset:28% 0 0}.car-scene .orbit{height:110px;bottom:4px}.car-scene .scene-caption{left:13px;top:6px;font-size:7px}.car-scene .data-tag{right:2px;bottom:0;padding:6px 9px;font-size:9px}.car-scene .illustration-caption{left:13px;bottom:2px;font-size:7px}}
@media(max-width:390px){.car-scene .car-stage{width:330px;height:220px;margin:-110px 0 0 -165px}.intro .car-scene .car-stage img{width:330px;height:220px}}
@media(max-width:350px){.car-scene .car-stage{width:300px;height:200px;margin:-100px 0 0 -150px}.intro .car-scene .car-stage img{width:300px;height:200px}}
@media(prefers-reduced-motion:reduce){.car-scene .scene-grid,.car-scene .scene-halo,.car-scene .orbit:after,.car-scene .scene-sweep:before{animation:none}.car-scene .scene-sweep:before{opacity:0}}