/* Ferrum House — editorial layer (loaded after car-dealer.css). Gallery paper, ink and oxblood; Bodoni display, Manrope text. */
:root{
  --paper:#E9E5DE;--paper-2:#F4F1EC;--paper-3:#DCD7CE;
  --ink:#141312;--ink-2:#1C1B1A;--ink-3:#2A2927;--ink-4:#3A3936;
  --ox:#72121F;--ox-2:#560D17;--ox-l:#C4566A;--bone:#F4F1EC;--text:#141312;--muted:#6B665F;
  --line:rgba(20,19,18,.13);--line-2:rgba(20,19,18,.07);
  --serif:"Bodoni Moda",Didot,Georgia,serif;--sans:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"Manrope",system-ui,sans-serif
}
body{font-family:var(--sans);letter-spacing:.003em}

/* film theme */
.cf{--cf-ink:#141312;--cf-light:#F4F1EC;--cf-fg:#F4F1EC;--cf-bg:#141312;--cf-accent:#D4B99A;--cf-disp:var(--serif);--cf-sans:var(--sans);--cf-top:calc(var(--rib) + var(--navh));--cf-shade:#000b;--cf-scrim:#000b}
.cf .cf-h1 em,.cf .cf-h2 em{color:#D4B99A}

/* ---------- type ---------- */
h1,h2,h3{font-weight:500;letter-spacing:-.02em}
h1 em,h2 em,h3 em{font-weight:400}
.label{font:600 10.5px/1.3 var(--sans);letter-spacing:.3em;gap:14px}
.label:before{width:34px;height:1px;background:currentColor}
.label-l:before{background:var(--ox-l)}
.kick,.card-lot,.card-tag,.pill,.qs label span,.f-sel span,.fld>span,.spec-dl dt,.visit-dl dt,.car-quick small,.day small,.td-dl dt,.ticket dt,.cmp-t tbody th,.kpi small,.tbl th,.dr-dl dt,.side-sub,.lot-card small,.wa small,.fin-r>span,.tt-dial small,.f-grp h3,.logo span i{font-family:var(--sans)!important;font-weight:600!important;letter-spacing:.2em!important}
.card-specs,.card-pr small,.nav-stock,.src,.nav-count{font-family:var(--sans)}
.card-specs{letter-spacing:.02em}
.man-dl dt,.bod-t,.tt-dial b,.inv-n b,.car-price b,.fin h2 b,.ti-range b,.kpi b,.day b,.cmp-car b,.car-quick b,.foot-word{font-weight:500!important}
.card h3{font-weight:500}
.voi-g p,.car-note{font-weight:400}

/* ---------- nav / menu ---------- */
.nav-links a{font:600 11px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase}
.pg-home .nav:not(.is-solid){color:var(--bone);background:linear-gradient(#141312cc,#14131200)}
.nav-staff{border-radius:99px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:600}
.nav-count{border-radius:99px}

/* ---------- buttons ---------- */
.btn{border-radius:99px;overflow:hidden;isolation:isolate;font:600 11.5px/1 var(--sans)!important;letter-spacing:.18em!important;text-transform:uppercase;min-height:50px;padding:0 26px}
.btn-sm{min-height:40px;font-size:10.5px!important;padding:0 18px}
.link-arrow{font-family:var(--sans);letter-spacing:.18em}
.card-cmp{border-radius:99px;font-family:var(--sans)}
.card-tag{border-radius:99px;padding:6px 10px}
.pill{border-radius:99px}

/* ---------- surfaces ---------- */
.ph,.card-ph .ph,.car-gal .ph,.td-car,.ti-cond button,.td-where button,.day,.slot,.qs,.card-d,.panel,.kpi,.fin,.ticket{border-radius:6px}
.card-ph .ph{overflow:hidden}
.card:hover .card-ph .ph img{transform:scale(1.06)}
.card-ph .ph img{transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
.card-b{border-top-color:var(--line);padding-top:16px}
.qs select,.fld input,.fld select,.fld textarea{border-radius:4px}
section.wrap{scroll-margin-top:110px}

/* ---------- staff ---------- */
.card-d{border-radius:6px}

@media (max-width:820px){
  .btn{min-height:48px}
  .label{letter-spacing:.24em}
}

/* home: quick search sits below the film instead of overlapping a hero */
.pg-home .search-strip{margin-top:0;padding-top:clamp(28px,4vw,56px)}
.pg-home .search-strip .qs{border-top:1px solid var(--line);border-radius:6px;overflow:hidden}

/* colour discipline: oxblood on small details, ink for the big fills */
.btn-ox{background:var(--ink);color:var(--bone)}
.btn-ox:before{background:var(--ox)}
.btn-ink:before{background:var(--ink-3)}
.slot.is-on{background:var(--ink);border-color:var(--ink)}
.rib-cta{background:transparent;color:#e3a3ae;border:1px solid #e3a3ae66}
.rib-back:hover{color:#e3a3ae}
.trade-tease{background:var(--ink-2)}
.kpi.hot{background:#2a1c1e;box-shadow:inset 0 2px 0 var(--ox-l)}
.card-tag.ox,.src.s-web,.f-open b,.side-nav button b,.nav-count{background:transparent;color:var(--ox);border:1px solid currentColor}
.src.s-web,.side-nav button b{color:#e3a3ae}