/* ==========================================================================
   C A M Engineering — "The Line-Up"
   --------------------------------------------------------------------------
   base.css owns the reset, shell, header/nav mechanics, buttons, footer
   skeleton, reveals, preloader shell and the hero headline contract.
   This file supplies the palette, the three-machine elevation, the station
   key and every section's own rhythm.

   GROUND: solid #ffffff. No bone, no cream, no warm off-white anywhere.
   RHYTHM: white -> ink -> white -> ink -> white -> ink -> field green -> white
   ========================================================================== */

:root{
  /* ---------- palette, straight from the brief ---------- */
  --ink:      #14180f;
  --white:    #ffffff;
  --field:    #1f5130;
  --harvest:  #d9a441;
  --steel:    #6b7064;
  --panel:    #f3f4f1;
  --line:     rgba(20,24,15,.14);
  --line-2:   rgba(20,24,15,.26);

  /* ---------- base.css contract ---------- */
  --surface:    var(--white);
  --surface-2:  var(--white);
  --text:       #f6f6f2;
  --muted:      rgba(246,246,242,.56);
  --ink-text:   var(--ink);
  --ink-mute:   var(--steel);
  --accent:     var(--field);
  --accent-lit: #8ec39f;
  --accent-2:   var(--harvest);

  /* ---------- type ---------- */
  --font-display: "Bevan", Georgia, "Times New Roman", serif;
  --font-body:    "Titillium Web", system-ui, -apple-system, sans-serif;
  --font-mono:    "Oxygen Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  --wrap-max: 1240px;
  --pad:      clamp(1.15rem, 4vw, 2.6rem);
  --radius:   0px;
  --ease:     cubic-bezier(.22,.61,.36,1);
}

