/* CS Mobility v1.8 - full vehicle presentation, no geometric promotional composites */
:root{--csm-gold:#e8bd65}
.hero-v180,.hero-v180 .hero-slide{height:clamp(570px,48vw,720px);min-height:570px}
.hero-v180 .hero-slide{position:absolute;inset:0;overflow:hidden;background:#101318!important}
.hero-v180 .hero-scene-backdrop{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.025);filter:saturate(.84) brightness(.74)}
/* Each slide has its own photographic backdrop. Local city image remains the fallback in offline environments. */
.hero-v180 .hero-scene-coast .hero-scene-backdrop{background-image:linear-gradient(110deg,#05080e 0%,#0c1722a8 45%,#10151a44 100%),url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e?w=1800&q=85'),url('hero-1.jpg')}
.hero-v180 .hero-scene-hotel .hero-scene-backdrop{background-image:linear-gradient(110deg,#05080e 0%,#101216aa 45%,#14151a33 100%),url('https://images.unsplash.com/photo-1566073771259-6a8506099945?w=1800&q=85'),url('hero-1.jpg')}
.hero-v180 .hero-scene-airport .hero-scene-backdrop{background-image:linear-gradient(110deg,#05080e 0%,#111722aa 45%,#11172244 100%),url('https://images.unsplash.com/photo-1436491865332-7a61a109cc05?w=1800&q=85'),url('hero-1.jpg')}
.hero-v180 .hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#030405e8 0%,#08090ac9 28%,#08090a42 62%,#08090a0c 100%)}
.hero-v180 .hero-copy{position:absolute;left:clamp(30px,6vw,110px);top:50%;transform:translateY(-50%);margin:0;width:min(43%,580px);padding:25px 0 75px;z-index:4}
.hero-v180 .hero-copy h1{font-family:Georgia,serif;font-size:clamp(43px,5vw,76px);line-height:1.08;letter-spacing:-.03em}
.hero-v180 .hero-copy p{max-width:470px;line-height:1.65}
.hero-v180 .hero-copy .btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;max-width:100%;white-space:normal;padding:14px 23px;overflow:visible}
.hero-v180 .hero-vehicle{position:absolute;z-index:3;display:block;right:clamp(15px,3vw,65px);bottom:clamp(45px,6vw,90px);width:min(57%,850px);height:auto;max-height:68%;object-fit:contain;filter:drop-shadow(0 24px 22px #000b);pointer-events:none}
.hero-v180 .hero-custom{background-image:var(--slide-photo)!important;background-size:cover!important;background-position:center!important}
.hero-v180 .slide-arrow{z-index:7}
.hero-v180 .slide-dots{z-index:7}
.vehicle-feature-v180{grid-template-columns:minmax(0,1.55fr) minmax(310px,1fr);overflow:hidden}
.vehicle-feature-v180 .vehicle-showroom{min-height:470px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#383b3e 0%,#202327 46%,#0b0d10 88%)}
.vehicle-showroom .showroom-lights{position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 28%,#ffffff09 29%,transparent 30% 66%,#ffffff0a 67%,transparent 68%),linear-gradient(#ffffff12 0 1px,transparent 1px);background-size:100% 100%,100% 100px;opacity:.7}
.vehicle-feature-v180 .vehicle-showroom>img{position:relative;z-index:2;display:block;width:92%;height:auto;max-height:400px;object-fit:contain;filter:drop-shadow(0 22px 20px #000c)}
.vehicle-showroom .showroom-floor{position:absolute;bottom:0;left:0;right:0;height:29%;background:linear-gradient(180deg,#23272a00,#26292c85 30%,#101114);border-top:1px solid #ffffff12;transform:perspective(500px) rotateX(11deg);transform-origin:bottom}
.vehicle-feature-v180>div:last-child{padding:clamp(25px,3vw,45px)}
@media(max-width:900px){.hero-v180 .hero-copy{width:55%}.hero-v180 .hero-vehicle{width:62%;right:-4%;bottom:85px}.vehicle-feature-v180{grid-template-columns:1fr}.vehicle-feature-v180 .vehicle-showroom{min-height:380px}}
@media(max-width:620px){.hero-v180,.hero-v180 .hero-slide{height:660px;min-height:660px}.hero-v180 .hero-copy{left:25px;top:34%;width:calc(100% - 55px);transform:translateY(-50%);padding:0 0 20px}.hero-v180 .hero-copy h1{font-size:clamp(39px,10vw,58px)}.hero-v180 .hero-copy p{max-width:320px;font-size:15px}.hero-v180 .hero-shade{background:linear-gradient(180deg,#020306e8 0%,#0203069c 40%,#02030624 100%)}.hero-v180 .hero-vehicle{right:2%;bottom:65px;width:96%;max-height:38%}.vehicle-feature-v180 .vehicle-showroom{min-height:290px}.vehicle-feature-v180 .vehicle-showroom>img{width:96%}}
