.hero{background:radial-gradient(ellipse at 78% 40%,#253c4e 0%,#101b27 35%,#080d14 72%);min-height:660px}
.hero-content{padding-block:96px 108px;pointer-events:none}.hero-content a{pointer-events:auto}.hero h1{font-size:clamp(48px,5.8vw,80px);max-width:640px}.hero p{max-width:420px}
.hero-drive{position:absolute;right:-2%;bottom:74px;width:65%;height:420px;pointer-events:none;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 12%)}
.drive-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 58% 57%,#e5b96920,transparent 62%)}
.drive-skyline{position:absolute;inset:20px -200px 80px;background:repeating-linear-gradient(90deg,transparent 0 55px,#a5b6ce09 55px 58px,transparent 58px 116px);transform:skewX(-15deg);animation:scenery-pass 5s linear infinite}
.drive-road{position:absolute;bottom:0;left:0;right:0;height:104px;background:linear-gradient(#32405166 0 1px,#101820 2px,#070c12)}
.drive-lane{position:absolute;left:-180px;right:-180px;bottom:23px;height:5px;background:repeating-linear-gradient(90deg,#d8b77999 0 85px,transparent 85px 180px);animation:road-pass .65s linear infinite;transform:skewX(-35deg)}
.hero-car{position:absolute;bottom:36px;right:0;width:100%;height:auto;filter:drop-shadow(0 20px 20px #0007);animation:car-cruise 5s ease-in-out infinite}
.hero-wheel{transform-box:fill-box;transform-origin:center;animation:wheel-spin .65s linear infinite}
.hero-drive{height:510px;bottom:38px}
.realistic-prado{bottom:-14%;width:100%;aspect-ratio:3/2;filter:none;mask-image:radial-gradient(ellipse 62% 47% at 50% 51%,#000 58%,transparent 100%)}
.prado-photo{width:100%;height:auto;object-fit:contain}
.prado-wheel{position:absolute;top:58.69%;width:11.07%;aspect-ratio:1;border-radius:50%;background-image:url('assets/hero-prado.png');background-size:903.34% 602.23%;animation:wheel-spin .75s linear infinite;filter:blur(.25px)}
.prado-wheel-rear{left:16.47%;background-position:18.52% 70.39%}
.prado-wheel-front{left:74.81%;background-position:84.12% 70.39%}
.motion-toggle{position:absolute;right:48px;top:26px;color:#d4dce6;background:#14202dcc;border:1px solid #ffffff25;border-radius:20px;padding:7px 14px;font-size:10px;z-index:3;cursor:pointer}.motion-toggle:hover{border-color:var(--gold);color:var(--gold)}
.motion-paused .hero-drive *{animation-play-state:paused!important}
@keyframes car-cruise{0%,100%{transform:translate(-8px,0)}25%{transform:translate(4px,-2px)}50%{transform:translate(12px,0)}75%{transform:translate(1px,-1px)}}
@keyframes wheel-spin{to{transform:rotate(360deg)}}
@keyframes road-pass{to{translate:-180px 0}}
@keyframes scenery-pass{to{translate:-116px 0}}
@media(max-width:1050px){.hero-drive{width:67%;bottom:40px;opacity:.78}.hero-content{padding-top:85px}.hero h1{max-width:570px}.hero p{max-width:370px}.hero::after{background:linear-gradient(90deg,#080d1460,transparent 65%)}}
@media(max-width:780px){.hero{min-height:900px}.hero-content{padding-block:62px 335px}.hero h1{font-size:57px}.hero p{max-width:490px}.hero-drive{width:100%;height:350px;right:-4%;bottom:45px;opacity:1;mask-image:none}.hero-car{width:96%;bottom:32px}.drive-road{height:80px}.motion-toggle{top:auto;bottom:26px;right:20px}.hero-caption{bottom:28px;left:20px;right:auto}.hero-caption>span:last-child{display:none}.hero::after{background:none}}
@media(max-width:480px){.hero{min-height:800px}.hero-content{padding-top:55px;padding-bottom:270px}.hero h1{font-size:47px}.hero p{font-size:13px;max-width:350px}.hero-drive{width:116%;right:-8%;height:260px;bottom:53px}.hero-car{bottom:32px}.drive-road{height:62px}.drive-lane{bottom:18px;height:3px}.hero-caption{font-size:7px;letter-spacing:1px}.motion-toggle{right:14px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.hero-drive *{animation:none!important}}
@media(max-width:1050px){.realistic-prado{bottom:-8%}}
@media(max-width:780px){.realistic-prado{bottom:-22%;width:100%}.hero-drive{height:350px;bottom:48px}}
@media(max-width:480px){.realistic-prado{bottom:-15%}.hero-drive{height:270px;bottom:46px}}