:root{
  --bg:#F2F3EF; --surface:#FFFFFF; --ink:#12171D; --muted:#58626B; --line:#DADDD6;
  --tag:#FFC72C; --tag-ink:#1A1400; --alert:#C42F1A;
  --dark:#10151B; --dark-ink:#EDEFEA; --dark-muted:#A5AEB6;
  --shadow:0 1px 2px rgba(18,23,29,.06), 0 8px 22px rgba(18,23,29,.07);
  --radius:10px;
  --display:'Barlow Condensed','Arial Narrow',sans-serif;
  --body:'Barlow',system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,monospace;
}
@media (prefers-color-scheme:dark){
  :root{
    --bg:#0D1217; --surface:#151B22; --ink:#EDEFEA; --muted:#98A2AB; --line:#27313B;
    --dark:#070A0D;
    --shadow:0 1px 2px rgba(0,0,0,.4), 0 8px 22px rgba(0,0,0,.35);
  }
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:1.05rem;line-height:1.6;padding-bottom:0}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--display);text-transform:uppercase;line-height:1;margin:0;letter-spacing:.01em;text-wrap:balance}
h1{font-weight:800}
h2{font-weight:800;font-size:clamp(1.9rem,3.6vw,2.7rem)}
h3{font-weight:700}
p{margin:0}
.wrap{max-width:1160px;margin:0 auto;padding-inline:20px}
section{padding-block:68px}
:focus-visible{outline:3px solid var(--tag);outline-offset:2px}

.eyebrow{font-family:var(--mono);font-weight:600;font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.section-head{margin-bottom:30px;max-width:60ch}
.section-head .eyebrow{display:block;margin-bottom:10px}
.section-head p.lede{color:var(--muted);margin-top:12px}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--display);font-weight:700;font-size:1.1rem;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;border:2px solid transparent;border-radius:8px;padding:12px 22px;cursor:pointer;line-height:1.1;white-space:nowrap}
.btn-sm{padding:9px 16px;font-size:1rem}
.btn-tag{background:var(--tag);color:var(--tag-ink)}
.btn-tag:hover{filter:brightness(1.06)}
.btn-ink{background:var(--ink);color:var(--surface)}
.btn-ink:hover{opacity:.9}
.btn-line{background:transparent;border-color:currentColor}
.btn-line:hover{background:rgba(127,127,127,.14)}
@media (prefers-reduced-motion:no-preference){.btn{transition:filter .15s,opacity .15s,background .15s}}

/* header */
.site-header{position:sticky;top:0;z-index:50;background:var(--surface);border-bottom:1px solid var(--line)}
.header-row{display:flex;align-items:center;gap:22px;padding-block:12px;position:relative}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;margin-right:auto}
.brand-mark{width:36px;height:36px;flex:none}
.brand-name{font-family:var(--display);font-weight:800;font-size:1.5rem;letter-spacing:.03em;line-height:1;text-transform:uppercase}
.brand-name small{display:block;font-family:var(--mono);font-weight:500;font-size:.6rem;letter-spacing:.14em;color:var(--muted);margin-top:4px}
.nav{display:flex;gap:26px}
.nav a{font-family:var(--display);font-weight:700;font-size:1.1rem;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;padding-block:4px;border-bottom:3px solid transparent}
.nav a:hover,.nav a.active{border-bottom-color:var(--tag)}
.menu-toggle{display:none;background:transparent;border:1px solid var(--line);border-radius:8px;color:var(--ink);padding:8px;cursor:pointer}
@media (max-width:860px){
  .nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:2px;background:var(--surface);border-bottom:1px solid var(--line);padding:8px 20px 16px;box-shadow:var(--shadow)}
  .nav.open{display:flex}
  .nav a{padding:12px 0;font-size:1.25rem;border-bottom:1px solid var(--line)}
  .menu-toggle{display:inline-flex}
  .header-call{display:none}
}

