:root{--bg:#0b0b0d;--surface:#151518;--red:#e32635;--white:#f4f2ef;--muted:#9a9a9f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;width:100%;object-fit:cover}.topbar{height:33px;background:#161619;border-bottom:1px solid #27272a;display:flex;justify-content:space-between;align-items:center;padding:0 5%;font-size:10px;letter-spacing:1.5px;color:#aaa}.topbar a{color:#fff}.header{height:82px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:#0d0d10;position:sticky;top:0;z-index:20;border-bottom:1px solid #242428}.brand{display:inline-flex;flex-direction:column;width:max-content}.brand-line{font-family:Manrope,sans-serif;font-weight:800;font-size:25px;letter-spacing:-1.6px;font-style:italic;white-space:nowrap}.brand-line em{font-size:13px;color:var(--red);letter-spacing:-.5px}.brand small{font-size:8px;letter-spacing:3px;color:#a7a7aa;margin-top:2px}.header nav{display:flex;align-items:center;gap:35px;font-size:12px;font-weight:700}.header nav a:hover{color:var(--red)}.header nav .nav-contact{border:1px solid var(--red);padding:14px 22px}.menu{display:none;background:none;border:0}.hero{height:min(730px,76vw);min-height:580px;position:relative;overflow:hidden;display:flex;align-items:center}.hero-photo{position:absolute;inset:0;background-image:url('assets/wrangler.jpg');background-position:75% 43%;background-size:cover;filter:brightness(.65) contrast(1.12);transform:scale(1.015)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,7,.96) 0%,rgba(5,5,7,.85) 30%,rgba(5,5,7,.2) 75%),linear-gradient(0deg,#0b0b0d 0%,transparent 35%)}.hero-content{position:relative;z-index:1;padding:0 8%;max-width:930px}.eyebrow,.kicker{font-size:11px;font-weight:800;letter-spacing:2.8px;color:var(--red)}.eyebrow{color:#eee}.red-dot{display:inline-block;width:7px;height:7px;background:var(--red);border-radius:50%;margin-right:9px}.hero h1,h2{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.065em;line-height:1.08}.hero h1{font-size:clamp(48px,7vw,104px);margin:27px 0 24px}.hero h1 i,h2 em{font-style:normal;color:var(--red)}.hero-content>p{color:#d1d1d3;max-width:470px;font-size:16px;line-height:1.75}.hero-actions{display:flex;gap:12px;margin-top:35px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:18px 23px;font-size:11px;font-weight:800;letter-spacing:1px;min-height:54px;transition:.2s}.btn:hover{transform:translateY(-3px)}.btn-red{background:var(--red);color:white}.btn-outline{border:1px solid #a5a5a8}.hero-bottom{position:absolute;bottom:25px;left:8%;right:8%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;color:#bdbdc0}.ticker{overflow:hidden;border-block:1px solid #29292c;background:#121215;white-space:nowrap}.ticker div{width:max-content;padding:19px 0;animation:move 28s linear infinite;font-size:12px;font-weight:800;letter-spacing:3px}.ticker span{color:var(--red);margin:0 34px}@keyframes move{to{transform:translateX(-30%)}}.section{padding:100px 7%}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px}.section h2,.feature h2{font-size:clamp(36px,4.5vw,66px);margin:20px 0}.muted{color:var(--muted);line-height:1.8;max-width:520px}.inventory-count{font-size:10px;letter-spacing:2px;color:#888;white-space:nowrap}.filterbar{border-top:1px solid #303034;margin:40px 0 27px;padding-top:24px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{background:transparent;border:1px solid #36363a;color:#c3c3c6;padding:12px 18px;font-size:12px}.filter.active,.filter:hover{background:var(--white);color:#111;border-color:var(--white)}.cars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.car{background:#18181b;border:1px solid #29292c;min-width:0}.car[hidden]{display:none}.car-img{position:relative;overflow:hidden;height:260px;background:#242428}.car-img img{height:100%;transition:transform .5s}.car:hover .car-img img{transform:scale(1.05)}.car-tag{position:absolute;top:15px;left:15px;background:#f1f0ee;color:#111;padding:9px 11px;font-size:9px;font-weight:800;letter-spacing:1px}.car-body{padding:23px}.car-meta{font-size:10px;color:#a7a7ab;letter-spacing:1px;font-weight:700}.car-meta span{color:var(--red);margin:0 5px}.car h3{font-family:Manrope,sans-serif;font-size:21px;letter-spacing:-.8px;margin:14px 0 8px}.car-body>p{font-size:12px;color:#aaa;min-height:30px}.car-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #353539;margin-top:24px;padding-top:20px}.car-bottom strong{font-size:13px;white-space:nowrap}.details{background:transparent;border:0;color:var(--red);font-size:10px;font-weight:800;letter-spacing:.5px;white-space:nowrap}.details span{margin-left:5px}.inventory-note{font-size:11px;color:#777;margin-top:22px}.feature{display:grid;grid-template-columns:1fr 1fr;background:#18181b;min-height:600px}.feature-image{min-height:500px;overflow:hidden;background:#09090b}.feature-image img{height:100%;object-fit:contain;padding:12%;filter:contrast(1.1)}.feature-copy{padding:90px 9%;align-self:center}.feature-copy>p:not(.kicker){color:#b4b4b8;line-height:1.8}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:40px 0}.feature-grid div{border-top:1px solid #444;padding-top:17px}.feature-grid b{display:block;color:var(--red);font-size:12px;margin-bottom:10px}.feature-grid span{font-size:12px}.text-link{font-size:12px;font-weight:800;letter-spacing:1px;border-bottom:1px solid var(--red);padding-bottom:12px}.text-link span{color:var(--red);margin-left:20px}.cta{text-align:center;position:relative;overflow:hidden;padding-block:115px}.cta>*:not(.cta-bg){position:relative;z-index:1}.cta h2{font-size:clamp(54px,8vw,110px)}.cta>p:not(.kicker){max-width:460px;margin:0 auto 35px;color:#b6b6ba;line-height:1.8}.cta-bg{position:absolute;bottom:-60px;left:50%;transform:translateX(-50%);font-size:26vw;font-weight:800;color:#151518;letter-spacing:-.1em;pointer-events:none}.contact{background:#17171a;display:grid;grid-template-columns:1fr 1.2fr;gap:70px}.contact-list a{display:grid;grid-template-columns:120px 1fr 20px;gap:15px;align-items:center;border-bottom:1px solid #36363a;padding:22px 0}.contact-list a:first-child{border-top:1px solid #36363a}.contact-list span{font-size:10px;color:#999;letter-spacing:1px}.contact-list strong{font-size:14px;font-weight:600}.contact-list b{color:var(--red)}footer{padding:55px 7% 25px;background:#09090b}.footer-top,.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-top>span{font-size:12px;font-weight:800;letter-spacing:2px}.footer-bottom{margin-top:60px;padding-top:20px;border-top:1px solid #303034;font-size:10px;letter-spacing:1px;color:#777}dialog{border:1px solid #444;background:#18181b;color:white;padding:0;max-width:560px;width:calc(100% - 30px);max-height:90vh;overflow:auto}dialog::backdrop{background:#000c}dialog>img{height:260px}.close-dialog{position:absolute;right:12px;top:12px;border:0;background:#111;color:#fff;font-size:28px;width:42px;height:42px}.modal-content{padding:30px}.modal-content h2{font-size:34px}.modal-content>p{color:#bbb;line-height:1.7}.modal-warning{font-size:12px;border-left:2px solid var(--red);padding-left:12px}.modal-content .btn{margin-top:16px}
@media(max-width:900px){.cars{grid-template-columns:repeat(2,minmax(0,1fr))}.feature{grid-template-columns:1fr}.feature-image{min-height:300px;height:350px}.feature-copy{padding:60px 7%}.contact{grid-template-columns:1fr;gap:25px}.header nav{gap:18px}}@media(max-width:650px){.topbar{padding:0 5%;font-size:8px;letter-spacing:.5px}.topbar span{max-width:65%}.header{height:70px}.brand-line{font-size:21px}.menu{display:flex;flex-direction:column;gap:5px;padding:10px}.menu span{width:23px;height:2px;background:white}.header nav{display:none;position:absolute;top:70px;left:0;right:0;background:#111114;padding:22px 6% 28px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid #333}.header nav.open{display:flex}.header nav a{padding:15px 0}.header nav .nav-contact{text-align:center;margin-top:10px}.hero{min-height:650px;height:calc(85svh - 70px);max-height:800px;align-items:end;padding-bottom:105px}.hero-photo{background-position:54% center}.hero-shade{background:linear-gradient(0deg,#08080a 3%,rgba(0,0,0,.85) 30%,rgba(0,0,0,.14) 100%)}.hero-content{padding:0 6%}.hero h1{font-size:clamp(43px,11vw,67px);margin:20px 0}.hero-content>p{font-size:14px;line-height:1.65}.hero-bottom{left:6%;right:6%;bottom:20px;font-size:8px}.btn{padding:16px 18px;gap:22px}.section{padding:70px 6%}.section-head{display:block}.inventory-count{display:block;margin-top:25px}.cars{grid-template-columns:1fr}.car-img{height:310px}.car-body{padding:22px}.feature-grid{gap:18px}.feature-image{height:300px;min-height:300px}.feature-copy{padding:60px 6%}.cta h2{font-size:clamp(52px,13vw,78px)}.contact-list a{grid-template-columns:78px 1fr 15px;gap:10px}.contact-list strong{font-size:12px;overflow-wrap:anywhere}.footer-top,.footer-bottom{align-items:start;flex-direction:column}.footer-bottom{margin-top:35px;gap:10px}}

/* Updated vehicle art and hero composition */
.hero{background:radial-gradient(ellipse at 82% 58%,#3e2723 0%,#1b1c20 43%,#08090d 80%);isolation:isolate}
.hero-photo{inset:0 0 0 auto;width:68%;background-image:url('assets/hero-jeep.jpg');background-repeat:no-repeat;background-size:contain;background-position:right center;filter:none;transform:none;z-index:0}
.hero-shade{background:linear-gradient(90deg,#090a0e 0%,#090a0eea 27%,#090a0e6b 47%,transparent 73%),linear-gradient(0deg,#090a0e 0%,transparent 20%);z-index:0}
.hero-content{max-width:840px;padding-left:7%;padding-right:0}
.hero h1{font-size:clamp(49px,6.2vw,92px)}
.car-img{height:auto;aspect-ratio:1.6;background:#22252a}
.car-img img{height:100%;width:100%;object-fit:cover;object-position:center center}
.car-tag{z-index:2}
@media(max-width:900px){.hero-photo{width:85%;opacity:.8}.hero-shade{background:linear-gradient(90deg,#090a0ef2,#090a0eaa 45%,#090a0e38),linear-gradient(0deg,#090a0e,transparent 35%)}}
@media(max-width:650px){.hero{align-items:end}.hero-photo{width:100%;height:62%;inset:0 0 auto;background-size:cover;background-position:58% center;opacity:1}.hero-shade{background:linear-gradient(0deg,#090a0e 24%,#090a0ed9 44%,#090a0e12 82%)}.hero-content{padding:0 6%}.hero h1{font-size:clamp(43px,11vw,67px)}.car-img{height:auto;aspect-ratio:1.55}}

/* Consistent uncropped vehicle photography */
.car-img{height:auto;aspect-ratio:660/399;overflow:hidden}
.car-img img{display:block;width:100%;height:100%;object-fit:fill;object-position:center;transition:transform .4s ease}
.car-tag{display:none}
@media(max-width:650px){.car-img{aspect-ratio:660/399}}

/* Full-bleed hero: background covers the full viewport without visible image edges. */
.hero {
  height: auto;
  min-height: max(680px, calc(100svh - 115px));
  background: #090a0d;
  isolation: isolate;
}
.hero-photo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-image: url('assets/hero-jeep.jpg');
  background-size: cover;
  background-position: center 52%;
  background-repeat: no-repeat;
  opacity: 1;
  filter: none;
  transform: none;
  z-index: -2;
}
.hero-shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(5,6,9,.96) 0%, rgba(5,6,9,.88) 25%, rgba(5,6,9,.60) 43%, rgba(5,6,9,.06) 78%), linear-gradient(0deg, rgba(5,6,9,.6) 0%, transparent 30%);
  z-index: -1;
}
.hero-content { max-width: 920px; padding: 110px 7% 130px; }
.hero h1 { font-size: clamp(50px, 6.1vw, 100px); }
@media (max-width: 900px) {
  .hero { min-height: max(640px, calc(100svh - 115px)); }
  .hero-photo { inset: 0; width: 100%; height: 100%; background-position: 58% center; opacity: 1; background-size: cover; }
  .hero-shade { background: linear-gradient(90deg, rgba(5,6,9,.93), rgba(5,6,9,.60) 54%, rgba(5,6,9,.18)); }
}
@media (max-width: 650px) {
  .hero { height: auto; min-height: max(680px, calc(100svh - 103px)); align-items: flex-end; padding-bottom: 0; }
  .hero-photo { inset: 0; width: 100%; height: 100%; background-position: 58% 36%; background-size: cover; }
  .hero-shade { background: linear-gradient(0deg, #090a0d 2%, rgba(9,10,13,.97) 18%, rgba(9,10,13,.75) 43%, rgba(9,10,13,.12) 80%); }
  .hero-content { padding: 170px 6% 105px; max-width: 100%; }
  .hero h1 { font-size: clamp(42px, 10.5vw, 65px); }
}

/* Mobile-only dark overlay. Original hero image and layout retained. */
@media (max-width: 650px) {
  .hero-shade {
    background: linear-gradient(to top, rgba(5, 6, 9, .97) 0%, rgba(5, 6, 9, .82) 34%, rgba(5, 6, 9, .43) 65%, rgba(5, 6, 9, .28) 100%);
  }
}