/* Shared refinements */
:root{color-scheme:light}
html{scroll-padding-top:92px}
.top{transition:background-color .25s ease,box-shadow .25s ease}
.top.is-sticky{position:fixed;inset:0 0 auto;top:0;height:76px;background:rgba(16,22,26,.94);backdrop-filter:blur(16px);box-shadow:0 1px 0 #ffffff18;color:#fff;padding-top:0;padding-bottom:0}
.top.is-sticky .nav{top:76px}
.top.is-sticky .menu{color:#fff}
.top.is-sticky .nav a[aria-current="page"]{color:var(--mint)}
.top.is-sticky:after{content:"";position:absolute;inset:auto auto 0 0;height:2px;width:var(--scroll-progress,0%);background:var(--mint);transition:width .1s linear}
a:focus-visible,button:focus-visible,[role="button"]:focus-visible{outline:3px solid var(--mint);outline-offset:4px;border-radius:2px}
button{cursor:pointer}
.field select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m3 6 5 5 5-5' fill='none' stroke='%2310161a' stroke-width='1.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;padding-right:45px}
.model-price,.published-prices strong{font-variant-numeric:tabular-nums}
.model:after{background:linear-gradient(0deg,rgba(5,13,16,.88) 0%,rgba(5,13,16,.42) 40%,transparent 75%)}
.hero-copy,.model-info{isolation:isolate}
.hero-content:before{content:"";position:absolute;z-index:-1;inset:16% auto 12% -7%;width:min(72%,780px);background:radial-gradient(ellipse at left center,rgba(5,15,18,.38),transparent 70%);pointer-events:none}
.brand-overview{min-height:440px;align-items:center}
.brand-overview .overview-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}
.overview-fact{border-top:1px solid #91aaa6;padding-top:12px}
.overview-fact strong{display:block;font:700 clamp(20px,2.6vw,32px)/1.1 Manrope,sans-serif;letter-spacing:-.04em}
.overview-fact span{display:block;margin-top:6px;font-size:12px;line-height:1.4;color:#58696a}
.booking.booking-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.7fr);gap:clamp(28px,5vw,74px);align-items:start}
.booking-layout .booking-form{max-width:none;width:100%}
.next-steps{border-top:1px solid #9db0ad;padding-top:22px;margin-top:4px}
.next-steps h2{font:700 26px/1.15 Manrope,sans-serif;letter-spacing:-.04em;margin:0 0 22px}
.next-steps ol{list-style:none;padding:0;margin:0;counter-reset:step}
.next-steps li{counter-increment:step;display:grid;grid-template-columns:38px 1fr;gap:12px;padding:16px 0;border-top:1px solid #cad5d1;line-height:1.5}
.next-steps li:before{content:"0" counter(step);font:700 13px Manrope,sans-serif;color:#457c77}
.next-steps p{margin:4px 0 0;font-size:14px;color:#596768}
.location-map{width:100%;height:380px;border:0;display:block;background:#dce4e0;margin-top:34px}
.contact-page{display:grid;grid-template-columns:1fr;gap:42px}
.contact-page .contact-options{margin-top:0}
.showroom-hours{font-size:14px;color:#58696a;line-height:1.5;margin:14px 0 0}
.terms-content{max-width:1440px;display:grid;grid-template-columns:minmax(190px,260px) minmax(0,820px);justify-content:space-between;gap:clamp(30px,6vw,100px);align-items:start}
.terms-toc{position:sticky;top:106px;border-top:1px solid #aebcba;padding-top:16px}
.terms-toc strong{display:block;margin-bottom:12px;font:700 14px Manrope,sans-serif;text-transform:uppercase;letter-spacing:.1em}
.terms-toc a{display:block;padding:8px 0;font-size:14px;line-height:1.35;color:#465758}
.terms-toc a:hover{color:#26736b}
.terms-copy{min-width:0}
.intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:8%;align-items:start}
.variant-spec-grid{align-items:start}
.variant-spec{height:100%;align-content:start}
.film{position:relative}
.film video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#10161a}
.film-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:76px;height:76px;border-radius:50%;border:1px solid #fff;background:#10161acc;color:#fff;font-size:0;backdrop-filter:blur(8px);transition:transform .2s,background .2s}
.film-play:before{content:"";width:0;height:0;border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:17px solid var(--mint);margin-left:4px}
.film-play:hover{transform:translate(-50%,-50%) scale(1.08);background:#10161a}
.film.is-playing .film-play{display:none}
.menu{position:relative;font-size:0!important;width:42px;height:42px;display:none;place-items:center;z-index:8}
.menu-glyph,.menu-glyph:before,.menu-glyph:after{display:block;width:23px;height:2px;background:currentColor;transition:transform .22s,top .22s,opacity .18s;position:relative}
.menu-glyph:before,.menu-glyph:after{content:"";position:absolute;left:0}
.menu-glyph:before{top:-7px}.menu-glyph:after{top:7px}
.menu.is-open .menu-glyph{background:transparent}
.menu.is-open .menu-glyph:before{top:0;transform:rotate(45deg)}
.menu.is-open .menu-glyph:after{top:0;transform:rotate(-45deg)}
.js-motion .reveal{opacity:0;transform:translateY(12px);transition:opacity .65s ease,transform .65s ease}
.js-motion .reveal.is-visible{opacity:1;transform:none}
@media(max-width:850px){.brand-overview{min-height:0}.booking.booking-layout{grid-template-columns:1fr}.next-steps{margin-top:5px}.terms-content{grid-template-columns:1fr;gap:22px}.terms-toc{position:relative;top:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.terms-toc strong{grid-column:1/-1}.location-map{height:320px}}
@media(max-width:600px){
 .top.is-sticky{height:68px;min-height:68px;padding-left:20px;padding-right:20px}
 .top.is-sticky .nav{top:68px}
 .hero-content:before{inset:10% -10% 7%;width:120%;background:radial-gradient(ellipse at left bottom,rgba(5,15,18,.6),transparent 76%)}
 .brand-overview .overview-facts{gap:10px}.overview-fact strong{font-size:19px}.overview-fact span{font-size:11px}
 .location-map{height:270px;margin-top:25px}
 .booking.booking-layout{gap:28px}
 .booking-layout .booking-form{grid-template-columns:1fr;gap:17px}
 .next-steps{padding-top:19px}.next-steps h2{font-size:23px}
 .terms-toc{grid-template-columns:1fr 1fr}.terms-toc a{font-size:13px}
 .film-play{width:60px;height:60px}
 .editorial-hero .editorial-video{opacity:.72}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.js-motion .reveal{opacity:1;transform:none}}
.flow-cards.flow-icon-grid img{display:none}
.flow-icon{display:block;width:46px;height:46px;color:#45847d;margin:0 0 16px}
.editorial-poster{position:absolute;inset:0;z-index:-1;background:#10191b url('assets/erev-poster.webp') center/cover no-repeat;opacity:.48}
.editorial-film-section{padding-top:52px;padding-bottom:35px}
.editorial-film-section .film{grid-template-columns:minmax(0,1.3fr) minmax(220px,.7fr);align-items:center;gap:36px}
.editorial-film-section .film h2{font:700 clamp(28px,4vw,48px)/1.1 Manrope,sans-serif;letter-spacing:-.04em;margin:13px 0}
.inner-content h1{position:relative;z-index:0;text-shadow:0 3px 20px #07141899}
.inner-content h1:before{content:"";position:absolute;z-index:-1;inset:-.1em -.28em -.14em;background:radial-gradient(ellipse at center,rgba(3,11,14,.48),transparent 75%);pointer-events:none}
.model-next-compact{min-height:44px!important;padding:10px 13px!important;font-size:10px!important;gap:9px!important;opacity:.9}
.variant-spec-grid{align-items:start!important}
.variant-spec{height:auto!important;align-self:start}
.color-card>img{transition:opacity .2s ease,transform .5s ease}
.color-card>img.is-switching{opacity:.28}
@media(max-width:850px){.intro{grid-template-columns:1fr;gap:20px;align-items:start}.editorial-film-section .film{grid-template-columns:1fr;gap:24px}}

.inner-hero h1{max-width:max-content}
.hero .hero-content:before{inset:10% auto 10% -8%}

/* One mobile masthead system shared by every page. */
@media(max-width:1200px){.nav{display:none;position:absolute;top:88px;left:0;right:0;background:#10191b;padding:24px;flex-direction:column;align-items:stretch;gap:23px;z-index:7}.nav.open{display:flex}.menu{display:grid;color:#fff}}
@media(max-width:850px){.top{height:74px;min-height:74px;align-items:center}.nav{top:74px}.identity{display:flex;align-items:center;gap:14px;min-width:0}.top .deepal-logo{width:140px;height:40px}.menu{display:grid}.footer-identity{display:flex;align-items:center;gap:18px}.footer-maxlogo{width:210px;height:auto}}
@media(max-width:600px){
 .wrap{padding-left:20px;padding-right:20px}
 .top{height:74px;min-height:74px;align-items:center;padding-top:0;gap:8px}
 .identity{display:flex;flex-direction:row;align-items:center;gap:0;flex:1;min-width:0}
 .top .brand,.footer .brand{display:flex;flex:0 0 clamp(140px,39vw,152px);flex-direction:column;align-items:flex-start;justify-content:center;gap:0;min-width:0;white-space:nowrap}
 .top .deepal-logo,.footer .deepal-logo{display:block;width:100%;height:42px;object-fit:contain;object-position:left center;flex:none}
 .top .brand small,.footer .brand small{display:block;width:72%;margin-left:28%;margin-top:-8px;text-align:center;font-size:9px;line-height:1.2;letter-spacing:.13em}
 .menu{display:grid;place-items:center;flex:none;width:42px;height:42px;margin:0;padding:0;font-size:0;line-height:1}
 .nav{top:74px;z-index:7}
 .footer-identity{display:flex;flex-direction:row;align-items:center;gap:14px;max-width:100%;min-width:0}
 .footer-maxlogo{width:clamp(118px,34vw,148px);max-width:calc(100% - 110px);height:auto;margin-top:2px;padding-left:0;border-left:0}
 .footer-links{gap:16px 22px}
 .footer{padding-top:38px;padding-bottom:28px}
 .footer-top{display:block}
 .footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-top:28px;border-top:1px solid #344447}
 .footer-links a{display:flex;align-items:center;min-height:48px;padding:10px 9px 10px 0;border-bottom:1px solid #344447;font-size:14px;line-height:1.35}
 .footer-links a:nth-child(even){border-left:1px solid #344447;padding-left:14px}
 .footer-bottom{display:block;margin-top:23px;padding-top:0;border-top:0;font-size:12px;line-height:1.65}
 .footer-bottom p+p{margin-top:8px}
 .section-head,.intro>*,.story-inner>*,.lineup-row>*,.feature-grid>*,.variant-spec-grid>*{min-width:0}
 .section-head h2,.details-head h2,.intro h2,.lineup-row h2,.editorial-hero h1,.standalone-hero h1{overflow-wrap:anywhere}
 .hero{height:auto;min-height:720px}
 .hero-content{height:auto;min-height:720px;justify-content:flex-end;padding-top:130px;padding-bottom:102px}
 .hero h1{font-size:clamp(42px,11vw,52px);line-height:1.1;letter-spacing:-.05em;max-width:100%}
 .hero p{font-size:16px;line-height:1.6;max-width:100%}
 .hero-bottom{bottom:19px}
 .editorial-hero{padding-top:125px;padding-bottom:60px}
 .editorial-hero h1{font-size:clamp(42px,11vw,58px);line-height:1.1;letter-spacing:-.055em;overflow-wrap:anywhere}
 .editorial-hero p,.editorial-grid p{font-size:16px;line-height:1.65}
 .editorial-grid h2,.brand-overview h2{font-size:clamp(34px,9vw,48px);line-height:1.14;overflow-wrap:anywhere}
 .inner-content{padding-top:120px;padding-bottom:65px}
 .inner-content h1{font-size:clamp(42px,11vw,58px);line-height:1.08;letter-spacing:-.05em;overflow-wrap:anywhere}
 .inner-content p{font-size:16px;line-height:1.6}
 .standalone-hero{padding-top:120px;padding-bottom:50px}
 .model-overview-hero{padding-top:125px}
 .intro{grid-template-columns:1fr;gap:20px}
 .section-head h2,.details-head h2,.cta h2{overflow-wrap:anywhere;line-height:1.14}
 .contact-options a,.contact-item,.spec-item strong{overflow-wrap:anywhere}
 .spec-item,.variant-spec dl div{min-width:0}.spec-item strong,.variant-spec dd{overflow-wrap:anywhere}
 .page-actions{gap:10px}.page-actions .btn{max-width:100%;white-space:normal;text-align:center}
 .terms-content{grid-template-columns:1fr;gap:22px}.terms-toc{grid-template-columns:repeat(2,minmax(0,1fr))}.terms-toc strong{grid-column:1/-1}
 .booking-form,.location-pair{grid-template-columns:1fr}.booking-submit{display:block}.booking-submit p{margin-top:14px}
 .location-map{height:270px;margin-top:25px}
 .editorial-film-section .film{grid-template-columns:1fr;gap:24px}
 .film-play{width:60px;height:60px}
 .brand-overview .overview-facts{gap:10px}.overview-fact strong{font-size:19px}.overview-fact span{font-size:11px}
}
@media(max-width:360px){.top .deepal-logo,.top .brand{width:140px;flex-basis:140px}.top .brand small{margin-top:-7px;font-size:8px}.menu{font-size:24px}}

@keyframes hero-drift{from{transform:scale(1.02)}to{transform:scale(1.07)}}
.hero>img,.inner-hero>img{animation:hero-drift 28s ease-in-out infinite alternate;will-change:transform}
@media(prefers-reduced-motion:reduce){.hero>img,.inner-hero>img{animation:none;will-change:auto}}

.film-media{position:relative;min-width:0;grid-column:1}.film-poster{aspect-ratio:16/9;background-color:#10161a;background-size:cover;background-position:center}.film-media video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#10161a}.film-media .film-play{left:50%;top:50%;}

/* Keep the primary showroom action one tap away on small screens. */
.mobile-test-drive{display:none}
@media(max-width:600px){
 .mobile-test-drive{display:flex;position:fixed;z-index:20;left:0;right:0;bottom:0;min-height:68px;align-items:center;justify-content:space-between;gap:14px;padding:12px 20px calc(12px + env(safe-area-inset-bottom));background:#10161a;color:#fff;border-top:3px solid #9edbd5;box-shadow:0 -8px 26px rgba(8,25,28,.25);font-family:'Manrope',sans-serif;text-decoration:none}
 .mobile-test-drive span{display:block;font-size:14px;font-weight:800;line-height:1.1;letter-spacing:.07em;text-transform:uppercase}
 .mobile-test-drive small{display:block;margin-top:5px;color:#b8cbc8;font:500 12px/1.2 'DM Sans',sans-serif;letter-spacing:0;text-transform:none}
 .mobile-test-drive b{display:grid;place-items:center;flex:none;width:38px;height:38px;background:#9edbd5;color:#102022;font-size:25px;line-height:1}
 body{padding-bottom:90px}
}
@media(prefers-reduced-motion:reduce){.mobile-test-drive{transition:none}}
@media(max-width:600px){
 .mobile-test-drive{right:50%;border-top:0;border-right:1px solid #344447;padding:10px 12px calc(10px + env(safe-area-inset-bottom));gap:6px;box-shadow:none}
 .mobile-test-drive span{font-size:11px;letter-spacing:.04em}
 .mobile-test-drive small{font-size:10px}
 .mobile-test-drive b{width:auto;height:auto;background:transparent;color:var(--mint);font-size:20px}
 .hero{height:720px;min-height:0}
 .hero-content{padding-bottom:195px}
}