/* hero */
.hero{background:var(--dark);color:var(--dark-ink);position:relative;overflow:hidden;padding:0}
.hero::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(255,255,255,.035) 0 2px,transparent 2px 24px)}
.hero-inner{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;padding-block:88px 80px}
.hero h1{font-size:clamp(2.7rem,6.2vw,5.2rem);line-height:.95}
.hero h1 em{font-style:normal;color:var(--tag)}
.hero .eyebrow{color:var(--dark-muted);display:block;margin-bottom:16px}
.hero-lede{max-width:46ch;color:var(--dark-muted);font-size:1.15rem;margin-top:20px}
.hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.hero .btn-line{color:var(--dark-ink)}
.sticker{justify-self:center;position:relative;transform:rotate(-4deg);background:var(--tag);color:var(--tag-ink);padding:30px 40px 30px 72px;clip-path:polygon(30px 0,100% 0,100% 100%,30px 100%,0 50%);text-align:left;box-shadow:0 18px 40px rgba(0,0,0,.35)}
.sticker::before{content:"";position:absolute;left:24px;top:50%;width:18px;height:18px;margin-top:-9px;border-radius:50%;background:var(--dark)}
.sticker .s-top{font-family:var(--mono);font-weight:600;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase}
.sticker .s-big{font-family:var(--display);font-weight:800;font-size:clamp(3.4rem,7vw,5.6rem);line-height:.9;margin:4px 0}
.sticker .s-low{font-family:var(--mono);font-weight:600;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}
.hero-badge{justify-self:center;width:100%;max-width:560px;height:auto}
.footer-logo{width:150px;height:auto;margin-bottom:10px}
.blend{mix-blend-mode:screen}
@media (max-width:860px){
  .hero-inner{grid-template-columns:1fr;gap:34px;padding-block:56px 52px}
  .sticker{justify-self:start;transform:rotate(-3deg)}
  .hero-badge{justify-self:start;max-width:420px}
}

/* facts */
.facts{background:var(--surface);border-bottom:1px solid var(--line)}
.facts-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.fact{padding:22px 20px;border-left:1px solid var(--line)}
.fact:first-child{border-left:0;padding-left:0}
.fact .eyebrow{display:block;margin-bottom:6px}
.fact b{font-family:var(--display);font-weight:800;font-size:clamp(1.5rem,3vw,2.1rem);text-transform:uppercase;line-height:1}
@media (max-width:640px){
  .facts-grid{grid-template-columns:1fr}
  .fact{border-left:0;border-top:1px solid var(--line);padding:16px 0}
  .fact:first-child{border-top:0}
}

/* car cards */
.car-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:22px}
.car-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;text-decoration:none;box-shadow:var(--shadow)}
.car-card[hidden]{display:none}
@media (prefers-reduced-motion:no-preference){.car-card{transition:transform .18s ease,border-color .18s ease}}
.car-card:hover{transform:translateY(-4px);border-color:var(--tag)}
.car-photo{position:relative;aspect-ratio:4/3;background:var(--line);overflow:hidden}
.car-photo img{width:100%;height:100%;object-fit:cover}
.no-photo{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-family:var(--mono);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.status-flag{position:absolute;top:12px;left:12px;font-family:var(--mono);font-weight:600;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;background:var(--ink);color:var(--surface);padding:5px 10px;border-radius:5px}
.status-flag.sold{background:var(--alert);color:#fff}
.car-body{padding:16px 18px 20px;display:flex;flex-direction:column;gap:10px}
.car-body h3{font-size:1.35rem;line-height:1.1}
.car-meta{color:var(--muted);font-size:.95rem}
.price-tag{display:inline-block;align-self:flex-start;background:var(--tag);color:var(--tag-ink);font-family:var(--display);font-weight:800;font-size:1.65rem;line-height:1;padding:5px 14px 5px 22px;clip-path:polygon(11px 0,100% 0,100% 100%,11px 100%,0 50%)}
.empty-state{background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius);padding:44px 24px;text-align:center}
.empty-state p{color:var(--muted);max-width:46ch;margin:10px auto 22px}
.empty-state h3{font-size:1.7rem}

/* page header + toolbar */
.page-header{background:var(--dark);color:var(--dark-ink);position:relative;overflow:hidden}
.page-header::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(255,255,255,.035) 0 2px,transparent 2px 24px)}
.page-header .wrap{position:relative;padding-block:52px 44px}
.page-header .eyebrow{color:var(--dark-muted);display:block;margin-bottom:12px}
.page-header h1{font-size:clamp(2.2rem,5vw,3.6rem)}
.page-header p{color:var(--dark-muted);max-width:60ch;margin-top:14px}
.toolbar{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;align-items:end;margin-bottom:26px}
.toolbar label{display:block;font-family:var(--mono);font-weight:600;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.toolbar input,.toolbar select,.field input,.field select,.field textarea{width:100%;font:inherit;padding:11px 12px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink)}
.toolbar .count{font-family:var(--mono);font-size:.82rem;color:var(--muted);padding-bottom:12px;white-space:nowrap}
@media (max-width:760px){.toolbar{grid-template-columns:1fr 1fr}.toolbar .search{grid-column:1/-1}.toolbar .count{grid-column:1/-1;padding-bottom:0}}

