*{box-sizing:border-box;margin:0;padding:0}body{font:400 16px/1.6 "Barlow",system-ui,sans-serif;color:#eef1f6;background:#2a3240;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit}
.nav{position:fixed;inset:0 0 auto;z-index:50;background:linear-gradient(rgba(28,34,46,.8),rgba(28,34,46,0));display:flex;justify-content:space-between;align-items:center;padding:20px clamp(18px,4vw,56px)}
.logo{font:700 18px "Syncopate";letter-spacing:.3em}.nav nav{display:flex;gap:26px;align-items:center;font-size:13px;letter-spacing:.12em;text-transform:uppercase}.nav a{text-decoration:none}
.pill{background:#d8232f;padding:10px 18px;border-radius:3px}
.hero{position:relative;height:100svh;min-height:620px;overflow:hidden;background:#2f3a4c}
.hbg{position:absolute;inset:0}.hbg img{width:100%;height:100%;object-fit:cover;object-position:55% 60%;will-change:transform}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(28,34,46,.8),rgba(28,34,46,.1) 55%),linear-gradient(0deg,rgba(28,34,46,.7),transparent 40%)}
.beam{position:absolute;z-index:1;top:0;left:-30%;width:30%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent);transform:skewX(-18deg)}
.hero-copy{position:absolute;z-index:2;left:clamp(18px,5vw,80px);top:50%;translate:0 -50%}
.kicker{font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:#ff8a8f;margin-bottom:16px}
h1{font:700 clamp(48px,8.6vw,132px)/.95 "Syncopate";letter-spacing:-.02em}h1 em{font-style:normal;color:#d8232f}
.ln{display:block;overflow:hidden;padding-bottom:.05em}.ln>span{display:inline-block}
.btn{display:inline-block;margin-top:32px;padding:16px 28px;background:#d8232f;color:#fff;text-decoration:none;font-weight:500;letter-spacing:.12em;text-transform:uppercase;font-size:13px;border-radius:3px;transition:transform .3s}.btn:hover{transform:translateY(-3px)}
.reveal-sec{height:300vh;position:relative;background:linear-gradient(180deg,#2a3240,#dfe3ea 35%,#e9ecf1)}
.stage{position:sticky;top:0;height:100svh;overflow:hidden;display:flex;align-items:center;justify-content:center}
.ghost{position:absolute;top:16%;left:0;white-space:nowrap;font:700 clamp(60px,12vw,200px)/1 "Syncopate";color:rgba(30,38,52,.08);will-change:transform}
.car{position:relative;z-index:2;width:min(920px,90vw);margin-top:-6vh;will-change:transform}.car img{width:100%;mix-blend-mode:multiply}
.road{position:absolute;bottom:26%;left:0;right:0;height:2px;background:repeating-linear-gradient(90deg,#9aa3b2 0 60px,transparent 60px 120px);opacity:.5}
.specs{position:absolute;z-index:3;bottom:6%;left:50%;translate:-50% 0;display:grid;grid-template-columns:repeat(4,auto);gap:clamp(18px,5vw,80px);color:#1e2634;text-align:left}
.specs b{font:700 clamp(30px,4vw,58px)/1 "Syncopate";font-variant-numeric:tabular-nums}.specs small{font:700 14px "Syncopate";margin-left:4px;color:#d8232f}.specs span{display:block;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#5a6476;margin-top:6px}
.inv{background:#e9ecf1;color:#1e2634;padding:clamp(80px,10vw,130px) clamp(18px,5vw,80px)}
h2{font:700 clamp(28px,4vw,54px)/1.1 "Syncopate";letter-spacing:-.02em}
.ig{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px}.ig article{background:#fff;border-radius:10px;overflow:hidden;padding-bottom:22px;transition:transform .4s;box-shadow:0 20px 40px -24px rgba(30,38,52,.4)}.ig article:hover{transform:translateY(-6px)}
.ig img,.sil{width:100%;aspect-ratio:16/10;object-fit:cover;background:#cfd5de}.ig h3{font:700 16px "Syncopate";margin:18px 20px 4px}.ig p{margin:0 20px;color:#5a6476}
.sil{background:linear-gradient(135deg,#3b475b,#1e2634);position:relative}.sil::after{content:"COMING SOON";position:absolute;inset:0;display:grid;place-items:center;font:700 14px "Syncopate";letter-spacing:.3em;color:rgba(255,255,255,.6)}
.drive{padding:clamp(90px,11vw,150px) 18px;text-align:center;background:#2a3240}
.kcopy{background:#2a3240;color:rgba(238,241,246,.55)}
@media (max-width:860px){.ig{grid-template-columns:1fr}.specs{grid-template-columns:repeat(2,auto);bottom:8%}.nav nav a:not(.pill){display:none}.reveal-sec{height:240vh}}

/* darker, glossy pass */
body{background:#1c222d}.reveal-sec{background:linear-gradient(180deg,#1c222d,#3a4456 40%,#4a5568)}.ghost{color:rgba(255,255,255,.07)}.specs{color:#f2f4f8}.specs span{color:#b9c2d0}
.car img{mix-blend-mode:normal;border-radius:14px}.car{--gr:14px;--glow:rgba(216,35,47,.45)}.road{bottom:22%}
.inv{background:#1c222d;color:#eef1f6}.ig article{background:#262e3b;--gr:10px;--glow:rgba(216,35,47,.35)}.ig p{color:#a9b3c2}.drive{background:#141920}.kcopy{background:#141920}

/* fix: car sits in a light studio matched to the photo, no empty start */
.reveal-sec{height:200vh;background:linear-gradient(180deg,#1c222d 0,#8f8c8c 9%,#e3dfde 18%,#e3dfde 100%)}
.stage{background:radial-gradient(ellipse 70% 55% at 50% 52%,#ebe7e6 0%,#e3dfde 60%,#d6d2d1 100%)}
.car img{border-radius:0;mix-blend-mode:multiply;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent),linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent),linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}
.ghost{color:rgba(30,38,52,.08)}.specs{color:#1e2634}.specs span{color:#5a6476}.road{opacity:.45}
.reveal-sec+.inv{box-shadow:inset 0 60px 60px -40px rgba(0,0,0,.25)}
@media (max-width:860px){.reveal-sec{height:170vh}}