html{ scroll-padding-top:92px; }
body{
  background:var(--white);
  color:var(--ink);
  font-size:16.5px;
  line-height:1.66;
}
::selection{ background:var(--field); color:#fff; }
:focus-visible{ outline:2px solid var(--field); outline-offset:3px; }

.skip{
  position:absolute; left:.5rem; top:.5rem; z-index:10000;
  width:1px; height:1px; overflow:hidden; clip-path:inset(50%);
  padding:.7rem 1.05rem; background:var(--ink); color:#fff;
  font-family:var(--font-mono); font-size:.66rem; letter-spacing:.12em; text-transform:uppercase;
}
.skip:focus{ width:auto; height:auto; clip-path:none; }

/* ==========================================================================
   PRELOADER — the three-machine motif, never the client's logo
   ========================================================================== */
.pre__mark svg{ width:96px; height:auto; display:block; }
.pre__ground{ opacity:.32; }
.pre__b{ transform-box:fill-box; transform-origin:bottom; animation:barRise .85s var(--ease) both; }
.pre__b2{ animation-delay:.13s; }
.pre__b3{ animation-delay:.26s; }
.pre__ticks{ opacity:0; animation:tickIn .5s var(--ease) .55s both; }
@keyframes barRise{ from{ transform:scaleY(0); } to{ transform:scaleY(1); } }
@keyframes tickIn{ from{ opacity:0; } to{ opacity:1; } }
.pre__meta{ color:rgba(246,246,242,.5); }
.pre__pct{ color:var(--harvest); }
.pre__bar{ background:rgba(255,255,255,.16); }
.pre__bar i{ background:var(--harvest); }

/* ==========================================================================
   HEADER + NAV — white, one row, brands set apart after a hairline
   ========================================================================== */
.hdr{
  background:var(--white);
  border-bottom:1px solid var(--line);
  color:var(--ink);
}
@media (min-width:1024px){
  .hdr{ background:rgba(255,255,255,.94); }
}
.hdr__in{ min-height:78px; gap:1rem; }
.brand img{ width:132px; height:auto; }

.nav__foot{ display:none; }

.hdr__tel{
  display:none;
  margin-left:1.5rem; padding-left:1.5rem;
  border-left:1px solid var(--line);
  font-family:var(--font-mono); font-size:.72rem; letter-spacing:.03em;
  color:var(--ink); white-space:nowrap;
  transition:color .2s;
}
.hdr__tel span{ color:var(--steel); margin-right:.3rem; }
.hdr__tel:hover{ color:var(--field); }

@media (min-width:1024px){
  .nav__list{ gap:0; }
  .nav__link{
    font-family:var(--font-body); font-size:.76rem; font-weight:600;
    letter-spacing:.085em; text-transform:uppercase;
    padding:.5rem; border-radius:0; color:var(--ink);
  }
  .nav__link:hover{ color:var(--field); background:none; }
  /* the three brand links, after a hairline */
  .nav__item:nth-child(6){
    margin-left:.85rem; padding-left:.85rem;
    border-left:1px solid var(--line-2);
  }
  .nav__item:nth-child(n+6) .nav__link{ color:var(--field); }
  .nav__item:nth-child(n+6) .nav__link:hover{ color:var(--ink); }
}
@media (min-width:1280px){
  .hdr__tel{ display:inline-block; }
  .nav__link{ font-size:.79rem; padding-inline:.62rem; }
}

/* the overlay stays ink: light type, light hairlines */
@media (max-width:1023px){
  .hdr__in{ min-height:68px; }
  .brand img{ width:114px; }
  .nav{
    color:#fff;
    --line:rgba(255,255,255,.16);
    --muted:rgba(255,255,255,.55);
  }
  .nav__link{
    color:#fff; font-family:var(--font-body);
    font-size:.96rem; font-weight:600; letter-spacing:.07em; text-transform:uppercase;
  }
  .nav__item:nth-child(6){
    margin-top:.7rem; padding-top:.7rem;
    border-top:1px solid rgba(255,255,255,.26);
  }
  .nav__foot{ display:grid; }
  .nav__foot a{ color:rgba(255,255,255,.8); }
  .nav__foot span{ font-size:.72rem; line-height:1.5; color:rgba(255,255,255,.5); }
}

/* ==========================================================================
   SHARED TYPE + SECTION FURNITURE
   ========================================================================== */
.hero__h1,.sect__h2{ font-weight:400; letter-spacing:-.012em; }
.hero__h1{ line-height:.94; }
@media (min-width:1024px){
  .hero__h1{ font-size:var(--h1-size, clamp(2.9rem, 5.8vw, 5.8rem)); }
}
.sect__h2{
  font-size:clamp(1.85rem, 4.4vw, 3.15rem);
  line-height:.98;
  margin-top:.85rem;
}
.sect__lead{ max-width:46ch; }

.eyebrow{
  display:flex; align-items:center; gap:.65rem;
  font-family:var(--font-mono); font-size:.6rem; letter-spacing:.19em;
  text-transform:uppercase; color:var(--steel);
}
.eyebrow::before{ content:""; width:22px; height:1px; background:var(--harvest); flex-shrink:0; }
.eyebrow__n{ color:var(--ink); }

.station__key{
  display:flex; align-items:center; gap:.6rem;
  font-family:var(--font-mono); font-size:.6rem; letter-spacing:.2em;
  text-transform:uppercase; color:var(--steel);
}
.station__key::before{ content:""; width:16px; height:1px; background:var(--harvest); flex-shrink:0; }
.station__key b{ color:var(--field); font-weight:400; }

.station__head{ margin-bottom:clamp(2rem,4vw,3rem); max-width:70ch; }
.station__head:not(.station__head--split) .sect__lead{ margin-top:1.15rem; }
.station__head--split{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);
  gap:clamp(1.2rem,4vw,3rem);
  align-items:end;
  max-width:none;
}
.station__head--split .sect__lead{ max-width:40ch; justify-self:end; }

.textlink{
  display:inline-flex; align-items:center; gap:.45rem;
  font-size:.8rem; font-weight:600; letter-spacing:.02em;
  color:var(--ink); border-bottom:1px solid var(--line-2);
  padding-bottom:.2rem; transition:color .2s, border-color .2s;
}
.textlink:hover{ color:var(--field); border-color:var(--field); }
.textlink--lg{ font-size:.9rem; }