/* vehicle page */
.crumbs{font-family:var(--mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding-block:20px 0}
.crumbs a{text-decoration:none;border-bottom:1px solid var(--line)}
.vehicle{display:grid;grid-template-columns:1.35fr 1fr;gap:34px;align-items:start;padding-block:22px 56px}
.gallery-main{position:relative;aspect-ratio:4/3;background:#0A0D10;border-radius:var(--radius);overflow:hidden}
.gallery-main img{width:100%;height:100%;object-fit:contain}
.gallery-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;margin-top:10px}
.gallery-thumbs button{padding:0;border:2px solid transparent;border-radius:7px;overflow:hidden;background:var(--line);cursor:pointer;aspect-ratio:4/3}
.gallery-thumbs button[aria-current="true"]{border-color:var(--tag)}
.gallery-thumbs img{width:100%;height:100%;object-fit:cover}
.v-panel{position:sticky;top:90px;display:flex;flex-direction:column;gap:16px}
.v-panel h1{font-size:clamp(2rem,3.6vw,2.9rem);line-height:1}
.v-panel .price-tag{font-size:2.3rem}
.v-quick{color:var(--muted)}
.v-actions{display:flex;flex-wrap:wrap;gap:10px}
.v-actions .btn{flex:1 1 150px}
.sold-banner{background:var(--alert);color:#fff;font-family:var(--display);font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:12px 16px;border-radius:8px}
.specs{width:100%;border-collapse:collapse;margin-top:6px}
.specs th,.specs td{text-align:left;padding:11px 0;border-bottom:1px solid var(--line);font-size:.98rem}
.specs th{font-family:var(--mono);font-weight:600;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);width:42%}
.v-desc{margin-top:8px;color:var(--ink);max-width:62ch}
.v-below{padding-block:0 64px}
.v-below h2{font-size:1.8rem;margin-bottom:12px}
@media (max-width:860px){.vehicle{grid-template-columns:1fr}.v-panel{position:static}}

/* visit + contact */
.visit-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:stretch}
.info-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:26px}
.info-row{padding-block:14px;border-bottom:1px dashed var(--line)}
.info-row:last-child{border-bottom:0}
.info-row .eyebrow{display:block;margin-bottom:4px}
.info-row a,.info-row span.v{font-weight:600;text-decoration:none}
.info-row a:hover{text-decoration:underline}
.map-frame{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);min-height:320px;background:var(--line)}
.map-frame iframe{border:0;width:100%;height:100%;min-height:320px;display:block}
@media (max-width:860px){.visit-grid{grid-template-columns:1fr}}
.light-band{background:var(--surface);border-block:1px solid var(--line);padding-block:52px}
.dark-band{background:var(--dark);color:var(--dark-ink)}
.dark-band .eyebrow{color:var(--dark-muted)}
.dark-band .lede{color:var(--dark-muted)}
.request{background:var(--surface);color:var(--ink);border-radius:var(--radius);padding:26px;display:flex;flex-direction:column;gap:16px;max-width:640px}
.field{display:flex;flex-direction:column;gap:6px}
.field label{font-family:var(--mono);font-weight:600;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:560px){.field-row{grid-template-columns:1fr}}
.form-msg{font-weight:600;min-height:1.2em;margin-top:8px;font-size:.95rem}

