/* Light studio. Paint order: backdrop → sliding product → yellow filter → type. */
.hero-shell{isolation:isolate;display:grid;grid-template-rows:82px minmax(410px,1fr) 104px;min-height:100vh;min-height:100svh;background:#f5f4f0;color:#201f1d}
.hero-shell .header{height:100%;padding:0 5%;border-bottom:1px solid #25231e18;position:relative;z-index:5;background:#f8f7f3}
.official-brand img{display:block;width:64px;height:55px;object-fit:contain}
.header-cta{border:1px solid #242321;border-radius:0}.header-cta:hover{background:#ffdf26}
.hero-shell .hero{position:relative;isolation:isolate;display:block;min-height:0;margin:0;border-radius:0;overflow:hidden;background:radial-gradient(ellipse at 50% 73%,#fff 0,transparent 57%),linear-gradient(180deg,#edece7 0%,#f2f1ed 58%,#e6e5df 81%,#f4f3ee 100%)}
.hero-art{position:absolute;inset:0;z-index:1;perspective:1450px}
.hero-vehicle{position:absolute;inset:22% 6% 13%;transform-origin:70% 82%;pointer-events:none}
.hero-vehicle[hidden]{display:none}
.hero-vehicle img{position:absolute;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 15px 9px #312c2336)}
.hero-vehicle[data-vehicle="citadine"]{inset:27% 12% 13%}
.yellow-filter{position:absolute;z-index:2;left:50%;top:3%;bottom:5%;width:min(65%,790px);transform:translateX(-50%);clip-path:polygon(50% 0,100% 100%,0 100%);background:#ffdc00;mix-blend-mode:multiply;opacity:.84;pointer-events:none}
.plate-heading{position:absolute;z-index:3;left:3%;right:3%;top:5%;text-align:center;pointer-events:none}
.plate-heading p{margin:0 0 6px;font:700 11px/1.3 Manrope,Arial;letter-spacing:.22em;text-transform:uppercase}
.hero-shell .plate-heading h1{color:#201f1d;margin:0;font:normal 900 clamp(66px,min(10.6vw,15.3vh),157px)/.86 Manrope,Arial,sans-serif;letter-spacing:-.085em;text-transform:uppercase;transform:none}

.hero-baseline{position:absolute;z-index:3;left:5%;right:5%;bottom:3%;display:grid;grid-template-columns:1fr auto 1fr;align-items:end}
.hero-actions .primary{border-radius:0;background:#201f1d;color:white;min-height:48px;font-size:13px;gap:24px;padding:12px 23px}.hero-actions .primary:hover{background:#a82523}
.plate-index{font:700 12px/1.2 Manrope;letter-spacing:.12em;color:#65635e}.plate-index b{font-size:24px;color:#222}
.plate-discover{justify-self:end;border-bottom:1px solid #99958b;padding-bottom:4px;font-size:12px;font-weight:700}
.hero-shell .image-credit{position:absolute;z-index:2;right:1.2%;left:auto;bottom:24%;font-size:8px;color:#6a6863;writing-mode:vertical-rl}
.hero-shell nav.hero-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:12px;padding:16px 5%;background:#f8f7f3;border-top:1px solid #25231e26}
.hero-rail button{display:flex;align-items:center;gap:14px;text-align:left;border:1px solid #bdbbb4;background:#fffefa;padding:6px 15px;position:relative}
.hero-rail button[aria-pressed=true]{border-color:#282722;box-shadow:inset 0 -3px #e2b800}.hero-rail button:hover{background:#fff7c4}
.hero-rail button img{width:24%;max-width:80px;height:42px;object-fit:contain}
.hero-rail strong,.hero-rail small{display:block}.hero-rail strong{font-size:16px}.hero-rail small{color:#605d55;font-size:10px;margin-top:2px;font-weight:400}.rail-arrow{margin-left:auto;font-size:18px}
footer .official-brand img{width:64px;height:55px}
@media(max-width:760px){
 .hero-shell{grid-template-rows:70px minmax(385px,1fr) 94px}.hero-shell .header{padding:0 5%}.official-brand img{width:53px;height:46px}.hero-shell .header nav{z-index:5;background:#f8f7f3}.header-cta{display:none}
 .hero-shell .hero-art{position:absolute;inset:0;height:auto}.hero-vehicle{inset:22% -8% 17%}.hero-vehicle img{object-position:center 65%}.hero-vehicle[data-vehicle="citadine"]{inset:26% -1% 21%}
 .yellow-filter{top:9%;bottom:12%;width:88%}.plate-heading{top:16%}.hero-shell .plate-heading h1{font-size:clamp(42px,15vw,110px)}.plate-heading p{font-size:9px}
 .hero-baseline{left:4%;right:4%;bottom:7%;align-items:center}.hero-actions .primary{min-height:44px;font-size:11px;padding:10px 13px;gap:9px}.plate-index{font-size:9px}.plate-index b{font-size:16px}.plate-discover{font-size:9px}.hero-shell .image-credit{right:2%;font-size:7px}
 .hero-shell nav.hero-rail{position:static;width:auto;padding:10px 3%;gap:5px;background:#f8f7f3;border-radius:0;box-shadow:none}.hero-rail button{flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:3px;text-align:center}.hero-rail button img{width:55px;height:24px}.hero-rail strong{font-size:11px}.hero-rail small{font-size:8px}.rail-arrow{display:none}
}