/* Cinematic yeti drive scene. */
.drive-scene{position:relative;isolation:isolate;overflow:hidden;height:clamp(390px,39vw,610px);background:#172c50}.drive-sky{position:absolute;inset:-2%;background:url('assets/city-road-v1.png') center center/cover no-repeat;animation:city-drift 17s ease-in-out infinite alternate;transform-origin:center}.drive-glow{position:absolute;inset:0;background:linear-gradient(90deg,#16112d91,transparent 48%,#101b393d),linear-gradient(180deg,#060d260b 40%,#060e2a30);pointer-events:none}
.drive-car-track{position:absolute;z-index:3;left:0;bottom:-9%;width:clamp(400px,49vw,850px);will-change:transform,opacity;animation:roadster-cross 13s linear infinite}.drive-car{display:block;width:100%;height:auto;filter:drop-shadow(12px 17px 12px #071126a6)}
.drive-caption{position:absolute;z-index:2;left:clamp(24px,6vw,110px);top:clamp(23px,4vw,67px);color:#fff;text-shadow:0 3px 18px #070a2dcc;pointer-events:none}.drive-kicker{display:block;font:800 .78rem/1 'DM Sans',sans-serif;letter-spacing:.28em;color:#e0ff71;margin-bottom:1rem}.drive-caption strong{display:block;font:800 clamp(2.6rem,5.2vw,5.8rem)/.98 'Space Grotesk',sans-serif;letter-spacing:-.06em}.drive-caption em{font-style:normal;color:#fba6d5}
.drive-grain{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:.17;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.34'/%3E%3C/svg%3E")}
@keyframes city-drift{from{transform:scale(1.04) translateX(0)}to{transform:scale(1.13) translateX(-2%)}}@keyframes roadster-cross{0%{transform:translate3d(-100%,0,0);opacity:0}11%{opacity:1}75%{opacity:1}100%{transform:translate3d(100vw,0,0);opacity:0}}
@media(max-width:700px){.drive-scene{height:440px}.drive-sky{background-position:53% center}.drive-car-track{width:min(90vw,600px);bottom:-3%}.drive-caption{top:28px}.drive-caption strong{font-size:clamp(2.5rem,8vw,4rem)}}
@media(max-width:430px){.drive-scene{height:390px}.drive-car-track{bottom:1%}.drive-caption strong{font-size:2.6rem}}
@media(prefers-reduced-motion:reduce){.drive-sky,.drive-car-track{animation:none!important}.drive-car-track{transform:translate3d(20vw,0,0);opacity:1}}