/* One message, original reference footage. Isolated from the retired carousel. */
.a-home .car-hero{--car-inset:max(48px,calc((100% - 1312px)/2));position:relative;isolation:isolate;overflow:hidden;height:calc(100svh - 127px);min-height:580px;max-height:1000px;background:#d5dce0;color:#fff}
.car-media,.car-poster,.car-shade{position:absolute;inset:0;width:100%;height:100%}
.car-poster{display:block}
.car-media :is(img,video){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.car-video{opacity:0;pointer-events:none;transition:opacity 240ms ease}
.car-media[data-video-ready=true] .car-video{opacity:1}
.car-shade{pointer-events:none;background:linear-gradient(90deg,#101820c9 0%,#10182080 27%,transparent 57%),linear-gradient(0deg,#101820aa,transparent 24%)}
.a-home .car-copy{position:absolute;left:var(--car-inset);bottom:115px;width:410px;max-width:calc(100% - 2 * var(--car-inset));z-index:1}
.a-home .car-kicker{font-size:14px;line-height:1.5;margin:0 0 18px;color:inherit}
.a-home .car-heading h1{font:800 clamp(52px,4.8vw,76px)/1.04 var(--display);letter-spacing:-.025em;margin:0;color:inherit;text-wrap:balance}
.a-home .car-description{font-size:18px;line-height:1.55;margin:22px 0 24px;color:inherit;text-align:start}
.car-phrase{display:block}
.a-home .car-action .button{min-height:56px;padding:14px 22px;font-size:16px;gap:14px}
.car-premium{display:block;margin-top:16px;font-size:12px;line-height:1.5}
.a-home .car-routes{position:absolute;left:var(--car-inset);right:100px;bottom:18px;z-index:1}
.a-home .car-routes .hero-routes{width:max-content;max-width:100%;min-width:0}
.a-home .car-routes a{font-size:13px;line-height:1.4;color:white}
@media(min-width:1024px) and (max-height:760px){.a-home .car-heading h1{font-size:54px}.a-home .car-copy{bottom:100px}.a-home .car-description{margin:16px 0 20px}}
@media(max-width:1023px){
 .a-home .car-hero{--car-inset:32px;height:calc(100svh - 76px);min-height:850px;max-height:none}
 .car-media :is(img,video){object-position:50% 50%}
 .car-shade{background:linear-gradient(180deg,#f7f6f1ce 0%,#f7f6f190 22%,transparent 38%),linear-gradient(0deg,#101820f0 0%,#101820a3 22%,transparent 41%)}
 .a-home .car-copy{display:contents}
 .a-home .car-heading{position:absolute;left:var(--car-inset);right:var(--car-inset);top:38px;color:#17212a;z-index:1}
 .a-home .car-heading h1{font-size:60px;max-width:600px}
 .a-home .car-kicker{max-width:36ch;margin-bottom:14px}
 .a-home .car-action{position:absolute;left:var(--car-inset);right:var(--car-inset);bottom:100px;z-index:1}
 .a-home .car-description{margin:0 0 20px;font-size:18px}
 .a-home .car-routes{right:92px;bottom:20px}
 .a-home .car-routes .hero-routes{width:100%;gap:18px;border-top:1px solid #ffffff57}
 .a-home .car-routes a{flex:0 1 auto;padding:10px 0;margin:0;font-size:13px}
}
@media(max-width:599px){
 .a-home .car-hero{--car-inset:24px;min-height:740px}
 .a-home .car-heading{top:30px}
 .a-home .car-heading h1{font-size:clamp(39px,11.8vw,56px)}
 .a-home .car-kicker{font-size:12px;max-width:34ch}
 .a-home .car-description{font-size:16px;line-height:1.5;margin-bottom:18px}
 .a-home .car-action{bottom:110px}
 .a-home .car-premium{font-size:10px;margin-top:12px}
 .a-home .car-routes{right:76px;bottom:16px}
 .a-home .car-routes .hero-routes{gap:10px}
 .a-home .car-routes a{font-size:11px;min-height:48px;gap:4px}
 .a-home .car-action .button{font-size:14px;min-height:52px;padding:12px 18px}
}
/* Keep the physical car on the right in Arabic too; never mirror the footage. */
html[dir=rtl] .car-copy,html[dir=rtl] .car-heading,html[dir=rtl] .car-action{direction:rtl;text-align:right}
html[dir=rtl] .car-heading h1{font-family:var(--body);line-height:1.25}
@media(prefers-reduced-motion:reduce){.car-video{display:none;transition:none}}
/* The assistant occupies the bottom-right corner; keep playback control clear. */
@media(max-width:599px){.a-home .car-routes{right:110px}.a-home .car-routes a{font-size:10px}.a-home .car-kicker{padding-right:30px}}
@media(max-width:359px){
 .a-home .menu-toggle{width:44px;min-width:44px;flex:0 0 44px;padding:10px}
 .a-home .menu-toggle>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
}
/* Arabic controls follow reading direction; the photograph stays unmirrored. */
@media(max-width:1023px){html[dir=rtl] .a-home .car-routes{left:92px;right:var(--car-inset)}}
@media(max-width:599px){
 html[dir=rtl] .a-home .car-kicker{padding-right:0;padding-left:30px}
 html[dir=rtl] .a-home .car-routes{left:90px;right:24px}
}
/* Second scene (Pablo, 7 Oct 2026): the world, ten seconds, same message. It crossfades over the car
   with its own shade; the car's light mobile wash would turn milky over the dark globe. */
.car-world,.car-world-shade{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.car-world{opacity:0;transition:opacity 800ms ease}
.car-hero[data-scene=world] .car-world{opacity:1}
.car-shade{transition:opacity 800ms ease}
.car-hero[data-scene=world] .car-shade{opacity:0}
.car-world-shade{background:linear-gradient(90deg,#0b1312e6 0%,#0b1312b8 30%,#0b131240 52%,transparent 66%),linear-gradient(0deg,#0b1312c4,transparent 30%)}
@media(max-width:1023px){
 .car-world-shade{background:linear-gradient(180deg,#0b1312e0 0%,#0b1312a6 24%,transparent 44%),linear-gradient(0deg,#0b1312f0 0%,#0b1312a8 24%,transparent 46%)}
 .a-home .car-heading{transition:color 800ms ease}
 .a-home .car-hero[data-scene=world] .car-heading{color:#fff}
}
@media(prefers-reduced-motion:reduce){.car-world{display:none}.car-shade,.a-home .car-heading{transition:none}}