/* A composed photographic stage, with the model name behind the actual car. */
body{background:#fff}
.site-header{height:100px;position:fixed;top:0;left:0;right:0;background:transparent;border:0;backdrop-filter:none;color:#fff;transition:background .3s,box-shadow .3s}
.site-header.is-scrolled{background:#070f1bf2;backdrop-filter:blur(20px);box-shadow:0 1px 0 #ffffff16}
.site-header .brand{gap:15px}
.site-header .brand img{width:79px;height:57px;padding:5px 6px;background:#fff;border-radius:5px;object-fit:contain}
.site-header .brand>span{font:600 21px/1.12 var(--body);letter-spacing:-.6px;color:#fff}
.site-header .brand-dot{color:#8bb4ff}
.site-header .desktop-nav{gap:36px}
.site-header .desktop-nav a{color:#eff4fc;font-size:17px}
.site-header .desktop-nav a:hover,.site-header .desktop-nav a.is-active{color:#a6c7ff}
.site-header .header-contact{background:#ffffff0c;border:1px solid #ffffff60;border-radius:99px;padding:10px 21px;font-size:16px;font-weight:500;color:#fff}
.site-header .header-contact:hover{background:#fff;color:#0b1527}
.site-header .header-contact span{color:inherit;margin-left:23px;font-size:22px}
.site-header .menu-toggle span{background:#fff}
.site-header .mobile-nav:not([hidden]){background:#07101e;border-color:#ffffff24;color:#fff}
.site-header .mobile-nav a{border-color:#ffffff24}
.hero{position:relative;isolation:isolate;display:block;overflow:hidden;width:100%;margin:0;padding:0;height:100svh;min-height:790px;max-height:1140px;background:#070d18;color:#fff}
.hero:before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 51% 44% at 50% 60%,#304a70 0%,#1a2c47 36%,#0b1728 68%,transparent 100%),linear-gradient(115deg,#080e18,#0b1525 52%,#070d18)}
.hero:after{content:'';position:absolute;left:-8%;right:-8%;height:1px;top:76%;z-index:1;pointer-events:none;background:linear-gradient(90deg,transparent,#597ca34d 28%,#7398c857 50%,#597ca34d 72%,transparent);box-shadow:0 0 42px 13px #37618d0d}
.hero-scene-title{position:absolute;top:15%;left:0;right:0;text-align:center;z-index:1;pointer-events:none}
.hero-scene-title>p{color:#dbe7fb;font:500 19px/1.5 var(--body);letter-spacing:5px;margin:0 0 8px}
.hero .hero-scene-title h1{font:500 clamp(110px,16.6vw,285px)/1 var(--body);letter-spacing:.035em;white-space:nowrap;margin:0;color:#dde6f2;text-shadow:0 10px 65px #7798d019;opacity:.92}
.hero-car-stage{position:absolute;z-index:3;left:2%;right:2%;top:30%;bottom:15%;display:grid;place-items:center;pointer-events:none}
.hero-car-stage:before{content:'';position:absolute;left:18%;right:14%;bottom:2%;height:14%;border-radius:50%;background:#000b;filter:blur(20px);transform:rotate(-4deg);z-index:-1}
.hero-car{height:100%;width:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 18px 15px #0005);transform:translate3d(var(--car-x,0px),var(--car-y,0px),0);transition:transform 1.1s cubic-bezier(.2,.7,.2,1);pointer-events:auto}
.hero-status{position:absolute;z-index:4;left:var(--gutter);top:40%;display:flex;align-items:center;gap:10px;color:#dbe6f8;font:400 15px/1.5 var(--body);writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:.4px}
.hero-status:before{content:'';height:7px;width:7px;border-radius:50%;background:#91bdff;box-shadow:0 0 14px #8ebdff5c}
.hero-original{position:absolute;z-index:4;right:var(--gutter);top:39%;background:none;padding:0;border:0;color:#dbe6f8;font:400 15px/1.5 var(--body);writing-mode:vertical-rl;letter-spacing:.3px}
.hero-original:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}
.hero-original>span{font-size:19px;margin-top:12px}
.hero-bottom-bar{position:absolute;left:var(--gutter);right:var(--gutter);bottom:36px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:35px;padding-top:26px;border-top:1px solid #ffffff29}
.hero-intro{font:400 21px/1.5 var(--body);letter-spacing:-.3px;color:#edf3fc;max-width:340px;margin:0}
.hero-intro strong{font-weight:500;color:#fff}
.hero-discover{display:flex;align-items:center;gap:30px}
.hero-scroll-link{font:400 16px/1.4 var(--body);display:flex;align-items:center;gap:13px;color:#e2eaf6;white-space:nowrap}
.hero-scroll-link>span{font-size:25px}
.hero-scroll-link:hover{color:#a6c7ff}
.hero .hero-gallery-button{display:flex;align-items:center;justify-content:space-between;gap:28px;min-width:230px;width:auto;min-height:60px;border-radius:99px;padding:17px 25px;background:#f3f6fc;color:#0a172b;border:0;box-shadow:none;font:600 17px/1.4 var(--body);white-space:nowrap;margin:0}
.hero .hero-gallery-button>span{font-size:27px;line-height:1;color:#0a172b}
.hero .hero-gallery-button:hover{background:#c5d9fb;color:#0a172b;transform:translateY(-3px)}
.hero:focus-within .hero-car{transition-duration:.4s}
@media(min-width:1700px){.hero-scene-title{top:14%}.hero-car-stage{top:30%;bottom:14%}.hero-bottom-bar{bottom:43px}.hero-intro{font-size:24px;max-width:400px}}
@media(max-width:1200px){.hero{min-height:760px;max-height:1050px}.hero-scene-title{top:18%}.hero-scene-title>p{font-size:18px;margin-bottom:10px}.hero .hero-scene-title h1{font-size:16vw}.hero-car-stage{top:33%;bottom:17%;left:0;right:0}.hero-status,.hero-original{font-size:14px}.hero-status{left:24px}.hero-original{right:24px}.hero-intro{font-size:19px;max-width:300px}.hero-bottom-bar{bottom:30px}.hero-discover{gap:24px}.hero .hero-gallery-button{min-width:215px;font-size:16px;padding-inline:22px}.hero-scroll-link{font-size:15px}}
@media(max-width:980px){.site-header{height:90px}.site-header .brand img{width:66px;height:49px}.site-header .brand>span{font-size:19px}.site-header .desktop-nav{gap:22px}.site-header .desktop-nav a{font-size:16px}.site-header .header-contact{font-size:15px;padding:9px 17px}.hero{min-height:720px}.hero-scene-title{top:21%}.hero-car-stage{top:35%;bottom:20%}.hero-scene-title>p{font-size:17px;letter-spacing:4px}.hero-status{top:44%}.hero-original{top:43%}.hero-bottom-bar{gap:25px}.hero-intro{font-size:18px;max-width:245px}.hero-discover{gap:19px}.hero-scroll-link{font-size:14px;gap:8px}.hero .hero-gallery-button{min-width:194px;padding:15px 19px;min-height:56px;font-size:15px;gap:20px}}
@media(max-width:760px){.site-header{height:90px;gap:14px}.site-header .brand{gap:11px}.site-header .brand img{width:61px;height:46px}.site-header .brand>span{font-size:19px;max-width:102px;line-height:1.08}.site-header .header-contact{font-size:15px;padding:10px 15px}.site-header .header-contact span{display:none}.site-header .mobile-nav:not([hidden]){top:89px}.hero{height:100svh;min-height:760px;max-height:1000px}.hero-scene-title{top:20.5%;left:0;right:0}.hero-scene-title>p{font-size:17px;letter-spacing:4px;margin-bottom:10px}.hero .hero-scene-title h1{font-size:16.2vw;letter-spacing:.015em;line-height:1.08}.hero-car-stage{top:34%;bottom:25%;left:-4%;right:-4%}.hero-car-stage:before{left:17%;right:14%;bottom:9%;height:12%;filter:blur(13px)}.hero-status{left:var(--gutter);top:auto;bottom:22%;font-size:14px;writing-mode:horizontal-tb;transform:none;gap:8px;letter-spacing:0}.hero-original{right:var(--gutter);top:auto;bottom:22%;font-size:14px;writing-mode:horizontal-tb;letter-spacing:0}.hero-original>span{font-size:17px;margin:0 0 0 6px}.hero:after{top:69%}.hero-bottom-bar{bottom:27px;gap:24px;align-items:flex-start;padding-top:23px;display:block}.hero-intro{font-size:20px;line-height:1.45;max-width:none;margin-bottom:21px}.hero-discover{justify-content:space-between;gap:20px}.hero-scroll-link{font-size:15px;gap:10px}.hero .hero-gallery-button{min-width:210px;min-height:56px;font-size:16px;gap:22px;padding:15px 21px}.hero .hero-gallery-button>span{font-size:25px}}
@media(max-width:430px){.site-header .brand img{width:54px;height:41px}.site-header .brand>span{font-size:18px;max-width:90px}.site-header .brand{gap:9px}.site-header .header-contact{font-size:14px;padding:9px 13px}.hero{min-height:750px;max-height:900px}.hero-scene-title{top:21%}.hero-scene-title>p{font-size:16px;letter-spacing:3.2px}.hero-car-stage{top:34%;bottom:27%;left:-5%;right:-5%}.hero-status,.hero-original{bottom:24%;font-size:13px}.hero-intro{font-size:19px;margin-bottom:20px}.hero-bottom-bar{bottom:25px;padding-top:22px}.hero-scroll-link{font-size:14px;gap:8px}.hero .hero-gallery-button{min-width:191px;font-size:15px;min-height:54px;padding:14px 19px;gap:20px}.hero-discover{gap:14px}}
@media(max-width:359px){.site-header{gap:9px}.site-header .brand img{width:47px;height:37px}.site-header .brand>span{font-size:16px;max-width:80px}.site-header .brand{gap:8px}.site-header .header-contact{font-size:13px;padding:9px 11px}.hero{min-height:710px}.hero-scene-title{top:22%}.hero-scene-title>p{font-size:15px;letter-spacing:2.5px}.hero-car-stage{top:35%;bottom:28%}.hero-status,.hero-original{font-size:12px;bottom:25%}.hero-intro{font-size:18px}.hero .hero-gallery-button{min-width:173px;font-size:14px;padding:13px 16px;gap:12px}.hero-scroll-link{font-size:13px;gap:6px}.hero-discover{gap:10px}}
@media(max-width:760px){.hero-car-stage{left:0;right:0}.hero-status{font-size:15px}.hero-original{font-size:14px}}
@media(max-width:359px){.hero-status{font-size:14px}.hero-original{font-size:13px}}
@media(prefers-reduced-motion:reduce){.hero-car{transform:none!important;transition:none}.site-header{transition:none}}

/* Keep the two buying essentials visible in the opening scene. */
.hero-facts{display:flex;align-items:center;gap:36px;margin:0;flex-shrink:0}
.hero-facts>div+div{padding-left:36px;border-left:1px solid #ffffff29}
.hero-facts dt{font:500 12px/1.5 var(--body);letter-spacing:1.6px;text-transform:uppercase;color:#b7c9e4;margin-bottom:7px}
.hero-facts dd{margin:0;font:600 clamp(36px,3.5vw,54px)/1.1 var(--body);letter-spacing:-1.8px;white-space:nowrap;color:#fff;font-variant-numeric:tabular-nums}
.hero-facts>div:first-child dd{color:#a6c7ff}
.hero-fact-unit{font-size:18px;font-weight:400;letter-spacing:0;color:#dbe6f8}
@media(max-width:1200px){.hero-facts{gap:25px}.hero-facts>div+div{padding-left:25px}.hero-facts dd{font-size:40px}}
@media(min-width:761px) and (max-width:980px){.hero-facts{gap:20px}.hero-facts>div+div{padding-left:20px}.hero-facts dd{font-size:34px}.hero-fact-unit{font-size:16px}.hero-discover .hero-scroll-link{display:none}}
@media(max-width:760px){.hero-bottom-bar{border-top:0}.hero-facts{gap:0;display:grid;grid-template-columns:1fr 1fr;margin-bottom:24px}.hero-facts>div+div{padding-left:26px}.hero-facts dd{font-size:40px}.hero-facts dt{font-size:11px;margin-bottom:6px}.hero-fact-unit{font-size:16px}}
@media(max-width:359px){.hero{min-height:660px}.hero-facts>div+div{padding-left:18px}.hero-facts dd{font-size:33px;letter-spacing:-1px}.hero-fact-unit{font-size:14px}.hero-facts dt{font-size:10px;letter-spacing:1.3px}}