.btn{
  border-radius:0; padding:.92rem 1.5rem;
  font-family:var(--font-body); font-size:.84rem; font-weight:600;
  letter-spacing:.03em;
}
.btn--solid{ background:var(--harvest); color:var(--ink); }
.btn--solid:hover{ background:var(--field); color:#fff; transform:translateY(-2px); filter:none; }
.btn--ghost{ border:1px solid var(--line-2); color:var(--ink); }
.btn--ghost:hover{ border-color:var(--ink); background:var(--ink); color:#fff; }

/* ==========================================================================
   HERO — white
   ========================================================================== */
.hero{ background:var(--white); padding-bottom:0; }
.hero__grid{
  display:grid;
  grid-template-columns:minmax(0,1.32fr) minmax(0,1fr);
  gap:clamp(1.6rem,4.5vw,3.6rem);
  align-items:end;
  margin-top:clamp(1.1rem,2.6vw,2rem);
}
.hero__head{ min-width:0; }
.hero__aside{ min-width:0; padding-bottom:.5rem; }
.hero__lead{ font-size:1rem; line-height:1.68; color:var(--steel); max-width:44ch; }
.hero__acts{ display:flex; flex-wrap:wrap; gap:.6rem; margin-top:1.6rem; }
.hero__trust{
  display:flex; flex-wrap:wrap; gap:.35rem 1.3rem;
  margin-top:1.7rem; padding-top:.9rem;
  border-top:1px solid var(--line);
  font-family:var(--font-mono); font-size:.58rem; letter-spacing:.16em;
  text-transform:uppercase; color:var(--steel);
}

/* ==========================================================================
   THE LINE-UP — the signature drawing
   ========================================================================== */
.lineup{
  margin:clamp(2.4rem,5vw,4rem) 0 0;
  border-top:1px solid var(--line);
  background:var(--white);
}
.lineup__meta{
  display:flex; flex-wrap:wrap; justify-content:space-between; gap:.3rem 1.4rem;
  padding-block:.8rem;
  border-bottom:1px solid var(--line);
  font-family:var(--font-mono); font-size:.55rem; letter-spacing:.18em;
  text-transform:uppercase; color:var(--steel);
}
.lineup__meta-v{ color:var(--ink); }
.lineup__scroll{
  overflow-x:auto; overflow-y:hidden;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  padding-top:.4rem;
}
.lineup__svg{
  display:block; width:100%; min-width:820px; height:auto;
  color:var(--ink);
}
.lu-machine rect,.lu-machine circle,.lu-machine path{ fill:currentColor; }
.lu-detail{ fill:none !important; stroke:var(--white); }
.lu-hub{ fill:var(--white) !important; }
.lu-ground{ stroke:currentColor; }
.lu-dim{
  fill:var(--harvest);
  font-family:var(--font-mono); font-size:12px; letter-spacing:.05em;
}
.lu-dim--scale{ fill:var(--steel); font-size:11px; }
.lu-scale__cap{ fill:var(--steel); font-family:var(--font-mono); font-size:10px; letter-spacing:.16em; }

.lineup__cap{
  display:flex; flex-wrap:wrap; justify-content:space-between; gap:.4rem 1.2rem;
  padding-block:.85rem;
  border-top:1px solid var(--line);
  font-family:var(--font-mono); font-size:.55rem; letter-spacing:.1em;
  text-transform:uppercase; color:var(--steel);
}
.lineup__pan{ display:none; color:var(--field); }

/* ---------- site key ---------- */
.sitekey{ border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.sitekey__in{
  display:flex; flex-wrap:wrap; gap:.35rem 1.7rem;
  padding-block:.9rem;
}
.sitekey a{
  display:inline-flex; align-items:baseline; gap:.45rem;
  font-family:var(--font-mono); font-size:.57rem; letter-spacing:.15em;
  text-transform:uppercase; color:var(--steel);
  transition:color .2s;
}
.sitekey a:hover{ color:var(--ink); }
.sitekey b{ color:var(--field); font-weight:400; }

/* ==========================================================================
   01 THE LINE-UP — white
   ========================================================================== */
.brands{
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(1.2rem,2.6vw,2rem);
}
.brandcard{ min-width:0; }
.brandcard__media{
  display:block; aspect-ratio:3/4; overflow:hidden;
  background:var(--panel);
}
.brandcard__media img{
  width:100%; height:100%; object-fit:cover;
  transition:transform .8s var(--ease);
}
.brandcard:hover .brandcard__media img{ transform:scale(1.035); }
.brandcard__body{ padding-top:1rem; border-top:1px solid var(--line); margin-top:1rem; }
.brandcard__meta{
  display:flex; justify-content:space-between; gap:1rem;
  font-family:var(--font-mono); font-size:.55rem; letter-spacing:.18em;
  text-transform:uppercase; color:var(--steel);
}
.brandcard__name{
  font-family:var(--font-display); font-weight:400;
  font-size:clamp(1.45rem,2.4vw,1.85rem); line-height:1;
  margin-block:.6rem .5rem;
}
.brandcard__txt{ font-size:.9rem; line-height:1.6; color:var(--steel); margin-bottom:1rem; }

/* ==========================================================================
   02 SALES — ink
   ========================================================================== */
.station--ink{
  background:var(--ink); color:var(--text);
  --line:rgba(246,246,242,.16);
  --line-2:rgba(246,246,242,.3);
  --ink-mute:rgba(246,246,242,.62);
}
.station--ink .sect__h2{ color:#fff; }
.station--ink .sect__lead{ color:rgba(246,246,242,.66); }
.station--ink .station__key{ color:rgba(246,246,242,.55); }
.station--ink .station__key b{ color:var(--accent-lit); }
.station--ink .btn--ghost{ color:#fff; border-color:rgba(255,255,255,.3); }
.station--ink .btn--ghost:hover{ background:#fff; color:var(--ink); border-color:#fff; }
.station--ink .textlink{ color:#fff; border-color:rgba(255,255,255,.3); }
.station--ink .textlink:hover{ color:var(--accent-lit); border-color:var(--accent-lit); }

.sales{
  display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:clamp(1.8rem,5vw,4rem);
}
.sales__body{ min-width:0; }
.sales__body p{
  font-size:.96rem; line-height:1.72;
  color:rgba(246,246,242,.72); max-width:46ch;
}
.sales__body p + p{ margin-top:1rem; }
.sales__body .btn{ margin-top:1.9rem; }

.coverage{ min-width:0; }
.coverage__h{
  display:flex; flex-wrap:wrap; justify-content:space-between; gap:.4rem 1rem;
  font-family:var(--font-mono); font-size:.57rem; letter-spacing:.18em;
  text-transform:uppercase; color:rgba(246,246,242,.55);
  padding-bottom:.7rem; border-bottom:1px solid var(--line);
}
.coverage__h span{ color:var(--accent-lit); }
.coverage__list{
  display:grid; grid-template-columns:repeat(6,minmax(0,1fr));
  border-bottom:1px solid var(--line);
}
.coverage__list li{
  padding:.62rem .1rem;
  border-top:1px solid var(--line);
  font-family:var(--font-mono); font-size:.8rem; color:rgba(246,246,242,.86);
}
.coverage__list .coverage__far{ color:var(--harvest); }
.coverage__note{
  margin-top:1.2rem; font-size:.84rem; line-height:1.6;
  color:rgba(246,246,242,.55); max-width:38ch;
}

/* ==========================================================================
   03 PARTS — white, spec plate
   ========================================================================== */
.parts{
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.92fr);
  gap:clamp(1.8rem,5vw,4rem);
  align-items:start;
}
.plate{
  background:var(--panel); border:1px solid var(--line);
  padding:clamp(1.1rem,2.4vw,1.7rem) clamp(1.1rem,2.4vw,1.7rem) .4rem;
  margin:0;
}
.plate__row{
  display:grid; grid-template-columns:minmax(0,6.5rem) minmax(0,1fr);
  gap:1rem; align-items:baseline;
  padding-block:.85rem; border-bottom:1px solid var(--line);
}
.plate__row:last-child{ border-bottom:0; }
.plate dt{
  font-family:var(--font-mono); font-size:.57rem; letter-spacing:.16em;
  text-transform:uppercase; color:var(--steel);
}
.plate dd{
  margin:0; min-width:0; overflow-wrap:anywhere;
  font-size:.95rem; font-weight:600; line-height:1.45;
}
.plate dd a{ transition:color .2s; }
.plate dd a:hover{ color:var(--field); }

.parts__side{ min-width:0; }
.parts__big{
  font-family:var(--font-display); font-weight:400;
  font-size:clamp(1.4rem,2.6vw,1.9rem); line-height:1.08;
  margin-bottom:1rem; max-width:18ch;
}
.parts__side p{ font-size:.93rem; line-height:1.7; color:var(--steel); max-width:44ch; }
.parts__note{
  margin-top:1.3rem; padding-top:.9rem; border-top:1px solid var(--line);
  font-family:var(--font-mono); font-size:.62rem; letter-spacing:.02em;
}
.parts__note a{ color:var(--field); border-bottom:1px solid var(--line-2); overflow-wrap:anywhere; }

/* ==========================================================================
   04 WORKSHOP — ink
   ========================================================================== */
.workshop{
  display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  gap:clamp(1.6rem,4.5vw,3.6rem);
  align-items:center;
}
.workshop__media{ margin:0; min-width:0; }
.workshop__media img{
  width:100%; height:auto; aspect-ratio:4/3; object-fit:cover;
  display:block;
}
.workshop__media figcaption{
  display:flex; justify-content:space-between; gap:1rem;
  padding-top:.75rem; border-top:1px solid var(--line); margin-top:.75rem;
  font-family:var(--font-mono); font-size:.55rem; letter-spacing:.16em;
  text-transform:uppercase; color:rgba(246,246,242,.5);
}
.workshop__body{ min-width:0; }
.workshop__body .sect__h2{ margin-block:.85rem 1rem; }
.workshop__body .sect__lead{ margin-bottom:1.6rem; }
.spec{ margin:0 0 1.8rem; }
.spec > div{
  display:grid; grid-template-columns:minmax(0,8rem) minmax(0,1fr);
  gap:1rem; align-items:baseline;
  padding-block:.7rem; border-top:1px solid var(--line);
}
.spec > div:last-child{ border-bottom:1px solid var(--line); }
.spec dt{
  font-family:var(--font-mono); font-size:.57rem; letter-spacing:.15em;
  text-transform:uppercase; color:rgba(246,246,242,.5);
}
.spec dd{ margin:0; min-width:0; overflow-wrap:anywhere; font-size:.92rem; color:#fff; }
.spec dd a:hover{ color:var(--accent-lit); }

/* ==========================================================================
   05 USED — white
   ========================================================================== */
.used{
  display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:clamp(1.6rem,4.5vw,3.6rem);
  align-items:center;
}
.used__body{ min-width:0; }
.used__body .sect__h2{ margin-block:.85rem 1rem; }
.used__body .sect__lead{ margin-bottom:1.6rem; }
.used__media{ margin:0; min-width:0; }
.used__media img{
  width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; display:block;
}
.used__media figcaption{
  display:flex; justify-content:space-between; gap:1rem;
  padding-top:.75rem; border-top:1px solid var(--line); margin-top:.75rem;
  font-family:var(--font-mono); font-size:.55rem; letter-spacing:.16em;
  text-transform:uppercase; color:var(--steel);
}

/* ==========================================================================
   06 GALLERY — ink
   ========================================================================== */
.gallery{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(1rem,2.4vw,1.8rem);
}
.gallery__item{ min-width:0; margin:0; }
.gallery__item--wide{ grid-column:1 / -1; }
.gallery figure{ margin:0; }
.gallery img{
  width:100%; height:auto; object-fit:cover; display:block;
  aspect-ratio:3/2;
}
.gallery__item--wide img{ aspect-ratio:16/7; }
.gallery figcaption{
  display:flex; justify-content:space-between; gap:1rem;
  padding-top:.7rem; margin-top:.7rem; border-top:1px solid var(--line);
  font-family:var(--font-mono); font-size:.55rem; letter-spacing:.16em;
  text-transform:uppercase; color:rgba(246,246,242,.55);
}
.gallery__more{ margin-top:clamp(1.4rem,3vw,2.2rem); }

/* ==========================================================================
   07 THE YARD — field green (the only green band)
   ========================================================================== */
.station--field{
  background:var(--field); color:#fff;
  --line:rgba(255,255,255,.26);
  --line-2:rgba(255,255,255,.4);
}
.station--field .sect__h2{ color:#fff; }
.station--field .station__key{ color:rgba(255,255,255,.7); }
.station--field .station__key b{ color:#fff; }
.station--field .station__key::before{ background:var(--harvest); }

.yard{
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);
  gap:clamp(1.8rem,5vw,4rem);
  align-items:start;
}
.yard__head{ min-width:0; }
.yard__addr{
  margin-top:1.4rem; font-size:.98rem; line-height:1.7; color:rgba(255,255,255,.82);
}
.yard__facts{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 clamp(1rem,3vw,2.4rem);
}
.fact{ min-width:0; border-top:1px solid var(--line); padding-block:1.05rem; }
.fact__k{
  font-family:var(--font-mono); font-size:.55rem; letter-spacing:.18em;
  text-transform:uppercase; color:rgba(255,255,255,.6); margin-bottom:.45rem;
}
.fact__v{
  font-family:var(--font-mono); font-size:.92rem; line-height:1.5; color:#fff;
  overflow-wrap:anywhere;
}
.fact__v span{ color:rgba(255,255,255,.68); }

/* ==========================================================================
   CONTACT — white
   ========================================================================== */
.contacts{
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid var(--line);
}
.contact{
  min-width:0; padding:clamp(1.1rem,2vw,1.5rem) clamp(1rem,2vw,1.6rem) clamp(1.3rem,2.4vw,1.9rem) 0;
  border-bottom:1px solid var(--line);
}
.contact__k{
  font-family:var(--font-mono); font-size:.55rem; letter-spacing:.18em;
  text-transform:uppercase; color:var(--steel); margin-bottom:.55rem;
}
.contact__v{
  display:block; font-family:var(--font-mono); font-size:1rem; line-height:1.35;
  color:var(--ink); overflow-wrap:anywhere; transition:color .2s;
}
a.contact__v:hover{ color:var(--field); }
.contact__v--mail{ font-size:.84rem; }
.contact__v--addr{ font-family:var(--font-body); font-size:.94rem; line-height:1.55; }
.contact__n{
  margin-top:.55rem; font-size:.78rem; line-height:1.5; color:var(--steel);
  overflow-wrap:anywhere;
}
.contact__n a{ border-bottom:1px solid var(--line-2); }
.contact__n a:hover{ color:var(--field); }

/* ==========================================================================
   FOOTER — ink
   ========================================================================== */
.foot{
  background:var(--ink);
  --line:rgba(246,246,242,.15);
}
.foot__brand img{
  width:180px; height:auto; background:#fff;
  padding:.6rem .85rem; margin-bottom:1.2rem;
}
.foot__brand p{
  font-size:.84rem; line-height:1.65; color:rgba(246,246,242,.6);
  max-width:40ch;
}
.foot__est{
  margin-top:1.1rem; font-family:var(--font-mono); font-size:.55rem;
  letter-spacing:.18em; color:rgba(246,246,242,.42) !important;
}
.foot__h{
  font-family:var(--font-mono); font-size:.55rem; letter-spacing:.18em;
  color:rgba(246,246,242,.44);
}
.foot__nav a{ font-size:.8rem; color:rgba(246,246,242,.78); overflow-wrap:anywhere; }
.foot__nav a[href^="mailto:"]{ font-size:.77rem; }
.foot__nav a:hover{ color:var(--harvest); }
@media (min-width:1024px){
  .foot__nav{ grid-template-columns:minmax(0,.85fr) minmax(0,.85fr) minmax(0,1.35fr) minmax(0,1fr); }
}
.foot__nav address{ font-size:.82rem; line-height:1.6; color:rgba(246,246,242,.62); }
.foot__nav li{ color:rgba(246,246,242,.62); font-size:.82rem; }
.foot__bottom{
  font-size:.58rem; letter-spacing:.08em; color:rgba(246,246,242,.4);
}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
@media (max-width:900px){
  .hero__grid{ grid-template-columns:minmax(0,1fr); align-items:start; }
  .hero__aside{ padding-bottom:0; }
  .station__head--split{ grid-template-columns:minmax(0,1fr); align-items:start; }
  .station__head--split .sect__lead{ justify-self:start; max-width:46ch; }
  .brands{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .brandcard:last-child{ grid-column:1 / -1; }
  .brandcard:last-child .brandcard__media{ aspect-ratio:16/9; }
  .sales,.parts,.workshop,.used,.yard{ grid-template-columns:minmax(0,1fr); }
  .workshop__media{ order:2; }
  .used__media{ order:2; }
  .contacts{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:480px){
  .plate__row,.spec > div{ grid-template-columns:minmax(0,1fr); gap:.15rem; }
  .plate__row{ padding-block:.75rem; }
  .lineup__meta{ justify-content:flex-start; }
}
@media (max-width:640px){
  .brands{ grid-template-columns:minmax(0,1fr); }
  .brandcard:last-child .brandcard__media{ aspect-ratio:3/4; }
  .coverage__list{ grid-template-columns:repeat(4,minmax(0,1fr)); }
  .gallery{ grid-template-columns:minmax(0,1fr); }
  .gallery__item--wide img{ aspect-ratio:3/2; }
  .contacts{ grid-template-columns:minmax(0,1fr); }
  .yard__facts{ grid-template-columns:minmax(0,1fr); }
  .lineup__pan{ display:inline; }
  .lineup__svg{ min-width:760px; }
  .foot__nav{ grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
}