:root{--paper:#F7F4EC;--ivory:#EFE9DE;--ink:#191512;--ox:#7A302D;--ox-lt:#8E3A34;--brass:#A68852;--text:#201C18;--mute:#6C655B;--stone:#DBD3C4;--gut:clamp(20px,5vw,76px);--serif:"Instrument Serif",Georgia,serif;--sans:"Manrope",system-ui,sans-serif;--e:cubic-bezier(.2,.75,.2,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--text);font-family:var(--sans);font-size:17px;line-height:1.62;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:var(--ox);text-decoration:none}
a:hover{color:var(--ink)}
:focus-visible{outline:2px solid var(--ox);outline-offset:3px}
h1,h2,h3,.dsp{font-family:var(--serif);font-weight:400;line-height:.98;letter-spacing:-.012em;margin:0;text-wrap:balance}
h1{font-size:clamp(3rem,9.2vw,7.4rem)}
h2{font-size:clamp(2.3rem,5.6vw,4.4rem)}
h3{font-size:clamp(1.55rem,2.8vw,2.3rem)}
em{font-style:italic}
p{margin:0;text-wrap:pretty}
.wrap{max-width:1400px;margin:0 auto;padding-inline:var(--gut)}
.lbl{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--ox);margin:0}
.num{font-family:var(--serif);font-size:.95rem;color:var(--brass);letter-spacing:.06em}
.lead{font-size:clamp(1.05rem,1.4vw,1.2rem);color:var(--mute);max-width:52ch}
/* demo bar */
.demo{background:#0E0C0B;color:#9B948B;font-size:.75rem}
.demo .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;padding-block:8px}
.demo b{color:#F4F0E8;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.66rem}
.demo a{margin-left:auto;color:#CFC8BD;border-bottom:1px solid #3A3531;padding-bottom:1px}
.demo a:hover{color:#fff;border-color:#fff}
/* header */
.hdr{position:sticky;top:0;z-index:40;background:var(--paper);border-bottom:1px solid var(--stone)}
.hdr .wrap{display:flex;align-items:center;gap:20px;min-height:72px}
.mark{display:block;margin-right:auto;color:var(--ink);line-height:1}
.mark b{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(1.35rem,3vw,1.72rem);letter-spacing:-.01em}
.mark i{display:block;font-style:normal;font-size:.56rem;letter-spacing:.34em;text-transform:uppercase;color:var(--brass);margin-top:4px}
.nav{display:none;gap:28px}
.nav a{color:var(--text);font-size:.88rem;font-weight:500;letter-spacing:.02em;padding:4px 0;position:relative}
.nav a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--ox);transition:right .3s var(--e)}
.nav a:hover::after{right:0}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 26px;font-size:.85rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:0;border:1px solid transparent;cursor:pointer;transition:background .25s var(--e),color .25s var(--e),border-color .25s var(--e)}
.btn-ox{background:var(--ox);color:#F8F5EE}
.btn-ox:hover{background:var(--ink);color:#F8F5EE}
.btn-line{border-color:var(--ink);color:var(--ink)}
.btn-line:hover{background:var(--ink);color:var(--paper)}
.btn-lt{border-color:rgba(247,244,236,.4);color:#F7F4EC}
.btn-lt:hover{background:#F7F4EC;color:var(--ink)}
.hdr .btn-ox{display:none}
.burger{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:46px;height:46px;background:none;border:0;cursor:pointer;padding:0 10px}
.burger span{height:1px;background:var(--ink);transition:transform .25s var(--e),opacity .2s}
.burger[aria-expanded=true] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.burger[aria-expanded=true] span:nth-child(2){opacity:0}
.burger[aria-expanded=true] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.drawer{display:none;background:var(--ivory);border-bottom:1px solid var(--stone)}
.drawer[data-open=true]{display:block}
.drawer nav{display:flex;flex-direction:column;padding-block:6px 18px}
.drawer nav a{color:var(--ink);font-size:1.15rem;font-family:var(--serif);min-height:54px;display:flex;align-items:center;border-bottom:1px solid var(--stone)}
.drawer .btn{margin-top:18px;width:100%}
/* hero */
.hero{position:relative;background:var(--ink);color:#F7F4EC}
.hero-img{position:relative;aspect-ratio:16/11;max-height:82vh;overflow:hidden}
.hero-img img{width:100%;height:100%;object-fit:cover;object-position:68% center;transform:scale(1.04);opacity:0;transition:transform 2.4s var(--e),opacity 1.4s var(--e)}
.hero-img.in img{transform:none;opacity:1}
.hero-copy{position:relative;z-index:2;padding-block:clamp(30px,5vw,44px) clamp(36px,6vw,56px)}
.hero-copy h1{max-width:13ch;color:#FBF8F1}
.hero-copy h1 em{color:var(--brass)}
.hero-copy p{margin-top:20px;max-width:40ch;color:#D8D1C6;font-size:clamp(1rem,1.3vw,1.15rem)}
.acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
/* hero data strip — live feed */
.strip{background:var(--ink);color:#B9B1A6;border-top:1px solid rgba(247,244,236,.14)}
.strip .wrap{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 22px;padding-block:14px;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}
.strip b{color:#F7F4EC;font-weight:600}
.strip .plate{font-family:var(--serif);text-transform:none;letter-spacing:0;font-size:1.05rem;color:var(--brass)}
.strip a{color:#B9B1A6;margin-left:auto;border-bottom:1px solid #46403A;padding-bottom:2px}
.strip a:hover{color:#fff;border-color:#fff}
/* marquee */
.mq{overflow:hidden;border-block:1px solid var(--stone);background:var(--ivory);padding-block:16px}
.mq-track{display:flex;gap:0;width:max-content;animation:mq 46s linear infinite}
.mq-track span{font-family:var(--serif);font-size:clamp(1.3rem,2.4vw,2rem);color:var(--ink);opacity:.72;padding-inline:26px;white-space:nowrap}
.mq-track span::after{content:"—";color:var(--brass);margin-left:26px}
@keyframes mq{to{transform:translateX(-50%)}}
/* sections */
.sec{padding-block:clamp(72px,11vw,150px)}
.head{display:grid;gap:18px;margin-bottom:clamp(40px,5vw,72px);max-width:62ch}
.head h2{max-width:13ch}
.head .rulerow{display:flex;align-items:center;gap:14px}
.head .rulerow hr{flex:1;height:1px;background:var(--stone);border:0;margin:0}
/* featured feed — one lead, four compact */
.feat{display:grid;gap:clamp(32px,4vw,48px)}
.feat-mini{display:grid;gap:clamp(24px,3vw,34px) clamp(20px,2.4vw,30px);grid-template-columns:1fr 1fr}
.mini .media{display:block;position:relative;overflow:hidden;background:var(--ivory);aspect-ratio:4/3}
.mini .media img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--e)}
.mini:hover .media img{transform:scale(1.035)}
.mini .v-yr{margin-top:14px}
.mini h3{font-size:clamp(1.12rem,1.6vw,1.34rem);margin-top:6px}
.mini .v-price{font-size:clamp(1.15rem,1.7vw,1.4rem);margin-top:8px;padding-top:10px;border-top:1px solid var(--stone)}
/* lead vehicle */
.lead-veh{display:grid;gap:26px}
.lead-veh .media{display:block;position:relative;overflow:hidden;aspect-ratio:16/10;background:var(--ivory)}
.lead-veh .media img,.veh .media img,.cat img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--e)}
.lead-veh:hover .media img,.veh:hover .media img,.cat:hover img{transform:scale(1.035)}
.veh-idx{position:absolute;left:0;top:0;z-index:2;background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:1rem;padding:6px 14px}
.v-yr{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--brass);font-weight:700}
.v-name{margin-top:10px}
.v-var{color:var(--mute);margin-top:8px;font-size:.98rem}
.v-price{font-family:var(--serif);font-size:clamp(2rem,4vw,3.1rem);margin-top:18px;font-variant-numeric:tabular-nums;line-height:1}
.v-spec{list-style:none;margin:20px 0 0;padding:16px 0 0;border-top:1px solid var(--stone);display:flex;flex-wrap:wrap;gap:6px 20px;color:var(--mute);font-size:.86rem;letter-spacing:.04em;font-variant-numeric:tabular-nums}
.v-spec li+li{position:relative;padding-left:20px}
.v-spec li+li::before{content:"";position:absolute;left:0;top:.72em;width:10px;height:1px;background:var(--stone)}
.v-link{display:inline-block;margin-top:20px;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid rgba(122,48,45,.35);padding-bottom:3px}
.v-link:hover{border-color:var(--ink)}
/* stacked three */
.veh-row{display:grid;gap:clamp(40px,5vw,60px);margin-top:clamp(56px,7vw,96px)}
.veh .media{display:block;position:relative;overflow:hidden;background:var(--ivory);aspect-ratio:4/3}
.veh .v-price{font-size:clamp(1.6rem,2.6vw,2.1rem)}
.stock-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;margin-top:clamp(52px,7vw,96px);padding-top:24px;border-top:1px solid var(--ink)}
.stock-foot p{color:var(--mute);font-size:.86rem;letter-spacing:.06em;text-transform:uppercase}
/* intro */
.intro{background:var(--ivory)}
.split{display:grid;gap:clamp(32px,5vw,76px);align-items:center}
.intro h2{max-width:12ch}
.intro .body{margin-top:22px;max-width:48ch;color:#413B34}
.intro .lbl{margin-bottom:16px}
.link-ox{display:inline-block;margin-top:26px;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid rgba(122,48,45,.35);padding-bottom:3px}
.intro-media{position:relative;aspect-ratio:4/5;overflow:hidden}
.intro-media img{width:100%;height:100%;object-fit:cover}
/* categories — asymmetric editorial rows, not a pair of matching panels */
.cats{display:grid;gap:clamp(56px,8vw,110px);justify-items:stretch}
.cat{display:grid;gap:clamp(22px,3vw,40px)}
.cat .frame{overflow:hidden}
.cat--a .frame{aspect-ratio:3/2}
.cat--b .frame{aspect-ratio:4/5}
.cat-ix{font-family:var(--serif);font-size:1.02rem;color:var(--brass);letter-spacing:.04em}
.cat h3{margin-top:14px;max-width:13ch}
.cat .cat-copy p+p,.cat .cat-copy>p:not(.cat-ix){margin-top:14px;color:var(--mute);max-width:36ch}
.cat .btn{margin-top:26px}
/* road */
.road{position:relative;background:var(--ink);color:#F7F4EC;overflow:hidden}
.road-img{position:absolute;inset:0}
.road-img img{width:100%;height:100%;object-fit:cover;object-position:78% center}
.road-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,14,12,.72) 0%,rgba(18,14,12,.5) 50%,rgba(18,14,12,.86) 100%)}
.road .wrap{position:relative;z-index:2;padding-block:clamp(90px,14vw,190px)}
.road h2{color:#FBF8F1;max-width:11ch}
.road h2 em{color:var(--brass)}
.road p{margin-top:20px;max-width:40ch;color:#CFC7BB}
.road .lbl{color:var(--brass);margin-bottom:18px}
/* footer */
.ftr{background:var(--ink);color:#A79F94;font-size:.9rem;border-top:1px solid rgba(247,244,236,.1)}
.ftr-top{display:grid;gap:36px;padding-block:clamp(52px,7vw,86px) 44px}
.ftr h4{font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--brass);margin:0 0 16px;font-weight:700;font-family:var(--sans)}
.ftr ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.ftr a{color:#D3CBC0}
.ftr a:hover{color:#fff}
.ftr .mark{color:#F7F4EC}
.ftr .mark b{font-size:1.5rem}
.ftr-brand p{margin-top:16px;max-width:32ch;color:#8C857B;font-size:.86rem}
.ftr-meta{display:grid;gap:7px;color:#8C857B}
.ftr-meta b{color:#D3CBC0;font-weight:600}
.ftr-note{border-top:1px solid rgba(247,244,236,.12);padding-block:26px 34px;display:grid;gap:18px}
.ftr-note p{color:#8C857B;font-size:.8rem;max-width:90ch}
.legal{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center;font-size:.8rem}
.legal a{color:#8C857B}
.ftr-word{font-family:var(--serif);font-size:clamp(2.6rem,12vw,10rem);line-height:.82;color:#241F1B;padding-bottom:20px;letter-spacing:-.02em;white-space:nowrap;overflow:hidden}
[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .9s var(--e),transform .9s var(--e)}
[data-reveal].in{opacity:1;transform:none}
@media (min-width:700px){
.lead-veh{grid-template-columns:1fr;gap:22px}
.ftr-top{grid-template-columns:1fr 1fr}
}
@media (min-width:900px){
.feat{grid-template-columns:1fr 1fr;gap:clamp(30px,3.4vw,52px);align-items:start}
.lead-veh .media{aspect-ratio:4/3}
.hero{position:relative}
.hero-img{width:100%;aspect-ratio:1586/992;max-height:none}
.hero-img img{object-position:center}
.hero-img::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,11,9,.88) 0%,rgba(14,11,9,.62) 34%,rgba(14,11,9,.16) 56%,rgba(14,11,9,0) 72%)}
.hero-copy{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding-block:0}
.hero-copy h1{max-width:11ch}
.hero-copy p{max-width:34ch}
.road-img::after{background:linear-gradient(90deg,rgba(14,11,9,.92) 0%,rgba(14,11,9,.66) 38%,rgba(14,11,9,.18) 62%,rgba(14,11,9,0) 78%)}
.nav{display:flex}.hdr .btn-ox{display:inline-flex}.burger,.drawer{display:none!important}
.split{grid-template-columns:var(--sp,1fr 1fr)}
.intro .split{--sp:6fr 5fr}
.cat{align-items:center;gap:clamp(34px,4.5vw,72px)}
.cat--a{grid-template-columns:7fr 4fr}
.cat--b{grid-template-columns:4fr 6fr}
.cat--b .frame{order:2}
.cat--b .cat-copy{order:1}
.cat--b{max-width:88%;justify-self:end}
.cat--a{max-width:94%;justify-self:start}
.ftr-top{grid-template-columns:1.8fr 1fr 1fr 1.5fr;gap:44px}
.ftr-note{grid-template-columns:2fr 1fr;align-items:start}
.legal{justify-content:flex-end}
}
@media (prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
[data-reveal]{opacity:1;transform:none;transition:none}
.mq-track{animation:none}
.hero-img img{opacity:1;transform:none;transition:none}
.lead-veh:hover .media img,.veh:hover .media img,.cat:hover img{transform:none}
}

/* ---- shared page chrome for sub-pages ---- */
.crumb{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);padding-top:clamp(28px,4vw,48px)}
.crumb a{color:var(--mute)}
.crumb a:hover{color:var(--ox)}
.page-head{padding-block:clamp(26px,4vw,44px) clamp(28px,4vw,44px)}
.page-head h1{font-size:clamp(2.8rem,7vw,5.6rem)}
.page-head .lead{margin-top:18px}
.count{font-family:var(--serif);font-size:clamp(1.1rem,2vw,1.5rem);color:var(--brass);margin-top:14px}
/* filters — editorial, not a dashboard */
.filters{display:flex;flex-wrap:wrap;align-items:baseline;gap:14px 28px;padding-block:18px;border-top:1px solid var(--ink);border-bottom:1px solid var(--stone)}
.filters .tabs{display:flex;flex-wrap:wrap;gap:22px}
.filters .tabs a{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--mute);padding-bottom:4px;border-bottom:2px solid transparent}
.filters .tabs a:hover{color:var(--ink)}
.filters .tabs a[aria-current=page]{color:var(--ox);border-color:var(--ox)}
.sortwrap{margin-left:auto;display:flex;align-items:baseline;gap:10px;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.sortwrap select{font-family:var(--sans);font-size:.82rem;color:var(--ink);background:none;border:0;border-bottom:1px solid var(--ink);padding:4px 18px 4px 0;border-radius:0;cursor:pointer;min-height:36px}
.sortwrap select:focus-visible{outline:2px solid var(--ox);outline-offset:3px}
/* stock grid */
.grid-stock{display:grid;gap:clamp(40px,4.5vw,64px) clamp(24px,3vw,48px);grid-template-columns:1fr;padding-block:clamp(40px,5vw,72px)}
.sv{display:flex;flex-direction:column}
.sv .media{display:block;position:relative;overflow:hidden;background:var(--ivory);aspect-ratio:4/3}
.sv .media img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--e)}
.sv:hover .media img{transform:scale(1.035)}
.sv .shots{position:absolute;right:0;bottom:0;background:rgba(25,21,18,.82);color:#EFE9DE;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;padding:5px 10px}
.sv .v-yr{margin-top:18px}
.sv h3{font-size:clamp(1.3rem,2vw,1.62rem);margin-top:8px}
.sv .v-var{margin-top:5px;font-size:.9rem}
.sv .v-price{font-size:clamp(1.5rem,2.2vw,1.9rem);margin-top:12px}
.sv .v-spec{margin-top:14px;padding-top:12px;font-size:.82rem}
.sv .rowacts{display:flex;gap:18px;margin-top:16px;align-items:center}
.sv .rowacts a{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid rgba(122,48,45,.35);padding-bottom:3px}
.sv .rowacts a.quiet{color:var(--mute);border-color:var(--stone)}
.sv .rowacts a.quiet:hover{color:var(--ink);border-color:var(--ink)}
.sv--wide .media{aspect-ratio:16/9}
.pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-block:24px 0;border-top:1px solid var(--ink);color:var(--mute);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}
/* ---- vehicle detail ---- */
.dtl{display:grid;gap:clamp(28px,4vw,56px);padding-block:clamp(22px,3vw,34px) clamp(56px,7vw,96px)}
.shot{position:relative;background:var(--ivory);aspect-ratio:3/2;overflow:hidden}
.shot img{width:100%;height:100%;object-fit:cover}
.thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:8px}
.thumbs button{padding:0;border:0;background:var(--ivory);aspect-ratio:3/2;overflow:hidden;cursor:pointer;opacity:.62;transition:opacity .25s var(--e)}
.thumbs button img{width:100%;height:100%;object-fit:cover}
.thumbs button[aria-current=true],.thumbs button:hover{opacity:1}
.buy .v-yr{font-size:.72rem}
.buy h1{font-size:clamp(2.1rem,4.4vw,3.4rem);margin-top:10px}
.buy .v-var{font-size:1.02rem;margin-top:8px}
.buy .price{font-family:var(--serif);font-size:clamp(2.6rem,5vw,4rem);line-height:1;margin-top:22px;font-variant-numeric:tabular-nums}
.plate-badge{display:inline-block;margin-top:18px;border:1px solid var(--ink);padding:6px 14px;font-family:var(--serif);font-size:1.05rem;letter-spacing:.06em}
.keyspec{list-style:none;margin:26px 0 0;padding:0;border-top:1px solid var(--ink)}
.keyspec li{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid var(--stone);font-size:.92rem}
.keyspec b{font-weight:600;color:var(--mute);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;align-self:center}
.keyspec span{font-variant-numeric:tabular-nums}
.buy .acts{margin-top:26px}
.buy .acts .btn{flex:1 1 auto}
.note{margin-top:20px;font-size:.78rem;color:var(--mute);max-width:44ch}
.blk{padding-block:clamp(44px,6vw,76px);border-top:1px solid var(--stone)}
.blk h2{font-size:clamp(1.7rem,3vw,2.4rem);margin-bottom:24px}
.prose p{max-width:62ch;color:#413B34;margin-top:14px}
.specgrid{display:grid;gap:clamp(28px,4vw,52px)}
.specgrid h3{font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;font-family:var(--sans);font-weight:700;color:var(--ox);margin-bottom:12px}
.specgrid dl{margin:0;border-top:1px solid var(--ink)}
.specgrid div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--stone)}
.specgrid dt{color:var(--mute);font-size:.86rem}
.specgrid dd{margin:0;font-size:.92rem;font-variant-numeric:tabular-nums}
/* hours / visit */
.visit{background:var(--ivory)}
.hours{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink);max-width:34rem}
.hours li{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid var(--stone);font-size:.92rem;font-variant-numeric:tabular-nums}
.hours li b{font-weight:600}
.hours li.closed{color:var(--mute)}
@media (min-width:600px){.grid-stock{grid-template-columns:1fr 1fr}.thumbs{grid-template-columns:repeat(6,1fr)}}
@media (min-width:900px){
.grid-stock{grid-template-columns:repeat(3,1fr)}
.sv--wide{grid-column:span 2}
.dtl{grid-template-columns:7fr 5fr;align-items:start}
.dtl .buy{position:sticky;top:96px}
.specgrid{grid-template-columns:repeat(3,1fr)}
}