:root{--yellow:#ffd633;--ink:#101114;--muted:#65676d;--paper:#f5f5f3;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.topbar{height:76px;display:flex;align-items:center;gap:34px;padding:0 clamp(20px,5vw,76px);background:#0b0c0f;color:#fff;position:sticky;top:0;z-index:10}.brand{font-size:22px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.brand span{font-size:11px;letter-spacing:4px;display:block;color:var(--yellow)}nav{display:flex;gap:28px;margin-left:auto;font-size:14px}nav a:hover{color:var(--yellow)}.call{background:var(--yellow);color:#111;padding:12px 18px;font-weight:800}.menu{display:none;background:none;border:0;color:white;font-size:26px}.hero{background:#07090b;position:relative}.hero img{width:100%;display:block;aspect-ratio:2.3/1;object-fit:cover}.hero-actions{position:absolute;left:50%;bottom:4.5%;transform:translateX(-50%);display:flex;gap:12px}.button{display:inline-flex;justify-content:center;padding:14px 21px;font-weight:800;font-size:14px;border:1px solid transparent}.primary{background:var(--yellow);color:#111}.ghost{background:rgba(10,10,10,.74);border-color:#fff;color:#fff}.dark{background:#111;color:#fff}.quick{display:grid;grid-template-columns:repeat(4,1fr);max-width:1240px;margin:-1px auto 0;background:#fff;box-shadow:0 12px 40px #1111}.quick a{padding:24px;border-right:1px solid #ddd}.quick strong,.quick span{display:block}.quick span{font-size:13px;color:var(--muted);margin-top:8px}.intro,.vehicles,.service,.contact{padding:90px clamp(24px,7vw,110px)}.intro{text-align:center;max-width:1050px;margin:auto}.eyebrow{font-size:12px;font-weight:900;letter-spacing:3px;text-transform:uppercase;color:#8b6b00}.intro h1,.section-head h2,.service h2,.contact h2,.location-copy h2{font-size:clamp(32px,4.4vw,58px);line-height:1.04;margin:12px 0 20px}.intro>p:last-of-type{font-size:19px;color:var(--muted);line-height:1.7}.trust{display:flex;justify-content:center;gap:30px;margin-top:32px;font-weight:700}.real-location{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);background:#fff;margin:0 clamp(24px,5vw,78px) 90px;box-shadow:0 22px 60px #1112}.location-photo{min-height:520px;overflow:hidden}.location-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 42%}.location-copy{padding:clamp(35px,5vw,72px);display:flex;flex-direction:column;justify-content:center}.location-copy>p:not(.eyebrow):not(.location-address){font-size:17px;color:var(--muted);line-height:1.7}.location-address{font-weight:800;line-height:1.55;margin:18px 0 25px}.location-copy .button{align-self:flex-start}.vehicles{background:#121316;color:#fff}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}.section-head h2{margin-bottom:0}.section-head>a{color:var(--yellow);font-weight:800}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cards article{min-height:290px;padding:32px;background:linear-gradient(145deg,#26282d,#17181b);border-top:3px solid var(--yellow);display:flex;flex-direction:column}.cards h3{font-size:36px;margin:12px 0}.cards p{color:#c9c9c9;line-height:1.6}.cards a{margin-top:auto;color:var(--yellow);font-weight:800}.model{font-size:11px;letter-spacing:3px}.service{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:center}.service>div>p:not(.eyebrow){font-size:18px;line-height:1.7;color:var(--muted);margin-bottom:28px}.service-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.service-list span{background:#fff;padding:20px;border-left:4px solid var(--yellow);font-weight:700}.contact{background:var(--yellow);display:grid;grid-template-columns:1.2fr 1fr auto;gap:60px;align-items:center}.contact .eyebrow{color:#111}.contact a{text-decoration:underline}.hours div{display:flex;justify-content:space-between;gap:35px;padding:12px 0;border-bottom:1px solid #1114}.contact-actions{display:grid;gap:10px}.contact-actions .primary{background:#fff}footer{background:#0b0c0f;color:#aaa;padding:30px clamp(24px,7vw,110px);display:flex;justify-content:space-between;font-size:13px}.contact-dialog{width:min(760px,calc(100% - 28px));border:0;padding:0;background:#fff;color:#111;box-shadow:0 24px 90px #0008}.contact-dialog::backdrop{background:#050608cc;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:start;background:#111;color:#fff;padding:24px 28px}.dialog-head h2{margin:4px 0 0;font-size:34px}.dialog-close{background:transparent;border:0;color:#fff;font-size:36px;line-height:1}.contact-dialog form{padding:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.contact-dialog label{display:grid;gap:7px;font-size:13px;font-weight:800;margin-bottom:17px}.contact-dialog input,.contact-dialog select,.contact-dialog textarea{width:100%;border:1px solid #c8c8c8;background:#fafafa;padding:12px;font:inherit}.contact-dialog input:focus,.contact-dialog select:focus,.contact-dialog textarea:focus{outline:2px solid var(--yellow);border-color:#111}.privacy{grid-template-columns:auto 1fr!important;align-items:start;font-weight:400!important;line-height:1.5}.privacy input{width:auto;margin-top:3px}.honeypot{position:absolute!important;left:-9999px!important}.submit{width:100%}.form-note{text-align:center;color:#666;font-size:12px;margin:12px 0 0}@media(max-width:900px){.real-location{grid-template-columns:1fr;margin:0 22px 65px}.location-photo{min-height:380px}}@media(max-width:850px){.topbar{height:66px}.menu{display:block;margin-left:auto}nav{display:none;position:absolute;top:66px;left:0;right:0;background:#111;padding:22px;flex-direction:column}nav.open{display:flex}.call{display:none}.hero img{aspect-ratio:1.35/1;object-position:center}.hero-actions{position:static;transform:none;padding:14px;display:grid}.quick{grid-template-columns:1fr 1fr}.quick a:nth-child(2){border-right:0}.trust{flex-direction:column;gap:12px}.cards{grid-template-columns:1fr}.service,.contact{grid-template-columns:1fr;gap:35px}.service-list{grid-template-columns:1fr 1fr}.intro,.vehicles,.service,.contact{padding:65px 22px}}@media(max-width:600px){.form-grid{grid-template-columns:1fr}.contact-dialog form{padding:20px}.dialog-head{padding:20px}.location-photo{min-height:300px}}@media(max-width:500px){.brand{font-size:18px}.hero img{aspect-ratio:1.1/1;object-position:center}.quick{grid-template-columns:1fr}.quick a{border-right:0;border-bottom:1px solid #ddd}.service-list{grid-template-columns:1fr}.section-head{align-items:start;gap:18px;flex-direction:column}footer{flex-direction:column;gap:10px}}

.company-info{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:clamp(36px,6vw,90px);padding:clamp(70px,8vw,120px) max(6vw,28px);background:#f4f4f2;align-items:start}.company-story h1{font-size:clamp(2rem,4vw,4.2rem);line-height:1.02;margin:.35rem 0 1.5rem;max-width:880px}.company-story p{color:#555;line-height:1.75;max-width:780px}.company-story .company-lead{font-size:clamp(1.08rem,1.35vw,1.3rem);color:#202020}.company-story .trust{margin-top:30px}.company-services{background:#0b0c0e;color:#fff;padding:clamp(28px,4vw,52px);box-shadow:18px 18px 0 #ffd200}.company-services h3{font-size:clamp(1.45rem,2vw,2rem);margin:0 0 24px}.company-services ul{list-style:none;padding:0;margin:0 0 30px}.company-services li{position:relative;padding:13px 0 13px 30px;border-bottom:1px solid #2d2e31;line-height:1.45}.company-services li:before{content:'✓';position:absolute;left:0;color:#ffd200;font-weight:800}.footer-link{appearance:none;border:0;background:transparent;color:inherit;font:inherit;padding:0;text-decoration:underline;cursor:pointer}.legal-dialog{width:min(850px,calc(100% - 28px));max-height:min(88vh,850px)}.legal-body{padding:12px clamp(22px,4vw,44px) clamp(28px,4vw,44px);overflow:auto}.legal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px;margin:0}.legal-grid div{padding:18px 0;border-bottom:1px solid #dedede}.legal-grid dt{font-size:.76rem;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:#777;margin-bottom:7px}.legal-grid dd{margin:0;line-height:1.55;font-weight:600}.legal-grid a{color:#111;text-decoration-color:#ffd200;text-decoration-thickness:2px;text-underline-offset:3px}@media(max-width:760px){.company-info{grid-template-columns:1fr}.company-services{box-shadow:9px 9px 0 #ffd200}.legal-grid{grid-template-columns:1fr}}
.inventory-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;background:var(--yellow);color:#111;padding:24px 28px;margin:-8px 0 30px;transition:transform .2s ease,box-shadow .2s ease}.inventory-cta:hover{transform:translateY(-3px);box-shadow:0 14px 34px #0005}.inventory-cta span,.inventory-cta small,.inventory-cta strong{display:block}.inventory-cta small{font-size:11px;font-weight:900;letter-spacing:2px;text-transform:uppercase;margin-bottom:7px}.inventory-cta strong{font-size:clamp(18px,2vw,25px)}.inventory-cta b{white-space:nowrap;background:#111;color:#fff;padding:14px 18px;font-size:14px}.cards .card-link{margin-top:auto;padding:0;border:0;background:transparent;color:var(--yellow);font-weight:800;text-align:left}.cards article:nth-child(3) h3{font-size:clamp(27px,2.4vw,36px)}@media(max-width:700px){.inventory-cta{align-items:flex-start;flex-direction:column}.inventory-cta b{white-space:normal;width:100%;text-align:center}}
.contact .contact-phone{text-decoration:none}
.contact-details{display:grid;grid-template-columns:max-content 1fr;gap:6px 9px;align-items:baseline}.contact-details .contact-email{grid-column:1/-1;margin-top:4px}
.visitor-counter{color:#ddd}.visitor-counter strong{color:var(--yellow);font-variant-numeric:tabular-nums}

/* Fixed camera plate with four independently moving vehicle cutouts. */
.hero-cinematic{overflow:hidden}.hero-sequence{position:relative;aspect-ratio:2.3/1;background:#07090b}.hero-cinematic .hero-frame{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;will-change:opacity,transform}.hero-day{z-index:1}.hero-cinematic .hero-car{inset:auto;height:auto;object-fit:contain;z-index:3;filter:brightness(1.04) drop-shadow(0 10px 8px #0008);will-change:transform;animation-duration:10s;animation-timing-function:cubic-bezier(.18,.78,.24,1);animation-fill-mode:both}.hero-car-bigster{left:4.5%;bottom:5.5%;width:26%;animation-name:drive-bigster}.hero-car-r5{left:28.5%;bottom:5.3%;width:22.5%;animation-name:drive-r5}.hero-car-twingo{left:49.5%;bottom:5.2%;width:20%;animation-name:drive-twingo}.hero-car-rafale{left:69.5%;bottom:5.1%;width:24.5%;animation-name:drive-rafale}.hero-nightfall{position:absolute;z-index:2;inset:0;background:linear-gradient(#09234a99,#050b18aa);mix-blend-mode:multiply;opacity:0;animation:nightfall 10s ease-in-out both;pointer-events:none}.hero-night{z-index:4;opacity:0;animation:hero-night 10s ease-in-out both}.hero-cinematic .hero-actions{z-index:5}
@keyframes drive-bigster{0%,12%{transform:translateX(-38%) translateY(4%) rotate(-1deg)}47%,100%{transform:translateX(0) translateY(0) rotate(0)}}
@keyframes drive-r5{0%,20%{transform:translateX(-42%) translateY(6%) rotate(-1deg)}57%,100%{transform:translateX(0) translateY(0) rotate(0)}}
@keyframes drive-twingo{0%,28%{transform:translateX(39%) translateY(5%) rotate(1deg)}67%,100%{transform:translateX(0) translateY(0) rotate(0)}}
@keyframes drive-rafale{0%,36%{transform:translateX(42%) translateY(6%) rotate(1deg)}76%,100%{transform:translateX(0) translateY(0) rotate(0)}}
@keyframes nightfall{0%,35%{opacity:0}82%,100%{opacity:.82}}
@keyframes hero-night{0%,82%{opacity:0}96%,100%{opacity:1}}
@media(max-width:850px){.hero-sequence{aspect-ratio:1.35/1}.hero-cinematic .hero-frame{object-position:center}}
@media(max-width:500px){.hero-sequence{aspect-ratio:1.1/1}}
@media(prefers-reduced-motion:reduce){.hero-day,.hero-car,.hero-nightfall{display:none}.hero-night{opacity:1;animation:none;transform:none}}

/* Vehicle-layer sizing overrides use extra specificity over the shared hero frame. */
.hero-cinematic .hero-car{mix-blend-mode:multiply}
.hero-cinematic .hero-car-bigster{left:4.5%;bottom:5.5%;width:26%;height:auto}
.hero-cinematic .hero-car-r5{left:28.5%;bottom:5.3%;width:22.5%;height:auto}
.hero-cinematic .hero-car-twingo{left:49.5%;bottom:5.2%;width:20%;height:auto}
.hero-cinematic .hero-car-rafale{left:69.5%;bottom:5.1%;width:24.5%;height:auto}

/* Match the moving cars to their vertical positions in the final banner. */
.hero-cinematic .hero-car-bigster{bottom:9.4%}
.hero-cinematic .hero-car-r5{bottom:9.1%}
.hero-cinematic .hero-car-twingo{bottom:8.8%}
.hero-cinematic .hero-car-rafale{bottom:8.7%}

/* No artificial sun or rectangular window overlays; the lit rooms fade in with the real evening photograph. */
.hero-sun,.room-light{display:none!important}

/* Dusk now begins while the vehicles are still driving into position. */
@keyframes nightfall-smooth{0%{opacity:0}10%{opacity:.06}28%{opacity:.24}52%{opacity:.42}76%{opacity:.61}100%{opacity:.78}}
@keyframes hero-night-smooth{0%,10%{opacity:0}28%{opacity:.05}46%{opacity:.15}64%{opacity:.32}82%{opacity:.62}100%{opacity:1}}

/* Fade the original evening photograph only over sky/building, never over the moving cars. */
.hero-night{z-index:2;clip-path:none;-webkit-mask-image:none;mask-image:none}
.hero-nightfall{z-index:2}

/* Compact timing: dusk starts with the first moving car and finishes in ten seconds. */
.hero-cinematic .hero-car{animation-duration:10s}
.hero-nightfall{animation:nightfall-smooth 10s ease-in-out both}
.hero-night{animation:hero-night-smooth 10s ease-in-out both}
@keyframes nightfall-smooth{0%,8%{opacity:0}16%{opacity:.1}32%{opacity:.28}52%{opacity:.46}76%{opacity:.65}100%{opacity:.78}}
@keyframes hero-night-smooth{0%,12%{opacity:0}28%{opacity:.08}46%{opacity:.2}64%{opacity:.4}82%{opacity:.7}100%{opacity:1}}

/* Smoother 14-second daylight-to-evening sequence. */
.hero-sun{position:absolute;z-index:2;left:12%;top:17%;width:7%;aspect-ratio:1;border-radius:50%;background:#fff5b6;box-shadow:0 0 28px 15px #ffe582aa,0 0 90px 45px #ffd06d55;animation:sun-path 14s ease-in-out both;pointer-events:none}
.hero-cinematic .hero-car{mix-blend-mode:normal;animation-duration:14s;filter:drop-shadow(0 9px 7px #0007)}
.hero-nightfall{background:linear-gradient(180deg,#112d5a 0%,#1a2445 40%,#060a12 100%);animation:nightfall-smooth 14s ease-in-out both}
.hero-night{animation:hero-night-smooth 14s ease-in-out both}
.room-light{position:absolute;z-index:3;border-radius:2px;background:#ffd071;opacity:0;box-shadow:0 0 14px 5px #ffb52d88;mix-blend-mode:screen;pointer-events:none}
.light-workshop{left:66.8%;top:58.5%;width:13%;height:14%;animation:light-workshop 14s ease-in-out both}
.light-office-left{left:35.3%;top:37.2%;width:6.2%;height:7.5%;animation:light-office-left 14s ease-in-out both}
.light-office-center{left:56.7%;top:33.5%;width:5.5%;height:8.5%;animation:light-office-center 14s ease-in-out both}
.light-office-right{left:75.2%;top:35.5%;width:4.5%;height:9%;animation:light-office-right 14s ease-in-out both}
.light-entrance{left:42%;top:60%;width:12%;height:12%;animation:light-entrance 14s ease-in-out both}
@keyframes sun-path{0%{left:12%;top:14%;opacity:1;transform:scale(1)}55%{left:7%;top:30%;opacity:.85;transform:scale(.82)}78%,100%{left:3%;top:43%;opacity:0;transform:scale(.55)}}
@keyframes nightfall-smooth{0%,22%{opacity:0}55%{opacity:.18}76%{opacity:.48}100%{opacity:.78}}
@keyframes hero-night-smooth{0%,48%{opacity:0}72%{opacity:.16}88%{opacity:.56}100%{opacity:1}}
@keyframes light-workshop{0%,48%{opacity:0}56%,100%{opacity:.52}}
@keyframes light-entrance{0%,56%{opacity:0}64%,100%{opacity:.6}}
@keyframes light-office-left{0%,61%{opacity:0}69%,100%{opacity:.62}}
@keyframes light-office-center{0%,68%{opacity:0}76%,100%{opacity:.64}}
@keyframes light-office-right{0%,74%{opacity:0}82%,100%{opacity:.68}}
@media(prefers-reduced-motion:reduce){.hero-sun,.room-light{display:none}}
.inline-legal{appearance:none;border:0;background:transparent;padding:0;color:#111;font:inherit;font-weight:800;text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:2px;text-underline-offset:2px}.privacy-copy{line-height:1.65}.privacy-copy h3{font-size:1.15rem;margin:30px 0 8px}.privacy-copy p{color:#444;margin:8px 0}.privacy-copy ul{color:#444}.privacy-copy .legal-updated{font-size:.85rem;color:#777;margin-bottom:24px}.privacy-copy a{font-weight:700;text-decoration-color:var(--yellow);text-decoration-thickness:2px;text-underline-offset:2px}
.brand-group{display:flex;align-items:center;gap:22px}.brand-partners{height:36px;display:flex;align-items:center;gap:13px;padding-left:20px;border-left:1px solid #ffffff38}.brand-partners img{display:block;object-fit:contain;filter:grayscale(1) brightness(0) invert(1)}.renault-header-logo{width:55px;height:31px}.dacia-header-logo{width:58px;height:22px}.partner-divider{width:1px;height:23px;background:#ffffff42}@media(max-width:850px){.brand-group{gap:12px}.brand-partners{gap:8px;padding-left:12px}.renault-header-logo{width:42px;height:25px}.dacia-header-logo{width:44px;height:18px}.partner-divider{height:18px}}@media(max-width:500px){.brand-group{gap:9px}.brand-partners{gap:6px;padding-left:9px}.renault-header-logo{width:35px;height:22px}.dacia-header-logo{width:36px;height:16px}}

/* Final authoritative timing override. Keep this block last. */
.hero-cinematic .hero-car{animation-duration:10s}
.hero-nightfall{animation:nightfall-final 10s ease-in-out both}
.hero-night{animation:hero-night-final 10s ease-in-out both}
@keyframes nightfall-final{0%,8%{opacity:0}16%{opacity:.1}32%{opacity:.28}52%{opacity:.46}76%{opacity:.65}100%{opacity:.78}}
@keyframes hero-night-final{0%,12%{opacity:0}28%{opacity:.08}46%{opacity:.2}64%{opacity:.4}82%{opacity:.7}100%{opacity:1}}

/* Final vehicle height and moving contact shadows. */
.hero-cinematic .hero-car{z-index:4}
.hero-cinematic .hero-car-bigster{bottom:12.4%}
.hero-cinematic .hero-car-r5{bottom:12.1%}
.hero-cinematic .hero-car-twingo{bottom:11.8%}
.hero-cinematic .hero-car-rafale{bottom:11.7%}
.car-shadow{position:absolute;z-index:3;height:4.2%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,0,0,.9) 0%,rgba(0,0,0,.68) 42%,rgba(0,0,0,.25) 68%,transparent 78%);filter:blur(4px);transform-origin:center;animation-duration:10s;animation-timing-function:cubic-bezier(.18,.78,.24,1);animation-fill-mode:both;pointer-events:none}
.shadow-bigster{left:6%;bottom:10.6%;width:23%;animation-name:drive-bigster}
.shadow-r5{left:30%;bottom:10.4%;width:19%;animation-name:drive-r5}
.shadow-twingo{left:51%;bottom:10.2%;width:17%;animation-name:drive-twingo}
.shadow-rafale{left:71%;bottom:10%;width:21%;animation-name:drive-rafale}
@media(prefers-reduced-motion:reduce){.car-shadow{display:none}}

/* Vehicle and wet-ground reflection now move as one layer; artificial shadows are disabled. */
.car-shadow{display:none!important}
.hero-cinematic .hero-car-bigster{bottom:-18.5%}
.hero-cinematic .hero-car-r5{bottom:-10%}
.hero-cinematic .hero-car-twingo{bottom:-11.5%}
.hero-cinematic .hero-car-rafale{bottom:-14%}

/* Preserve the portrait aspect ratio of the vehicle-plus-reflection assets. */
.hero-cinematic .hero-car{aspect-ratio:auto!important}

/* Scale reflected vehicle layers back to the proportions of the original banner. */
.hero-cinematic .hero-car-bigster{left:7%;width:21.5%;bottom:-10.5%}
.hero-cinematic .hero-car-r5{left:31%;width:18.5%;bottom:-5.5%}
.hero-cinematic .hero-car-twingo{left:51.5%;width:16.5%;bottom:-8.5%}
.hero-cinematic .hero-car-rafale{left:72%;width:20.5%;bottom:-9%}

/* Raise the Twingo clear of the workshop CTA while keeping its reflection attached. */
.hero-cinematic .hero-car-twingo{bottom:0}

/* Balance the two outer crossovers with the smaller center vehicles. */
.hero-cinematic .hero-car-bigster{left:8%;width:19.5%;bottom:-7.5%}
.hero-cinematic .hero-car-rafale{left:73%;width:18.5%;bottom:-6%}

/* Put the Twingo back onto the shared forecourt depth line. */
.hero-cinematic .hero-car-twingo{left:52%;bottom:-4%}

/* Final compact sequence: every visible hero animation shares eight seconds. */
.hero-cinematic .hero-car{animation-duration:8s}
.hero-nightfall{animation:nightfall-final 8s ease-in-out both}
.hero-night{animation:hero-night-final 8s ease-in-out both}
.room-light{animation-duration:8s}

/* Align the replacement Twingo with the shared forecourt depth line. */
.hero-cinematic .hero-car-twingo{bottom:9%}

/* Balance the two center cars against the outer crossovers. */
.hero-cinematic .hero-car-r5{left:30.5%;width:20%}
.hero-cinematic .hero-car-twingo{left:51%;width:18.5%;bottom:8%}

/* Final positions and proportions traced from the original finished banner. */
.hero-cinematic .hero-car-bigster{left:7.2%;width:21.5%;bottom:-9.5%}
.hero-cinematic .hero-car-r5{left:30.2%;width:18.5%;bottom:-7%}
.hero-cinematic .hero-car-twingo{left:51.2%;width:18.5%;bottom:6%}
.hero-cinematic .hero-car-rafale{left:72.4%;width:20.5%;bottom:-8%}

/* The original banner is the exact final frame; animated cutouts blend into it. */
.hero-cinematic .hero-car-bigster{left:8%;width:19.5%;bottom:-7.5%;animation-name:drive-bigster,car-to-original}
.hero-cinematic .hero-car-r5{left:31%;width:18.5%;bottom:-5.5%;animation-name:drive-r5,car-to-original}
.hero-cinematic .hero-car-twingo{left:52%;width:18.5%;bottom:6%;animation-name:drive-twingo,car-to-original}
.hero-cinematic .hero-car-rafale{left:73%;width:18.5%;bottom:-6%;animation-name:drive-rafale,car-to-original}
.hero-cinematic .hero-car{animation-duration:8s,8s;animation-timing-function:cubic-bezier(.18,.78,.24,1),ease-in-out}
.hero-final-original{z-index:4;opacity:0;animation:original-final-frame 8s ease-in-out both;pointer-events:none}
@keyframes car-to-original{0%,96%{opacity:1}100%{opacity:0}}
@keyframes original-final-frame{0%,96%{opacity:0}100%{opacity:1}}

/* Keep the animated vehicles visible through the final frame; no banner swap. */
.hero-cinematic .hero-car-bigster{animation-name:drive-bigster}
.hero-cinematic .hero-car-r5{animation-name:drive-r5}
.hero-cinematic .hero-car-twingo{animation-name:drive-twingo}
.hero-cinematic .hero-car-rafale{animation-name:drive-rafale}
.hero-cinematic .hero-car{animation-duration:8s;opacity:1}
.hero-final-original{display:none!important}

/* Fine adjustment requested for the Twingo. */
.hero-cinematic .hero-car-twingo{bottom:8%}

/* Full baked-in Twingo reflection; taller canvas keeps the car position stable. */
.hero-cinematic .hero-car-twingo{bottom:-11.5%}

/* New single-piece Twingo with its full reflection baked into the asset. */
.hero-cinematic .hero-car-twingo{bottom:-2%}

/* Lower the rebuilt Twingo onto the same forecourt line as its neighbours. */
.hero-cinematic .hero-car-twingo{bottom:-10%}

/* Restored last accepted stable Twingo placement. */
.hero-cinematic .hero-car-twingo{bottom:8%}

/* Extended baked-in Twingo reflection; offset keeps the car itself unchanged. */
.hero-cinematic .hero-car-twingo{bottom:8%}

/* Separate wet-road reflection so it remains visible throughout the drive-in. */

/* v52: clean Twingo cutout and reflection, aligned with the other vehicles. */
.hero-cinematic .hero-car-twingo{bottom:-3%}

/* v55: Twingo sits slightly lower on the forecourt. */
.hero-cinematic .hero-car-twingo{bottom:-6%}