@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;1,400;1,500&display=swap');
:root{--gold:#dfb971;--muted:#a8a8a5;--bg:#0c0d0e;--line:#ffffff17}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:#f1eee6;font-family:'DM Sans',sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,.showroom:focus-visible{outline:2px solid var(--gold);outline-offset:6px}header{height:96px;display:flex;align-items:center;justify-content:space-between;padding:16px 5.5%;border-bottom:1px solid var(--line);background:#0c0d0ef5;position:relative;z-index:10}.brand{display:block;width:177px;flex-shrink:0}.brand svg{display:block;width:100%;mix-blend-mode:screen}nav{display:flex;gap:36px;font-size:14px;color:#c0c0ba}nav a:hover,.text-link:hover{color:var(--gold)}.header-call{border:1px solid #dfb97166;color:var(--gold);padding:13px 20px;font-size:14px}.hero{position:relative;min-height:770px;padding:63px 5.5% 0;overflow:hidden;background:radial-gradient(ellipse at 73% 47%,#49341b33,transparent 48%)}.hero-copy{position:relative;z-index:3;max-width:590px;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{font-size:12px;font-weight:500;letter-spacing:2.8px;color:var(--gold);margin:0 0 25px}.eyebrow span{padding:0 7px}h1,h2{font-family:'Playfair Display',Georgia,serif;font-weight:400}h1{font-size:clamp(55px,5.9vw,87px);line-height:1.09;letter-spacing:-3px;margin:0 0 27px}em{color:var(--gold);font-weight:400}.intro{color:#b7b7b3;line-height:1.9;margin:0 0 33px}.actions{display:flex;gap:28px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;padding:17px 24px;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.gold{background:var(--gold);color:#17140e}.gold:hover{background:#f1cc8a}.outline{border:1px solid #dfb97166;color:var(--gold)}.text-link{font-size:14px}.showroom{position:absolute;right:-1%;top:108px;width:64%;height:560px;perspective:1000px;touch-action:pan-y}.halo{position:absolute;inset:2% 5% 15%;border:1px solid #d5a65018;border-radius:50%;transform:rotateX(50deg);box-shadow:0 0 120px #cb943512 inset}.stage{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateY(var(--ry,-5deg)) rotateX(var(--rx,0deg));transition:transform .16s ease-out;animation:float 7s ease-in-out infinite}.stage.paused{animation:none}.vehicle{position:absolute;transform-style:preserve-3d}.vehicle svg{width:100%;filter:drop-shadow(0 22px 15px #000);mix-blend-mode:lighten}.vehicle h2{font-family:'DM Sans',sans-serif;font-size:23px;font-weight:400;letter-spacing:8px;text-align:center;margin:4px 0;color:#e9e3d8}.vehicle h2 b{color:var(--gold);font-weight:500}.vehicle-number{font-size:12px;letter-spacing:2px;color:#aa9474;text-align:center;margin:0 0 7px}.thar{left:0%;top:155px;width:53%;transform:translateZ(85px)}.scorpio{right:3%;top:58px;width:47%;transform:translateZ(-10px)}.floor{position:absolute;left:10%;right:4%;bottom:10px;height:130px;border:1px solid #dfb97144;border-radius:50%;background:radial-gradient(ellipse,#dfb97111,transparent 65%);transform:rotateX(70deg) translateZ(-35px);box-shadow:0 0 70px #cb943510}.stage-lines{position:absolute;right:8%;top:5%;width:1px;height:260px;background:linear-gradient(transparent,#dfb97155,transparent)}.stage-footer{position:absolute;bottom:0;left:14%;right:8%;display:flex;justify-content:space-between;align-items:center}.preview-caption{font-size:10px;letter-spacing:1.5px;color:#88877f}#motion{background:none;border:0;color:#b8a386;font-size:12px;padding:12px;cursor:pointer}.hero-bottom{position:absolute;bottom:0;left:5.5%;right:5.5%;border-top:1px solid var(--line);padding:26px 0;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#a7a69f;letter-spacing:2px}.hero-bottom i{color:var(--gold);padding:0 16px}.hero-bottom a{letter-spacing:0}.section{padding:95px 5.5%}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:42px}.section-heading h2,.experience h2,.contact h2{font-size:clamp(36px,3.6vw,54px);line-height:1.23;margin:0}.section-heading p:last-child{color:var(--muted);line-height:1.8;margin:0;max-width:390px}.fleet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.car-card{background:linear-gradient(140deg,#191a1a,#101112);border:1px solid var(--line);transition:transform .3s,border-color .3s}.car-card:hover{transform:translateY(-5px);border-color:#dfb97166}.car-visual{position:relative;height:240px;display:flex;align-items:center;padding:28px 30px 0;overflow:hidden;background:radial-gradient(ellipse at 50% 70%,#73542522,transparent 70%)}.car-visual svg{width:100%;max-height:205px;mix-blend-mode:lighten}.tag{position:absolute;top:21px;left:24px;font-size:10px;letter-spacing:2px;color:var(--gold);z-index:1}.card-copy{padding:25px 28px 30px}.card-copy small,.request-card small{font-size:11px;letter-spacing:2px;color:#9f9f96}h3{font-weight:400;font-size:28px;margin:8px 0 14px}.card-copy p,.request-card p{font-size:14px;color:#aaa9a3;line-height:1.8}.card-copy a{display:block;border-top:1px solid var(--line);padding-top:20px;margin-top:25px;font-size:14px;color:var(--gold)}.request-card{padding:35px 30px;background:linear-gradient(145deg,#332919,#121314)}.request-card .star{font-size:48px;color:var(--gold);margin:0 0 32px}.request-card h3{font-family:'Playfair Display',serif;font-size:40px;line-height:1.15}.request-card .button{margin-top:15px}.availability{color:#85867f;font-size:12px;margin:23px 0 0}.experience{border-top:1px solid var(--line);background:#111213}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:58px}.benefits>div{border-top:1px solid #dfb97155;padding-top:24px}.benefits span{color:var(--gold);font-family:Georgia,serif;font-size:20px}.benefits h3{font-size:20px;margin-top:24px}.benefits p{font-size:14px;line-height:1.9;color:var(--muted);max-width:225px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:radial-gradient(ellipse at 90% 60%,#694a191e,transparent 60%)}.contact p{color:var(--muted);line-height:1.8;margin:25px 0}.contact .eyebrow{color:var(--gold);margin-top:0}.phone-panel{align-self:center;border-left:1px solid #dfb97144;padding-left:70px}.phone-panel>p{font-size:12px;letter-spacing:3px;color:var(--gold)}.phone-panel>a{font-size:clamp(25px,3vw,44px);display:flex;gap:28px;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--line)}.phone-panel>a span{color:var(--gold);font-size:27px}.location{padding-top:27px;color:#a8a8a0;font-size:14px}footer{padding:35px 5.5%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px;color:#90918a;font-size:12px}footer .brand{width:140px}footer p{font-size:14px}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -10px}}@media(min-width:1500px){.hero{min-height:850px}.showroom{top:110px;height:625px}.thar{top:180px}}@media(max-width:1050px){nav{gap:18px}.hero{min-height:900px}.hero-copy{max-width:560px}.showroom{top:320px;width:85%;height:450px}.thar{top:125px;width:46%}.scorpio{right:7%;width:40%;top:55px}.floor{bottom:0}.fleet-grid{grid-template-columns:repeat(2,1fr)}.section-heading{align-items:flex-start;flex-direction:column}.benefits{grid-template-columns:repeat(2,1fr)}.contact{gap:35px}.phone-panel{padding-left:30px}}@media(max-width:650px){header{height:80px;padding:12px 6%}.brand{width:133px}nav{display:none}.header-call{font-size:12px;padding:11px 12px}.hero{padding:40px 6% 0;min-height:830px}.eyebrow{font-size:10px;letter-spacing:1.6px}h1{font-size:57px;letter-spacing:-2px}.intro{font-size:14px;line-height:1.8}.actions{gap:17px}.button{padding:15px 18px;font-size:13px}.text-link{font-size:12px}.showroom{top:360px;width:100%;right:0;height:360px}.thar{left:5%;top:120px;width:50%}.scorpio{right:5%;width:44%;top:30px}.vehicle-number{font-size:9px;letter-spacing:1px}.vehicle h2{font-size:17px;letter-spacing:4px}.halo{inset:5% 5% 8%}.floor{bottom:5px}.stage-footer{left:8%;right:5%;bottom:-6px}.preview-caption{font-size:9px;letter-spacing:.7px}.hero-bottom{left:6%;right:6%;font-size:10px;padding:24px 0;letter-spacing:1px}.hero-bottom>span:nth-child(2){display:none}.section{padding:65px 6%}.section-heading{gap:20px;margin-bottom:30px}.section-heading p:last-child{font-size:14px}.fleet-grid{gap:18px;grid-template-columns:1fr}.car-visual{height:235px}.car-visual svg{max-height:215px}.benefits{gap:20px}.benefits h3{font-size:18px}.contact{grid-template-columns:1fr;gap:40px}.phone-panel{border-left:0;border-top:1px solid #dfb97144;padding:20px 0 0}.phone-panel>a{font-size:36px}footer{flex-wrap:wrap;padding:28px 6%}footer p{display:none}footer>span{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.stage{animation:none;transition:none}a,.car-card{transition:none}}
.scroll-story{height:330vh;position:relative}.scroll-story .hero{position:sticky;top:0;height:100vh;min-height:740px}.scroll-story .stage{animation:none;transition:none}.scroll-story .vehicle{will-change:transform}.scroll-story .stage-footer{bottom:8px}.scroll-progress{position:absolute;bottom:0;left:14%;right:8%;height:2px;background:#dfb97122}.scroll-progress span{display:block;width:0;height:100%;background:#dfb971}.scroll-story.motion-off{height:auto}.scroll-story.motion-off .hero{position:relative}.scroll-story.motion-off .scroll-progress{display:none}@media(max-width:1050px){.scroll-story .hero{min-height:850px}.scroll-story .showroom{top:330px}}@media(max-width:650px){.scroll-story{height:290vh}.scroll-story .hero{min-height:740px;height:100svh;padding-top:28px}.scroll-story h1{font-size:48px}.scroll-story .intro{margin-bottom:22px}.scroll-story .showroom{top:310px;height:340px}.scroll-story .thar{top:115px}.scroll-story .stage-footer{bottom:-12px}.scroll-story .scroll-progress{bottom:-18px}.scroll-story .hero-bottom{padding:19px 0}}@media(prefers-reduced-motion:reduce){.scroll-story{height:auto}.scroll-story .hero{position:relative}}@media(max-height:740px) and (min-width:1060px){.scroll-story .hero{min-height:650px;padding-top:38px}.scroll-story h1{font-size:65px}.scroll-story .showroom{top:65px;height:480px}}
