/* Shared marketing identity. Product applications and the digital card keep
   their own styles. Loaded after each page's existing component styles. */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('/fonts/manrope-latin.woff2') format('woff2');
}
:root {
  --ink: #10110f;
  --panel: #181a16;
  --panel-2: #22251e;
  --gold: #e6b65f;
  --gold-lt: #f0ce91;
  --text: #f4f4ed;
  --text-2: #d4d7cc;
  --text-3: #b7bcae;
  --muted: #b7bcae;
  --hair: #363c30;
  --hair-strong: #8e754b;
  --radius: 6px;
  --radius-lg: 10px;
  --header-h: 80px;
  --sc-canvas: var(--ink);
  --sc-surface: var(--panel);
  --sc-ink: var(--text);
  --sc-ink-soft: var(--text-2);
  --sc-accent: var(--gold);
  --sc-accent-ink: var(--ink);
  --sc-font-display: var(--display);
  --sc-font-text: var(--body);
}
body { background: var(--ink); color: var(--text); }
.site-header { background: #10110f; backdrop-filter: none; }
.logo .mark { width: 30px; height: 30px; }
.logo .wordmark { font-size: 25px; letter-spacing: -.055em; }
.nav { gap: clamp(14px, 1.8vw, 28px); }
.nav a:not(.btn) { font-size: 12px; }
.btn { border-radius: 5px; font-weight: 700; transition: background-color 160ms ease-out, color 160ms ease-out, transform 160ms ease-out; }
.btn:active, button:active { transform: translateY(1px); }
.btn-gold { background: var(--gold); color: #17180f; border-color: var(--gold); }
.btn-gold:hover { background: var(--gold-lt); color: #17180f; }
.page-hero { padding-top: clamp(44px, 7vw, 96px); padding-bottom: clamp(40px, 6vw, 80px); }
.page-hero h1 { font-weight: 650; letter-spacing: -.055em; }
.dealer-intro h1 { font-size: clamp(40px, 5.5vw, 76px); margin-block: 20px 24px; }
.dealer-intro .lede { max-width: 62ch; margin-bottom: 28px; }
.dealer-intro .home-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.page-dealerships .cards { display: block; }
.page-dealerships .cards .card { display: grid; grid-template-columns: minmax(180px, .7fr) 1.3fr; gap: 16px 32px; padding: 24px 0; border: 0; border-top: 1px solid var(--hair); border-radius: 0; background: transparent; color: var(--text); }
.page-dealerships .cards .card h3 { font-size: 22px; margin: 0; }
.page-dealerships .cards .card p:not(.eyebrow) { font-size: 16px; color: inherit; }
.page-dealerships .cards .card .eyebrow { grid-column: 1 / -1; margin: 0; font-size: 11px; }
.page-dealerships .sec-gold .cards .card { border-top-color: var(--hair); }
.page-dealerships .sec-gold .cards .card h3 { color: inherit; }
@media (max-width: 700px) { .page-dealerships .cards .card { grid-template-columns: 1fr; gap: 12px; } }
.sec, .sec-light, .sec-panel { padding-block: clamp(52px, 7.5vw, 104px); }
.card { border-radius: 8px; box-shadow: none; }
.shot { border-radius: 8px; box-shadow: 0 18px 45px #080a0766; }
.eyebrow { letter-spacing: .1em; }
.site-footer { background: #0d0f0b; }
.foot-about p { max-width: 48ch; }
.link-arrow { display: inline-block; width: 14px; height: 14px; margin-left: 5px; vertical-align: middle; flex-shrink: 0; }
::selection { background: var(--gold); color: #17180f; }
:focus-visible { outline: 3px solid var(--gold); outline-offset: 4px; }
@media (max-width: 1100px) { .nav { gap: 15px; } .site-header .wrap { gap: 20px; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; } }