@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--ink:#111323;--night:#0b0c20;--purple:#b62ce8;--pink:#f42db5;--cyan:#27e5dc;--white:#f7f7fb;--muted:#a0a4b3;--line:#32344b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f1f2f4;color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.topbar{height:33px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;background:#070816;color:#b9bac9;font-size:8px;letter-spacing:1.35px}.topbar a{color:var(--cyan);font-weight:700}.header{height:84px;background:#0b0c20;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 6%;position:sticky;top:0;z-index:20;border-bottom:1px solid #25263b}.brand img{display:block;width:255px;height:67px}.header nav{display:flex;gap:32px;font-size:11px;color:#d0d1db}.header nav a:hover{color:var(--cyan)}.header-cta{background:linear-gradient(110deg,#a72ce7,#f12eb7);padding:13px 18px;font-size:10px;font-weight:700}.menu{display:none}.hero{height:min(700px,74vw);min-height:570px;position:relative;overflow:hidden;background:#080919;color:white}.hero-photo,.hero-overlay{position:absolute;inset:0}.hero-photo{background:url('assets/wrangler-hero.png') center 52%/cover no-repeat;animation:photoEnter 1s ease both}.hero-overlay{background:linear-gradient(90deg,rgba(7,8,23,.94) 0%,rgba(7,8,23,.76) 38%,rgba(7,8,23,.14) 78%),linear-gradient(0deg,rgba(7,8,23,.5),transparent 50%)}.hero-copy{position:relative;padding:118px 0 0 11%;max-width:790px;animation:rise .75s ease both}.eyebrow{display:flex;align-items:center;gap:10px;font-size:9px;font-weight:700;letter-spacing:1.8px;color:#fff}.eyebrow>span{height:2px;width:26px;background:var(--cyan)}.hero h1,.section-heading h2,.about h2,.contact h2,.final-cta h2{font:800 clamp(57px,7vw,91px)/.91 'Barlow Condensed',sans-serif;letter-spacing:.1px;text-transform:uppercase;margin:25px 0 18px}.hero h1 em,.section-heading h2 em,.about h2 em,.contact h2 em{font-style:normal;background:linear-gradient(95deg,var(--cyan),#b143ed 62%,#fb38b3);background-clip:text;color:transparent}.hero-copy>p{max-width:418px;color:#d0d2dd;line-height:1.8;font-size:12px}.hero-actions{display:flex;gap:11px;margin-top:29px}.button{min-height:47px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;letter-spacing:.2px}.button.primary{background:linear-gradient(110deg,#a72ce7,#f12eb7);color:white}.button.secondary{border:1px solid #ffffff91;color:white}.button.secondary:hover{background:#fff;color:#0a0b1d}.hero-note{display:flex;align-items:center;gap:11px;margin-top:66px;font-size:8px;letter-spacing:1.6px;color:#d1d2dc}.note-line{height:2px;width:38px;background:var(--pink)}.hero-mark{position:absolute;right:7%;bottom:43px;width:107px;height:107px;border:1px solid #ffffff6e;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0b0c2073}.hero-mark span{font:800 35px 'Barlow Condensed';background:linear-gradient(120deg,var(--cyan),var(--pink));background-clip:text;color:transparent}.hero-mark small{text-align:center;font-size:7px;letter-spacing:1.1px;line-height:1.4}.quick-info{min-height:96px;padding:19px 8%;display:flex;align-items:center;justify-content:space-between;background:#fff}.quick-info>div{display:flex;flex-direction:column;gap:6px;padding-right:7%;border-right:1px solid #e0e1e5}.quick-info b{font-size:9px;letter-spacing:1px}.quick-info span{font-size:9px;color:#81858f}.quick-info>a{font-size:10px;font-weight:700;color:#8e1fc2;border-bottom:1px solid #d8c2e5;padding-bottom:7px}.inventory{padding:100px 9% 93px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}.eyebrow.dark{color:#6d7281}.section-heading h2,.about h2,.contact h2{color:var(--ink);font-size:60px;margin:17px 0 0}.section-heading h2 em,.contact h2 em{color:#a627c9}.section-heading>p{max-width:330px;color:#757a85;font-size:11px;line-height:1.85;margin:0 0 4px}.vehicle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.vehicle{background:#fff;border:1px solid #e0e1e6;min-width:0}.vehicle-image{height:270px;position:relative;overflow:hidden;background:#d9dbe0}.vehicle-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.vehicle:hover .vehicle-image img{transform:scale(1.04)}.vehicle-label{position:absolute;top:13px;left:13px;background:#fff;padding:8px 9px;font-size:7px;font-weight:700;letter-spacing:1px}.vehicle-num{position:absolute;right:13px;bottom:10px;color:#fff;text-shadow:0 1px 5px #000;font:700 28px 'Barlow Condensed'}.vehicle-info{min-height:119px;padding:15px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:12px}.vehicle-info small{font-size:7px;letter-spacing:1px;color:#8e929c}.vehicle-info h3{font:700 21px 'Barlow Condensed';margin:4px 0}.vehicle-info>a{border:1px solid #d8d9de;padding:9px 11px;font-size:9px;font-weight:600}.vehicle-info>a:hover{border-color:#a72ce7;color:#8e1fc2}.disclaimer{font-size:9px;color:#858994;margin-top:20px}.about{display:grid;grid-template-columns:1.05fr .95fr;background:#0b0c20;color:#fff}.about-image{min-height:540px;position:relative;overflow:hidden}.about-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.about-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#090a20a8,transparent 55%)}.about-stamp{position:absolute;z-index:1;bottom:27px;left:30px;display:flex;gap:12px;align-items:center}.about-stamp b{font:800 42px 'Barlow Condensed';color:var(--pink)}.about-stamp span{font-size:8px;letter-spacing:1.4px;line-height:1.5}.about-copy{padding:75px 12% 60px 11%;background:radial-gradient(ellipse at 100% 0%,#222143,#0b0c20 65%)}.eyebrow.light{color:#c7c8d4}.about h2{font-size:59px;color:#fff;margin:22px 0}.about h2 em{color:var(--cyan)}.about-copy p{max-width:390px;color:#c3c5d0;font-size:11px;line-height:1.9}.text-button{display:inline-block;margin-top:15px;background:#fff;color:#17172c;padding:13px 16px;font-size:10px;font-weight:700}.text-button:hover{background:var(--cyan)}.contact{padding:93px 9%;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.contact h2{font-size:57px}.contact-copy>p{font-size:11px;color:#737986;line-height:1.8;max-width:340px}.contact-panel{background:#fff;border:1px solid #e1e1e7;padding:10px 24px}.contact-panel a{display:flex;flex-direction:column;gap:6px;padding:16px 0;border-bottom:1px solid #e6e6ea}.contact-panel a:last-child{border:0}.contact-label{font-size:7px;letter-spacing:1.4px;color:#8b8d99}.contact-panel strong{font:700 20px 'Barlow Condensed'}.contact-panel a:hover strong{color:#9f26d5}.final-cta{padding:36px 9%;min-height:150px;background:linear-gradient(105deg,#5518a3,#a721be 55%,#ed2ca6);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px}.final-cta>span{font-size:9px;letter-spacing:1.4px;font-weight:700}.final-cta h2{font-size:37px;margin:0}.final-cta>a{border:1px solid #ffffffb5;padding:12px 15px;font-size:9px;font-weight:700}.final-cta>a:hover{background:#fff;color:#7a20a6}footer{min-height:84px;padding:17px 6%;display:flex;align-items:center;justify-content:space-between;background:#070816;color:#aeb0c0;font-size:9px}footer img{width:185px;height:49px;display:block}
@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes photoEnter{from{transform:scale(1.04);filter:brightness(.8)}to{transform:scale(1);filter:brightness(1)}}
@media(max-width:760px){.topbar{height:30px;padding:0 5%;font-size:6px}.topbar span:nth-child(2){display:none}.header{height:70px;padding:0 5%}.brand img{width:190px;height:56px}.header nav{display:none;position:absolute;top:69px;left:0;right:0;background:#0b0c20;padding:20px 7%;flex-direction:column;gap:18px}.header nav.open{display:flex}.header-cta{padding:10px 11px;font-size:8px}.menu{display:block;order:3;background:none;border:0;color:white;font-size:8px;letter-spacing:1px}.hero{height:680px;min-height:0}.hero-photo{background-position:56% center}.hero-overlay{background:linear-gradient(90deg,#070817ed,#07081785 90%),linear-gradient(0deg,#0708179c,transparent 55%)}.hero-copy{padding:105px 7% 0}.hero h1{font-size:62px}.hero-copy>p{max-width:320px;font-size:12px}.hero-actions{flex-wrap:wrap}.hero-note{margin-top:52px;font-size:7px}.hero-mark{width:80px;height:80px;right:7%;bottom:29px}.hero-mark span{font-size:27px}.hero-mark small{font-size:6px}.quick-info{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:22px 7%}.quick-info>div{border:0;padding:0}.quick-info>a{grid-column:1/3}.inventory{padding:73px 7%}.section-heading{display:block}.section-heading h2,.about h2,.contact h2{font-size:52px}.section-heading>p{margin-top:17px}.vehicle-grid{grid-template-columns:1fr;gap:16px}.vehicle-image{height:280px}.vehicle-info{min-height:112px}.about{grid-template-columns:1fr}.about-image{min-height:340px}.about-copy{padding:55px 8%}.about h2{font-size:53px}.contact{padding:73px 7%;grid-template-columns:1fr;gap:25px}.contact h2{font-size:51px}.contact-panel{padding:8px 18px}.final-cta{padding:27px 7%;display:flex;flex-wrap:wrap;gap:14px}.final-cta>span{width:100%}.final-cta h2{font-size:34px}.final-cta>a{margin-left:auto}footer{padding:19px 6%;gap:12px;flex-wrap:wrap}footer img{width:150px;height:40px}footer>span:nth-child(2){display:none}}