/* faq */
.faq{display:flex;flex-direction:column;gap:12px;max-width:780px}
.faq details{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 22px}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;font-family:var(--display);font-weight:700;font-size:1.3rem;letter-spacing:.02em;text-transform:uppercase}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:1.6rem;color:var(--ink);background:var(--tag);color:var(--tag-ink);width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:none;line-height:1}
.faq details[open] summary::after{content:"\2212"}
.faq details p{margin-top:12px;color:var(--muted)}

/* footer + mobile bar */
.site-footer{background:var(--dark);color:var(--dark-ink);padding-block:44px 0}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:28px}
.footer-name{font-family:var(--display);font-weight:800;font-size:1.7rem;text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px}
.site-footer a{text-decoration:none}
.site-footer a:hover{text-decoration:underline}
.site-footer p{color:var(--dark-muted);font-size:.98rem}
.site-footer p a{color:var(--dark-ink)}
.footer-legal{padding-block:26px 28px;margin-top:26px;border-top:1px solid rgba(255,255,255,.1);color:var(--dark-muted);font-size:.85rem}
@media (max-width:760px){.footer-grid{grid-template-columns:1fr}}
.mobile-bar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:60;gap:10px;padding:10px 14px;background:var(--surface);border-top:1px solid var(--line)}
.mobile-bar .btn{flex:1}
@media (max-width:640px){.mobile-bar{display:flex}body{padding-bottom:78px}}

/* loud price promo */
.promo-bar{display:block;text-align:center;text-decoration:none;font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:clamp(1.05rem,3.6vw,1.5rem);line-height:1;padding:10px 14px;background:var(--tag);color:var(--tag-ink)}
.promo-bar span{font-weight:700}
.hero h1 .mega{display:block;font-size:clamp(3.8rem,10.5vw,7.4rem);line-height:.86;color:var(--tag);margin-bottom:.12em;transform-origin:left center}
.hero h1{font-size:clamp(1.9rem,4.4vw,3.2rem)}
.fact-hot{background:var(--tag);color:var(--tag-ink);text-decoration:none;display:block}
.fact-hot .eyebrow{color:var(--tag-ink)}
.fact-hot b{font-size:clamp(1.8rem,3.8vw,2.7rem)}
@media (prefers-reduced-motion:no-preference){
  .promo-bar{animation:promoFlash 1.6s ease-in-out infinite}
  .hero h1 .mega{animation:megaPulse 1.6s ease-in-out infinite}
  .fact-hot{animation:promoFlash 1.6s ease-in-out infinite}
}
@keyframes promoFlash{0%,45%{background:var(--tag);color:var(--tag-ink)}55%,95%{background:var(--dark);color:var(--tag)}100%{background:var(--tag);color:var(--tag-ink)}}
@keyframes megaPulse{0%,100%{transform:scale(1);text-shadow:0 0 0 rgba(255,199,44,0)}50%{transform:scale(1.04);text-shadow:0 0 28px rgba(255,199,44,.55)}}
[hidden]{display:none!important}

/* full-width price band under the hero */
.price-band{display:block;background:var(--tag);color:var(--tag-ink);text-decoration:none;width:100%}
.price-band-inner{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:22px;row-gap:2px;padding-block:20px}
.price-band .eyebrow{color:var(--tag-ink);flex-basis:100%}
.price-band b{font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:clamp(2.2rem,6vw,4rem);line-height:.95}
.price-band .pb-note{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:clamp(1rem,2.2vw,1.35rem)}
@media (prefers-reduced-motion:no-preference){.price-band{animation:promoFlash 1.6s ease-in-out infinite}}