/* Ellis review, September 2026. Shared by React routes and the native sales page.
   Keep photographic/neon brand artwork intact; interface accents are monochrome. */
/* Contact follows the ordinary navigation treatment, including keyboard focus. */
/* Shared header wordmark metrics for React and native Sell Your Car routes. */
@font-face{font-family:"Elite Header Brand";src:url('/fonts/lemon-milk-light.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
body .site-header .brand{gap:.9rem}
body .site-header .brand>img{width:1.8rem;height:2.2rem;object-fit:contain}
body .site-header .brand>span,
body .site-header .brand-autoworks .header-autoworks-lettering{display:flex;flex-direction:row;align-items:center;gap:.7rem;white-space:nowrap}
body .site-header .brand>span>strong,
body .site-header .brand-autoworks .header-autoworks-lettering strong{font-family:"Elite Header Brand",sans-serif;font-size:.72rem;font-weight:400;letter-spacing:.27em;line-height:1;font-synthesis:none}
body .site-header .brand-autoworks .header-autoworks-lettering{display:grid;grid-template-columns:max-content max-content;align-items:center;gap:6px .7rem;width:auto;white-space:nowrap}
body .site-header .brand-autoworks .header-autoworks-lettering strong{font-size:.72rem;letter-spacing:.27em}
body .site-header .brand-autoworks .header-autoworks-division{font-family:"Elite Vogue",Georgia,serif;font-weight:400}
body .site-header .brand-autoworks .header-autoworks-lettering img{display:block;width:auto;height:10px;max-width:none;object-fit:contain;filter:brightness(0) invert(1)}
body .site-header .brand-autoworks .header-autoworks-lettering img.header-autoworks-division{height:18px;width:auto;grid-column:1 / -1;justify-self:start}
@media(max-width:600px){body .site-header .brand{gap:8px}body .site-header .brand>span,body .site-header .brand-autoworks .header-autoworks-lettering{gap:6px}}
body .site-header nav .nav-contact,
body .site-header nav .nav-contact:hover,
body .site-header nav .nav-contact:focus-visible {
  background:transparent !important;border:0 !important;box-shadow:none;
  padding:.65rem 0;font-weight:400;font-family:"Elite Futura",Elite,"Century Gothic",sans-serif;color:#fff;
  font-size:clamp(.72rem,.76vw,.8rem);letter-spacing:.08em;text-transform:uppercase;font-synthesis:none;
}
body .site-header nav .nav-contact::after {
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
  background:#fff;transform:scaleX(0);transition:transform 260ms ease;
}
body .site-header nav .nav-contact:hover::after,
body .site-header nav .nav-contact:focus-visible::after {transform:scaleX(1)}
body .nav-links a[href="#contact"]::after {background:#fff}
@font-face {
  font-family: 'Elite Vogue';
  src: url('/fonts/vogue-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
body:not(:has(.staff)), body .home-refresh, body .site-footer.home-footer,
body .service-page, body .inventory-site {
  --burgundy: #f3f3f1;
  --burgundy-deep: #bfc0c2;
  --home-accent: #f3f3f1;
  --service-pink: #f3f3f1;
  --stock-accent: #f3f3f1;
  --red: #222;
}
body .button, body .nav-links .nav-primary-action,
body .inventory-view,
body .vehicle-enquiries .button-primary, body .primary {
  background: rgba(9,10,11,.82);
  color: #fff;
  border: 1px solid #888;
  box-shadow: none;
  font-weight: 700;
  font-synthesis: weight;
}
body .button:hover, body .button:focus-visible, body .home-refresh .button-primary:hover,
body .nav-links .nav-primary-action:hover, body .nav-links .nav-primary-action:focus-visible,
body .inventory-view:hover,
body .vehicle-enquiries .button-primary:hover, body button.primary:hover {
  background: #292b2d;
  border-color: #fff;
  color: #fff;
  box-shadow: none;
}
body .button svg, body .inventory-view svg, body .hero-proof svg,
body .sp-index svg, body .sp-next > a svg,
body .home-refresh .review-summary .review-card-stars, body .footer-contact svg, body .footer-hours svg {
  color: #f3f3f1;
}
body .nav-links a::after, body .site-header nav a[aria-current]::after,
body .hero-proof li + li::before, body .eyebrow::before { background:#f3f3f1; }
body .inventory-site .nav-links [aria-current=page] { box-shadow:0 3px #f3f3f1; }
body .service-page .nav-links [aria-current=page]::after { transform:scaleX(1); }
/* Clean white underline only, without neon spill around link edges. */
body .site-header .nav-links a::after,
body .site-header nav a[aria-current]::after {
  background:#fff;
  box-shadow:none;
}
body .inventory-site .nav-links [aria-current=page] {
  box-shadow:none;
}
body .site-header .nav-links a[aria-current=page]::after { transform:scaleX(1); }
body .site-header nav a { box-shadow:none; }
body .inventory-heading h1 { border-left:0; padding-left:0; }
body .inventory-results-bar [data-slot=tabs-trigger][data-active] { border-color:#222; }
body .inventory-pagination button[aria-current=page] { background:#171819; border-color:#171819; color:#fff; }
body .vehicle-thumbnails button[aria-pressed=true] { border-color:#fff; }
body .sp-intro h1::before { background:#f3f3f1; box-shadow:none; }
body .sp-index a { border-bottom-color:#888; }
body .mobile-action-primary { background:#111; border:1px solid #888; color:#fff; }
body .home-refresh .stock-viewport, body .home-refresh .work-scroll-viewport {
  scrollbar-color:#eee #323334;
}
body .rail-controls button:hover:not(:disabled), body .review-navigation button:hover {
  background:#292b2d; color:#fff; border-color:#fff;
}
body:not(:has(.staff)) :focus-visible { outline-color:currentColor; }
body .inventory-listing-light .inventory-main :is(a,button,select):focus-visible { outline-color:#222; }
body .inventory-site :is(a,button,select):focus-visible { outline-color:currentColor; }
body .site-header a:focus-visible, body .site-header button:focus-visible { outline-color:#fff; }
body .inventory-listing-light .inventory-card {
  background:#f2f1f0; color:#141617; color-scheme:light; border-color:#dedddb;
  --line:#cecdcb;
}
body .inventory-card .inventory-summary, body .inventory-card-price small { color:#4a4c4e; }
body .inventory-card .inventory-view { color:#fff; }
.vehicle-description { font:18px/1.65 var(--font-utility); color:#d2d3d4; margin-bottom:24px; }
.vehicle-description p { margin:0 0 1.15em; }
body .home-story .story-copy p:not(.heritage-signature) {
  font-size:clamp(.96rem,1.2vw,1.2rem); line-height:1.7; margin-top:1.6rem;
}
body .home-story .story-copy .heritage-signature { text-align:center; width:100%; }
body .site-footer#contact { scroll-margin-top:90px; }
/* Flat brand pink across all editable In The Detail signatures. */
body .home-refresh .heritage-signature,
body .service-page .heritage-signature {
  color:#ff40d8;
  text-shadow:none;
  filter:none;
}
/* Shared portrait feather; keep the photographs sharp and Tom's caption unmasked. */
body .home-story .story-portrait img,
body .awld-expertise-media img,
body .awld-expertise-media::after,
body .service-page .sp-photo-window {
  display:block;
  mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent),
    linear-gradient(to bottom,transparent,#000 3%,#000 95%,transparent);
  mask-composite:intersect;
  -webkit-mask-composite:source-in;
}
body .final-actions { gap:clamp(1.75rem,4vw,4rem); flex-wrap:wrap; }
/* Neutral canvas and the same four-edge feather as the Our Story portrait. */
body .service-page main { background:#0e0f10; }
body .service-page .sp-glow { display:none; }
body .service-page .sp-photo-window {
  background:#0e0f10;
}
body .service-page .sp-photo-window::after {
  content:none;
}
/* Vehicle Services: retain only a fine edge feather, not a broad vignette. */
body .service-page[data-service-kind="care"] .sp-photo-window {
  mask-image:linear-gradient(to right,transparent,#000 1%,#000 99%,transparent),
    linear-gradient(to bottom,transparent,#000 1%,#000 99%,transparent);
}
body .service-page .sp-photo img { filter:brightness(.7) saturate(.65) contrast(.9); }
/* Preserve the original colour and detail on Vehicle Services. */
body .service-page[data-service-kind="care"] .sp-photo img { filter:none; }
body .site-footer .footer-brands > a {
  display:flex; align-items:center; gap:1rem; max-width:none;
}
body .site-footer .footer-brands > a img {
  width:68px; height:86px; flex:0 0 68px; object-fit:contain;
}
body .site-footer .footer-brands > a span { display:grid; gap:5px; line-height:1.05; }
body .site-footer.home-footer .footer-brands > a strong,
body .site-footer.home-footer .footer-brands > a small {
  font-size:21px; font-size-adjust:cap-height .72; line-height:1.05; letter-spacing:.07em; font-weight:400;
}
body .site-footer .footer-autoworks span { font-family:'Elite Vogue',serif; }
body .site-footer .footer-autoworks strong { font-family:var(--font-brand); }
body .form-progress [aria-current] { color:#222; border-color:#222; }
body .number { color:#eee; }
@media(max-width:760px) {
  body .final-actions { gap:1.5rem; }
  body .home-story .story-copy p:not(.heritage-signature) { font-size:1rem; }
}
/* Official PDF glyph outlines, arranged beside the shield rather than below it. */
body .site-footer .footer-brands > a .footer-lettering { gap:0; }
body .site-footer .footer-brands > a .footer-lettering img {
  width:auto; height:28px; max-width:180px; flex:none;
  object-fit:contain; object-position:left center; filter:none;
}
body .site-footer .footer-brands > a .footer-lettering .footer-lettering-autoworks { height:25px; }