:root {
  --home-bg: #070808;
  --home-bg-soft: #0d0f0f;
  --home-panel: #111313;
  --home-panel-2: #161817;
  --home-paper: #f3efe6;
  --home-muted: rgba(243, 239, 230, .62);
  --home-faint: rgba(243, 239, 230, .36);
  --home-line: rgba(243, 239, 230, .16);
  --home-line-strong: rgba(243, 239, 230, .3);
  --home-champagne: #cdbc92;
  --home-champagne-soft: rgba(205, 188, 146, .2);
  --home-red: #a82721;
  --home-mineral: #39473f;
  --display: "Iowan Old Style", "Baskerville", "Times New Roman", serif;
  --sans: "Helvetica Neue", Helvetica, Arial, system-ui, -apple-system, sans-serif;
  --page-gutter: clamp(22px, 4.4vw, 78px);
  --header-h: 78px;
  --ease-lux: cubic-bezier(.22, .78, .24, 1);
}

html { overflow-x: clip; scroll-behavior: smooth; background: var(--home-bg); }
body { overflow-x: clip; background: var(--home-bg); color: var(--home-paper); font-family: var(--sans); }
body::selection { background: var(--home-champagne); color: #080909; }
body.dialog-open { overflow: hidden; }

.sg-destination.sg-home {
  position: relative;
  inset: auto;
  width: 100%;
  height: auto;
  min-height: 100dvh;
  overflow: visible;
  background: var(--home-bg);
  isolation: isolate;
  opacity: 1;
  outline: none;
}

.sg-destination.sg-home[aria-hidden="true"] { visibility: visible; }

img, video { max-width: 100%; }
a { color: inherit; }
button, input, select, textarea { font: inherit; }
button { border: 0; }

.eyebrow {
  margin: 0 0 18px;
  color: var(--home-champagne);
  font-size: .66rem;
  font-weight: 600;
  letter-spacing: .28em;
  line-height: 1.5;
  text-transform: uppercase;
}

.button,
.text-action {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 0 22px;
  border: 1px solid transparent;
  border-radius: 0;
  background: transparent;
  color: var(--home-paper);
  cursor: pointer;
  font-size: .66rem;
  font-weight: 600;
  letter-spacing: .18em;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: color 220ms ease, background 220ms ease, border-color 220ms ease, transform 220ms var(--ease-lux);
}
.button:hover, .button:focus-visible, .text-action:hover, .text-action:focus-visible { transform: translateY(-2px); }
.button:focus-visible, .text-action:focus-visible, button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible { outline: 2px solid var(--home-champagne); outline-offset: 4px; }
.button--solid { background: var(--home-paper); color: #090a0a; }
.button--solid:hover, .button--solid:focus-visible { background: var(--home-champagne); }
.button--line { border-color: var(--home-line-strong); background: rgba(7, 8, 8, .15); backdrop-filter: blur(12px); }
.button--line:hover, .button--line:focus-visible { border-color: var(--home-paper); }
.button--ghost { border-color: rgba(205, 188, 146, .48); color: var(--home-champagne); }
.text-action { min-height: 38px; padding: 0; border-bottom: 1px solid var(--home-line-strong); }

.reveal { opacity: 0; transform: translate3d(0, 36px, 0); transition: opacity 900ms ease, transform 1100ms var(--ease-lux); }
.reveal.is-visible { opacity: 1; transform: none; }
.vehicle-section.is-visible .vehicle-media.reveal,
.vehicle-section.is-visible .vehicle-copy.reveal { opacity: 1; transform: none; }
.drive-message { grid-column: 1 / -1; margin: 0 0 10px; color: rgba(16,17,17,.64); font-size: .64rem; font-weight: 650; letter-spacing: .13em; line-height: 1.6; text-transform: uppercase; }

.home-header {
  position: fixed;
  z-index: 120;
  top: 0;
  left: 0;
  display: grid;
  grid-template-columns: minmax(190px, 1fr) auto minmax(190px, 1fr);
  align-items: center;
  width: 100vw;
  min-height: var(--header-h);
  padding: max(13px, env(safe-area-inset-top)) var(--page-gutter) 13px;
  border-bottom: 1px solid transparent;
  transition: background 300ms ease, border-color 300ms ease, min-height 300ms ease, backdrop-filter 300ms ease;
}
.home-header.is-scrolled { min-height: 64px; border-color: var(--home-line); background: rgba(7, 8, 8, .78); backdrop-filter: blur(20px) saturate(130%); }
.home-brand { display: inline-grid; justify-self: start; gap: 2px; color: var(--home-paper); text-decoration: none; text-transform: uppercase; }
.home-brand span { font-size: .78rem; font-weight: 650; letter-spacing: .23em; }
.home-brand em { color: var(--home-muted); font-size: .52rem; font-style: normal; font-weight: 500; letter-spacing: .4em; }
.home-nav { display: flex; align-items: center; justify-content: center; gap: clamp(18px, 2vw, 34px); }
.home-nav a, .home-language a, .home-whatsapp { color: var(--home-muted); font-size: .59rem; font-weight: 560; letter-spacing: .16em; text-decoration: none; text-transform: uppercase; transition: color 200ms ease; }
.home-nav a:hover, .home-nav a:focus-visible, .home-language a:hover, .home-language a:focus-visible, .home-language a[aria-current], .home-whatsapp:hover, .home-whatsapp:focus-visible { color: var(--home-paper); }
.home-actions { display: flex; align-items: center; justify-self: end; gap: 22px; }
.home-language { display: flex; gap: 8px; align-items: center; color: var(--home-faint); }
.home-whatsapp { padding-bottom: 4px; border-bottom: 1px solid var(--home-line-strong); }
.menu-toggle { display: none; align-items: center; gap: 5px; padding: 8px 0; background: transparent; color: var(--home-paper); cursor: pointer; }
.menu-toggle span { margin-right: 5px; font-size: .58rem; letter-spacing: .18em; }
.menu-toggle i { display: block; width: 16px; height: 1px; background: currentColor; transition: transform 220ms ease; }
.menu-toggle[aria-expanded="true"] i:first-of-type { transform: translate(5px, 3px) rotate(45deg); }
.menu-toggle[aria-expanded="true"] i:last-of-type { transform: translate(-5px, 3px) rotate(-45deg); }

.mobile-menu { position: fixed; z-index: 115; inset: 0 auto auto 0; width: 100vw; height: 100dvh; overflow: hidden; visibility: hidden; background: rgba(5,6,6,.74); opacity: 0; transition: opacity 250ms ease, visibility 250ms; backdrop-filter: blur(12px); }
.mobile-menu.is-open { visibility: visible; opacity: 1; }
.mobile-menu__panel { position: absolute; top: 0; right: 0; display: flex; flex-direction: column; justify-content: center; gap: 26px; width: min(88vw, 420px); height: 100%; padding: 110px 42px 50px; background: #0c0e0e; transform: translateX(100%); transition: transform 420ms var(--ease-lux); }
.mobile-menu.is-open .mobile-menu__panel { transform: none; }
.mobile-menu__panel a { padding: 8px 0; border-bottom: 1px solid var(--home-line); color: var(--home-paper); font-family: var(--display); font-size: clamp(1.5rem, 8vw, 2.5rem); text-decoration: none; }

.home-hero {
  position: relative;
  min-height: 100svh;
  display: grid;
  align-items: end;
  overflow: hidden;
  background: #0a0b0b;
}
.home-hero__media, .home-hero__media picture, .home-hero__media img { position: absolute; inset: 0; width: 100%; height: 100%; }
.home-hero__media img { object-fit: cover; object-position: 52% 48%; filter: brightness(.66) saturate(.85) contrast(1.08); transform: scale(1.03); transition: transform 9s cubic-bezier(.2,.7,.2,1); }
.sg-home.is-active .home-hero__media img { transform: scale(1); }
.home-hero__veil { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(5,6,6,.26), rgba(5,6,6,.05) 32%, rgba(5,6,6,.22) 55%, rgba(5,6,6,.92) 100%), radial-gradient(110% 88% at 60% 40%, transparent 38%, rgba(0,0,0,.44) 100%); }
.home-hero__content { position: relative; z-index: 2; width: min(1050px, calc(100% - 2 * var(--page-gutter))); margin: 0 var(--page-gutter); padding: 150px 0 clamp(56px, 8vh, 108px); }
.home-hero h1 { max-width: 17ch; margin: 0; font-family: var(--display); font-size: clamp(3.5rem, 8.1vw, 9.8rem); font-weight: 400; letter-spacing: -.046em; line-height: .86; text-wrap: balance; }
.home-hero__sub { max-width: 610px; margin: 34px 0 0; color: rgba(243,239,230,.78); font-size: clamp(.98rem, 1.3vw, 1.22rem); font-weight: 350; line-height: 1.65; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.home-hero__count { margin: 34px 0 0; color: var(--home-faint); font-size: .62rem; letter-spacing: .22em; }
.hero-index { position: absolute; z-index: 2; right: var(--page-gutter); bottom: clamp(62px, 8vh, 110px); display: grid; grid-template-columns: auto 72px auto; align-items: center; gap: 14px; color: var(--home-muted); font-size: .61rem; letter-spacing: .2em; }
.hero-index i { height: 1px; background: var(--home-line-strong); }

.collection-sequence { position: relative; }
.vehicle-section { position: relative; min-height: 92svh; overflow: hidden; background: var(--home-bg); }
.vehicle-section.atmosphere-performance { background: linear-gradient(135deg, #070808 0%, #111414 100%); }
.vehicle-section.atmosphere-luxury { background: linear-gradient(135deg, #0b0b0b 0%, #17130f 100%); }
.vehicle-section.atmosphere-adventure { background: linear-gradient(135deg, #0a0c0b 0%, #182019 100%); }
.vehicle-shell { min-height: 96svh; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(560px, .95fr); align-items: stretch; }
.vehicle-section[data-layout="media-right"] .vehicle-shell { grid-template-columns: minmax(560px, .95fr) minmax(0, 1.05fr); }
.vehicle-section[data-layout="media-right"] .vehicle-media { order: 2; }
.vehicle-section[data-layout="media-right"] .vehicle-copy { order: 1; }
.vehicle-media { position: relative; min-height: 72svh; overflow: hidden; background: #111; }
.vehicle-media picture, .vehicle-media img { width: 100%; height: 100%; }
.vehicle-media picture { position: absolute; inset: 0; }
.vehicle-media img { display: block; object-fit: cover; object-position: center; filter: brightness(.84) saturate(.9) contrast(1.04); transform: scale(1.045); transition: transform 1.7s var(--ease-lux), filter 900ms ease; }
.vehicle-section.is-visible .vehicle-media img { transform: scale(1); }
.vehicle-media:hover img { transform: scale(1.025); filter: brightness(.9) saturate(.95) contrast(1.03); }
.vehicle-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 52%, rgba(4,5,5,.56)); pointer-events: none; }
.vehicle-copy { display: grid; grid-template-columns: minmax(0, 1fr) 160px; grid-template-areas: "number number" "brand brand" "title title" "headline headline" "summary experience" "facts facts" "metrics metrics" "actions actions"; align-content: center; column-gap: 24px; padding: clamp(56px, 5.5vw, 82px) clamp(32px, 4vw, 64px); }
.vehicle-number { grid-area: number; display: flex; align-items: center; gap: 13px; margin-bottom: 24px; color: var(--home-faint); font-size: .61rem; letter-spacing: .2em; }
.vehicle-number i { width: 62px; height: 1px; background: var(--home-line); }
.vehicle-brand { grid-area: brand; margin: 0 0 8px; color: var(--home-champagne); font-size: .66rem; font-weight: 620; letter-spacing: .25em; text-transform: uppercase; }
.vehicle-title { grid-area: title; margin: 0; font-family: var(--display); font-size: clamp(3rem, 4.6vw, 6rem); font-weight: 400; letter-spacing: -.042em; line-height: .9; }
.vehicle-version { display: block; margin-top: 12px; color: var(--home-muted); font-family: var(--sans); font-size: clamp(.76rem, 1vw, .95rem); font-weight: 480; letter-spacing: .19em; text-transform: uppercase; }
.vehicle-headline { grid-area: headline; max-width: 25ch; margin: 22px 0 0; font-family: var(--display); font-size: clamp(1.35rem, 1.8vw, 2rem); font-weight: 400; line-height: 1.08; }
.vehicle-summary { grid-area: summary; max-width: 610px; margin: 19px 0 0; color: var(--home-muted); font-size: clamp(.89rem, .96vw, 1rem); line-height: 1.62; }
.vehicle-facts { grid-area: facts; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin: 24px 0 0; border-top: 1px solid var(--home-line); border-left: 1px solid var(--home-line); }
.vehicle-fact { min-height: 66px; padding: 12px 13px; border-right: 1px solid var(--home-line); border-bottom: 1px solid var(--home-line); }
.vehicle-fact span { display: block; color: var(--home-faint); font-size: .54rem; letter-spacing: .16em; text-transform: uppercase; }
.vehicle-fact strong { display: block; margin-top: 6px; color: var(--home-paper); font-size: .82rem; font-weight: 450; line-height: 1.25; }
.vehicle-metrics { grid-area: metrics; display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 0; margin-top: 24px; border-top: 1px solid var(--home-line); border-bottom: 1px solid var(--home-line); }
.vehicle-metric { padding: 14px 10px 13px 0; }
.vehicle-metric strong { display: block; font-family: var(--display); font-size: clamp(1.55rem, 2vw, 2.35rem); font-weight: 400; line-height: 1; }
.vehicle-metric span { display: block; margin-top: 7px; color: var(--home-faint); font-size: .52rem; letter-spacing: .12em; text-transform: uppercase; }
.vehicle-actions { grid-area: actions; display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; margin-top: 24px; }
.vehicle-experience-row { grid-area: experience; display: block; align-self: center; justify-self: center; margin: 18px 0 0; }
.vehicle-experience-note { display: none; }
.shortlist-button { display: inline-flex; align-items: center; gap: 9px; padding: 8px 0; background: transparent; color: var(--home-muted); cursor: pointer; font-size: .6rem; letter-spacing: .16em; text-transform: uppercase; }
.shortlist-button::before { content: "◇"; color: var(--home-champagne); font-size: 1rem; }
.shortlist-button[aria-pressed="true"]::before { content: "◆"; }

.vehicle-section[data-layout="full-bleed"] { min-height: 104svh; }
.vehicle-section[data-layout="full-bleed"] .vehicle-shell { position: relative; min-height: 104svh; display: block; }
.vehicle-section[data-layout="full-bleed"] .vehicle-media { position: absolute; inset: 0; min-height: 0; }
.vehicle-section[data-layout="full-bleed"] .vehicle-media::after { background: linear-gradient(90deg, rgba(4,5,5,.86) 0%, rgba(4,5,5,.28) 52%, rgba(4,5,5,.22) 100%), linear-gradient(180deg, transparent 45%, rgba(4,5,5,.8)); }
.vehicle-section[data-layout="full-bleed"] .vehicle-copy { position: relative; z-index: 2; width: min(740px, 54vw); min-height: 104svh; padding-left: var(--page-gutter); }
.vehicle-section[data-layout="full-bleed"] .vehicle-title { font-size: clamp(4rem, 8vw, 9rem); }

.vehicle-section[data-layout="editorial"] .vehicle-shell { grid-template-columns: minmax(560px,.95fr) minmax(0,1.05fr); }
.vehicle-section[data-layout="editorial"] .vehicle-media { margin: clamp(80px, 9vw, 140px) var(--page-gutter) clamp(80px, 9vw, 140px) 0; min-height: 65svh; }
.vehicle-section[data-layout="editorial"] .vehicle-copy { padding-left: var(--page-gutter); }

.vehicle-section[data-layout="dark-reveal"] { min-height: 100svh; background: #050606; }
.vehicle-section[data-layout="dark-reveal"] .vehicle-shell { grid-template-columns: minmax(0,1.05fr) minmax(560px,.95fr); }
.vehicle-section[data-layout="dark-reveal"] .vehicle-media img { filter: brightness(.56) saturate(.78) contrast(1.15); }
.vehicle-section[data-layout="dark-reveal"].is-visible .vehicle-media img { filter: brightness(.78) saturate(.84) contrast(1.08); }

.engine-experience { position: relative; width: 138px; text-align: center; user-select: none; }
.engine-label { display: block; margin-bottom: 9px; color: var(--home-muted); font-size: .55rem; font-weight: 620; letter-spacing: .28em; text-transform: uppercase; }
.engine-control { position: relative; width: 118px; height: 118px; margin: auto; border: 1px solid rgba(225,225,220,.34); border-radius: 50%; background: radial-gradient(circle at 34% 28%, #343637 0 2%, #181a1a 18%, #0b0c0c 72%); box-shadow: inset 0 0 0 6px #111313, inset 0 0 0 7px rgba(255,255,255,.17), 0 16px 42px rgba(0,0,0,.38); color: #e9e6df; cursor: pointer; transition: transform 160ms ease, box-shadow 300ms ease; }
.engine-control:active, .engine-experience.is-starting .engine-control { transform: translateY(3px) scale(.99); }
.engine-control::before { content: ""; position: absolute; inset: 13px; border: 1px solid rgba(255,255,255,.08); border-radius: 50%; background: radial-gradient(circle at 50% 30%, rgba(255,255,255,.055), transparent 48%); }
.engine-action { position: relative; z-index: 2; display: block; width: 76px; margin: auto; color: #d8645d; font-size: .59rem; font-weight: 720; letter-spacing: .13em; line-height: 1.2; text-transform: uppercase; }
.engine-ring { position: absolute; inset: -15px; border-radius: 50%; pointer-events: none; }
.engine-segment { position: absolute; top: 50%; left: 50%; width: 1px; height: 6px; margin: -3px 0 0 -.5px; background: rgba(230,235,236,.2); transform: rotate(calc(var(--i) * 5deg)) translateY(-70px); transform-origin: 50% 50%; transition: background 90ms ease, box-shadow 90ms ease, opacity 200ms ease; }
.engine-segment.is-lit { background: rgba(222,240,246,.96); box-shadow: 0 0 7px rgba(188,228,242,.8); }
.engine-status { display: block; min-height: 25px; margin-top: 12px; color: var(--home-faint); font-size: .53rem; font-weight: 540; letter-spacing: .14em; line-height: 1.45; text-transform: uppercase; }
.engine-experience.is-playing .engine-control { box-shadow: inset 0 0 0 6px #111313, inset 0 0 0 7px rgba(255,255,255,.17), 0 0 35px rgba(190,225,236,.18), 0 16px 42px rgba(0,0,0,.38); animation: engineBreath 3.6s ease-in-out infinite; }
.engine-experience.is-playing .engine-action { color: #d45750; }
.engine-experience.is-ignited .engine-ring { animation: ignitionPulse 180ms ease-out; }
.engine-burst { position: absolute; inset: -22px; pointer-events: none; }
.engine-burst i { position: absolute; top: 50%; left: 50%; width: 2px; height: 2px; border-radius: 50%; background: #dfeef2; opacity: 0; transform: rotate(calc(var(--i) * 45deg)) translateY(-76px); }
.engine-experience.is-ignited .engine-burst i { animation: microSpark 190ms ease-out; animation-delay: calc(var(--i) * 7ms); }
@keyframes engineBreath { 0%,100%{transform:scale(1)} 50%{transform:scale(1.012)} }
@keyframes ignitionPulse { 0%{transform:scale(1)} 55%{transform:scale(1.045)} 100%{transform:scale(1)} }
@keyframes microSpark { 0%{opacity:0; transform:rotate(calc(var(--i) * 45deg)) translateY(-70px)} 35%{opacity:.8} 100%{opacity:0; transform:rotate(calc(var(--i) * 45deg)) translateY(-83px)} }

.find-drive { padding: clamp(100px, 13vw, 190px) var(--page-gutter); background: #ede8dd; color: #101111; }
.find-drive .eyebrow { color: #6e6044; }
.find-drive__intro { display: grid; grid-template-columns: .45fr 1.2fr .7fr; gap: clamp(28px, 5vw, 90px); align-items: start; }
.find-drive h2 { margin: 0; max-width: 19ch; font-family: var(--display); font-size: clamp(3.1rem, 6.3vw, 8.1rem); font-weight: 400; letter-spacing: -.052em; line-height: .88; }
.find-drive__intro > p:last-child { margin: 4px 0 0; color: rgba(16,17,17,.64); font-size: 1rem; line-height: 1.75; }
.drive-options { display: grid; grid-template-columns: repeat(6, minmax(0,1fr)); margin-top: 78px; border-top: 1px solid rgba(16,17,17,.25); border-left: 1px solid rgba(16,17,17,.25); }
.drive-options button { min-height: 90px; padding: 15px; border-right: 1px solid rgba(16,17,17,.25); border-bottom: 1px solid rgba(16,17,17,.25); background: transparent; color: rgba(16,17,17,.62); cursor: pointer; font-size: .62rem; font-weight: 650; letter-spacing: .17em; transition: background 220ms ease, color 220ms ease; }
.drive-options button:hover, .drive-options button:focus-visible, .drive-options button.is-active { background: #101111; color: #f4f0e8; }
.drive-results { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 14px; min-height: 110px; margin: 38px 0; }
.drive-result { display: grid; grid-template-columns: 112px 1fr; align-items: center; min-height: 112px; border: 1px solid rgba(16,17,17,.2); background: rgba(255,255,255,.25); }
.drive-result picture, .drive-result img { width: 112px; height: 110px; }
.drive-result img { object-fit: cover; }
.drive-result div { padding: 16px; }
.drive-result small { display: block; color: rgba(16,17,17,.5); font-size: .52rem; letter-spacing: .15em; }
.drive-result strong { display: block; margin-top: 7px; font-family: var(--display); font-size: 1.35rem; font-weight: 400; }
.drive-empty { grid-column: 1/-1; padding: 24px 0; font-family: var(--display); font-size: clamp(1.5rem, 2.8vw, 3rem); }
.find-drive .button--solid { background: #101111; color: #f4f0e8; }

.car-moment { position: relative; min-height: 105svh; display: grid; align-items: end; overflow: hidden; background: #060707; }
.car-moment__media, .car-moment__media picture, .car-moment__media img, .car-moment__media video { position: absolute; inset: 0; width: 100%; height: 100%; }
.car-moment__media img, .car-moment__media video { object-fit: cover; object-position: center; filter: brightness(.63) saturate(.85) contrast(1.08); }
.car-moment__media video { opacity: 0; transition: opacity 500ms ease; }
.car-moment.is-video-playing .car-moment__media video { opacity: 1; }
.car-moment__shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(4,5,5,.91) 0%, rgba(4,5,5,.5) 43%, transparent 76%), linear-gradient(180deg, transparent 45%, rgba(4,5,5,.8)); }
.car-moment__content { position: relative; z-index: 2; width: min(840px, 62vw); padding: clamp(130px, 14vw, 220px) var(--page-gutter) clamp(72px, 9vw, 130px); }
.car-moment h2 { max-width: 9ch; margin: 0; font-family: var(--display); font-size: clamp(4.4rem, 9.2vw, 11rem); font-weight: 400; letter-spacing: -.06em; line-height: .78; }
.car-moment__copy { max-width: 620px; margin-top: 34px; color: rgba(243,239,230,.75); font-size: 1.05rem; line-height: 1.75; }
.car-moment__metrics { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); margin-top: 42px; border-top: 1px solid var(--home-line-strong); border-bottom: 1px solid var(--home-line-strong); }
.car-moment__metric { padding: 20px 15px 18px 0; }
.car-moment__metric strong { display: block; font-family: var(--display); font-size: clamp(2rem,3.1vw,3.8rem); font-weight: 400; line-height: .9; }
.car-moment__metric span { display: block; margin-top: 8px; color: var(--home-faint); font-size: .52rem; letter-spacing: .14em; text-transform: uppercase; }
.car-moment__actions { display: flex; flex-wrap: wrap; gap: 12px 18px; margin-top: 34px; }

.sourcing-section { padding: clamp(110px, 13vw, 190px) var(--page-gutter); background: linear-gradient(135deg, #12100d, #090a0a 55%); }
.section-heading { display: grid; grid-template-columns: .38fr 1.15fr .7fr; gap: clamp(30px,5vw,90px); align-items: start; }
.section-heading h2, .sell-section h2, .vault-section h2, .about-section h2, .final-cta h2 { margin: 0; font-family: var(--display); font-size: clamp(3.2rem, 6.8vw, 8.5rem); font-weight: 400; letter-spacing: -.055em; line-height: .87; }
.section-heading > p:last-child { margin: 6px 0 0; color: var(--home-muted); line-height: 1.75; }
.two-step-form { max-width: 1180px; margin: 80px auto 0; padding: clamp(30px,4vw,60px); border: 1px solid var(--home-line); background: rgba(15,16,15,.62); backdrop-filter: blur(18px); }
fieldset { margin: 0; padding: 0; border: 0; }
fieldset legend { margin-bottom: 32px; color: var(--home-champagne); font-size: .62rem; font-weight: 650; letter-spacing: .2em; }
.form-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 22px 18px; }
.form-grid label { display: grid; gap: 10px; }
.form-grid label > span { color: var(--home-faint); font-size: .54rem; font-weight: 560; letter-spacing: .14em; line-height: 1.4; text-transform: uppercase; }
.form-grid input, .form-grid select { width: 100%; min-height: 50px; padding: 0 0 8px; border: 0; border-bottom: 1px solid var(--home-line-strong); border-radius: 0; background: transparent; color: var(--home-paper); outline: none; }
.form-grid select { color-scheme: dark; }
.form-grid input:focus, .form-grid select:focus { border-color: var(--home-champagne); }
.form-grid input[aria-invalid="true"], .form-grid select[aria-invalid="true"] { border-color: #d35a52; }
.check-field { display: flex !important; grid-column: span 2; flex-direction: row; align-items: center; align-self: end; min-height: 50px; }
.check-field input { width: 18px; min-height: 18px; margin: 0; accent-color: var(--home-champagne); }
.check-field span { color: var(--home-muted) !important; }
.form-next { margin-top: 34px; }
.form-actions { display: flex; align-items: center; justify-content: space-between; margin-top: 34px; }

.sell-section { display: grid; grid-template-columns: .74fr 1.26fr; min-height: 100svh; background: #0a0b0b; }
.sell-section__visual { position: relative; display: grid; place-items: center; overflow: hidden; background: radial-gradient(circle at 38% 40%, rgba(205,188,146,.18), transparent 32%), linear-gradient(140deg,#0c0d0d,#17130e); }
.sell-section__visual::before, .sell-section__visual::after { content:""; position:absolute; border:1px solid rgba(205,188,146,.16); border-radius:50%; }
.sell-section__visual::before { width: 62vw; height: 62vw; max-width: 820px; max-height: 820px; }
.sell-section__visual::after { width: 38vw; height: 38vw; max-width: 540px; max-height: 540px; }
.sell-section__visual span { position: relative; z-index: 1; font-family: var(--display); font-size: clamp(4rem,8vw,10rem); letter-spacing: -.05em; line-height: .76; color: rgba(243,239,230,.08); }
.sell-section__content { padding: clamp(110px, 11vw, 170px) var(--page-gutter); }
.sell-section__content > p { max-width: 680px; color: var(--home-muted); font-size: 1.05rem; line-height: 1.7; }
.sell-form { margin-top: 54px; }
.sell-form .form-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.sell-form .button { margin-top: 34px; }

.vault-section { position: relative; min-height: 92svh; display: grid; place-items: center; overflow: hidden; background: #020303; text-align: center; }
.vault-section::before { content:""; position:absolute; width:min(74vw,920px); aspect-ratio:1; border:1px solid rgba(205,188,146,.12); border-radius:50%; box-shadow: 0 0 0 90px rgba(205,188,146,.018), 0 0 0 180px rgba(205,188,146,.012); }
.vault-noise { position:absolute; inset:0; opacity:.13; background-image:radial-gradient(rgba(255,255,255,.25) .45px,transparent .45px); background-size:4px 4px; mask-image:radial-gradient(circle at center,#000,transparent 70%); }
.vault-section__content { position:relative; z-index:2; width:min(980px,calc(100% - 44px)); }
.vault-section h2 { max-width: 12ch; margin-inline:auto; }
.vault-section__content > p:not(.eyebrow) { margin: 30px 0; color: var(--home-muted); letter-spacing: .24em; }

.about-section { display: grid; grid-template-columns: .8fr 1.2fr; gap: 0; padding: clamp(100px,12vw,180px) var(--page-gutter); background: #111212; }
.about-monogram { min-height: 620px; display: flex; flex-direction: column; justify-content: space-between; padding: 46px; border:1px solid var(--home-line); background: linear-gradient(145deg,rgba(205,188,146,.1),transparent 36%),#090a0a; }
.about-monogram span { font-family:var(--display); font-size:clamp(8rem,20vw,22rem); color:rgba(243,239,230,.08); letter-spacing:-.1em; line-height:.7; }
.about-monogram small { color:var(--home-faint); font-size:.56rem; letter-spacing:.22em; }
.about-copy { display:flex; flex-direction:column; justify-content:center; padding: clamp(30px,6vw,96px); }
.about-copy p:not(.eyebrow) { max-width:670px; color:var(--home-muted); font-size:1.05rem; line-height:1.8; }
.about-copy .button { align-self:flex-start; margin-top:28px; }
.services { grid-column:1/-1; margin-top:100px; padding-top:62px; border-top:1px solid var(--home-line); }
.service-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin-top:36px; border-top:1px solid var(--home-line); border-left:1px solid var(--home-line); }
.service-grid article { min-height:250px; padding:28px; border-right:1px solid var(--home-line); border-bottom:1px solid var(--home-line); }
.service-grid article > span { color:var(--home-champagne); font-size:.56rem; letter-spacing:.17em; }
.service-grid h3 { margin:60px 0 16px; font-size:.73rem; letter-spacing:.16em; line-height:1.5; }
.service-grid p { color:var(--home-faint); font-size:.88rem; line-height:1.6; }
.allies { margin:28px 0 0; color:var(--home-muted); font-size:.6rem; letter-spacing:.2em; }

.inventory-close { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:58svh; padding:80px var(--page-gutter); background:#ece6da; color:#111; text-align:center; }
.inventory-close__line { display:grid; grid-template-columns:auto minmax(120px,350px) auto; align-items:center; gap:20px; width:min(780px,100%); font-size:.65rem; font-weight:650; letter-spacing:.2em; }
.inventory-close__line i { height:1px; background:rgba(17,17,17,.28); }
.inventory-close .button { margin-top:50px; background:#111; color:#f2eee6; }
.inventory-close > p { margin-top:24px; color:rgba(17,17,17,.5); font-size:.56rem; letter-spacing:.16em; }

.final-cta { position:relative; min-height:100svh; display:grid; place-items:center; overflow:hidden; background:#070808; }
.final-cta__media, .final-cta__media picture, .final-cta__media img { position:absolute; inset:0; width:100%; height:100%; }
.final-cta__media img { object-fit:cover; filter:brightness(.46) saturate(.78); transform:scale(1.02); }
.final-cta__shade { position:absolute; inset:0; background:radial-gradient(circle at center,rgba(0,0,0,.05),rgba(0,0,0,.72)),linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.75)); }
.final-cta__content { position:relative; z-index:2; width:min(1150px,calc(100% - 44px)); text-align:center; }
.final-cta h2 { max-width:11ch; margin-inline:auto; font-size:clamp(4.2rem,10vw,12rem); line-height:.8; }
.final-cta__content > p { color:var(--home-muted); font-size:1.05rem; }
.final-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin-top:36px; }
.final-phone { display:inline-block; margin-top:34px; color:var(--home-champagne); font-size:.62rem; letter-spacing:.2em; text-decoration:none; }

.sound-toggle, .shortlist-peek { position:fixed; z-index:105; bottom:max(18px,env(safe-area-inset-bottom)); min-height:38px; border:1px solid var(--home-line); background:rgba(7,8,8,.72); color:var(--home-muted); backdrop-filter:blur(14px); cursor:pointer; font-size:.53rem; font-weight:600; letter-spacing:.15em; }
.sound-toggle { right:max(18px,env(safe-area-inset-right)); padding:0 14px; }
.shortlist-peek { left:max(18px,env(safe-area-inset-left)); display:flex; align-items:center; gap:12px; padding:0 12px 0 15px; }
.shortlist-peek strong { display:grid; place-items:center; width:21px; height:21px; border-radius:50%; background:var(--home-paper); color:#090a0a; font-size:.58rem; }

.shortlist-drawer { position:fixed; z-index:300; inset:0 auto auto 0; width:100vw; height:100dvh; overflow:hidden; visibility:hidden; opacity:0; transition:opacity 260ms ease,visibility 260ms; }
.shortlist-drawer.is-open { visibility:visible; opacity:1; }
.drawer-backdrop { position:absolute; inset:0; background:rgba(0,0,0,.72); backdrop-filter:blur(7px); }
.drawer-panel { position:absolute; top:0; right:0; width:min(92vw,520px); height:100%; overflow:auto; padding:42px; background:#0d0f0f; transform:translateX(100%); transition:transform 430ms var(--ease-lux); }
.shortlist-drawer.is-open .drawer-panel { transform:none; }
.drawer-panel header { display:flex; align-items:flex-start; justify-content:space-between; border-bottom:1px solid var(--home-line); padding-bottom:25px; }
.drawer-panel h2 { margin:0; font-family:var(--display); font-size:3rem; font-weight:400; }
.drawer-panel header button, .dialog-close { width:42px; height:42px; background:transparent; color:var(--home-paper); cursor:pointer; font-size:1.7rem; }
.shortlist-item { display:grid; grid-template-columns:112px 1fr auto; gap:18px; align-items:center; padding:20px 0; border-bottom:1px solid var(--home-line); }
.shortlist-item img { width:112px; height:82px; object-fit:cover; }
.shortlist-item strong { display:block; font-family:var(--display); font-size:1.25rem; font-weight:400; }
.shortlist-item small { color:var(--home-faint); font-size:.55rem; letter-spacing:.13em; }
.shortlist-item button { background:transparent; color:var(--home-muted); cursor:pointer; font-size:1.1rem; }
.shortlist-empty { color:var(--home-muted); margin:40px 0; }
.drawer-panel > .button { width:100%; margin-top:28px; }


.vehicle-dialog, .compact-dialog { max-height:92dvh; margin:auto; padding:0; border:1px solid var(--home-line); background:#0b0c0c; color:var(--home-paper); overflow:auto; overscroll-behavior:contain; scrollbar-gutter:stable; }
.vehicle-dialog { width:min(96vw,1380px); max-height:94dvh; }
.compact-dialog { width:min(92vw,760px); padding:clamp(34px,5vw,64px); }
.vehicle-dialog::backdrop, .compact-dialog::backdrop { background:rgba(0,0,0,.78); backdrop-filter:blur(14px); }
.dialog-close { position:sticky; z-index:20; top:16px; float:right; margin:16px 16px -58px 0; border:1px solid var(--home-line); border-radius:50%; background:rgba(7,8,8,.78); backdrop-filter:blur(12px); }
.vehicle-experience { min-height:100%; background:#0b0c0c; }
.dossier-film { position:relative; min-height:clamp(560px,78dvh,900px); display:flex; align-items:flex-end; isolation:isolate; overflow:hidden; background:#080909; }
.dossier-film picture, .dossier-film img, .dossier-film video { position:absolute; inset:0; width:100%; height:100%; }
.dossier-film img, .dossier-film video { display:block; object-fit:cover; object-position:center; }
.dossier-film__poster img { filter:brightness(.62) saturate(.84) contrast(1.08); transform:scale(1.012); }
.dossier-film video { z-index:1; opacity:0; filter:brightness(.7) saturate(.86) contrast(1.08); transition:opacity 520ms ease; }
.dossier-film.is-video-ready video { opacity:1; }
.dossier-film.has-video-error video { display:none; }
.dossier-film__shade { position:absolute; z-index:2; inset:0; pointer-events:none; background:linear-gradient(180deg,rgba(4,5,5,.08) 22%,rgba(4,5,5,.18) 50%,rgba(4,5,5,.94) 100%),linear-gradient(90deg,rgba(4,5,5,.58),transparent 58%); }
.dossier-film__copy { position:relative; z-index:3; width:min(900px,calc(100% - 2 * clamp(28px,6vw,86px))); padding:clamp(110px,14vw,190px) 0 clamp(54px,7vw,96px); margin-inline:clamp(28px,6vw,86px); }
.dossier-film__copy .eyebrow { margin-bottom:17px; }
.dossier-film h2 { max-width:12ch; margin:0; font-family:var(--display); font-size:clamp(4.1rem,8.7vw,9.2rem); font-weight:400; letter-spacing:-.055em; line-height:.8; text-wrap:balance; }
.dossier-film__copy > p:last-child { max-width:700px; margin:26px 0 0; color:rgba(243,239,230,.76); font-size:clamp(.95rem,1.25vw,1.1rem); line-height:1.72; }
.dossier-film__toggle { position:absolute; z-index:4; right:clamp(28px,5vw,70px); bottom:clamp(34px,5vw,70px); display:inline-flex; min-height:44px; align-items:center; gap:12px; padding:0 17px; border:1px solid rgba(243,239,230,.3); background:rgba(7,8,8,.62); color:var(--home-paper); backdrop-filter:blur(14px); cursor:pointer; font-size:.55rem; font-weight:620; letter-spacing:.17em; text-transform:uppercase; }
.dossier-film__toggle i { width:0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:8px solid currentColor; }
.dossier-film__toggle.is-playing i { width:8px; height:10px; border:0; border-left:2px solid currentColor; border-right:2px solid currentColor; }
.dossier-film__toggle:hover, .dossier-film__toggle:focus-visible { border-color:var(--home-paper); background:rgba(7,8,8,.8); }
.dossier-body { padding:0 clamp(28px,6vw,86px) clamp(64px,8vw,110px); }
.dossier-content-section { padding:clamp(70px,8vw,118px) 0; border-top:1px solid var(--home-line); }
.dossier-gallery-section { border-top:0; }
.dossier-section-heading { display:grid; grid-template-columns:minmax(180px,.35fr) minmax(0,1fr); gap:clamp(32px,6vw,100px); align-items:start; margin-bottom:clamp(34px,5vw,70px); }
.dossier-section-heading .eyebrow { margin:4px 0 0; }
.dossier-section-heading h3 { max-width:14ch; margin:0; font-family:var(--display); font-size:clamp(2.7rem,5vw,6rem); font-weight:400; letter-spacing:-.045em; line-height:.88; }
.dossier-section-heading > p:not(.eyebrow), .dossier-lead { max-width:780px; margin:0; color:var(--home-muted); font-size:clamp(.95rem,1.2vw,1.1rem); line-height:1.75; }
.dossier-main-information .dossier-section-heading { grid-template-columns:minmax(180px,.35fr) minmax(280px,.7fr) minmax(260px,.65fr); }
.dossier-main-information .dossier-section-heading > p:not(.eyebrow) { margin-top:3px; }
.dossier-gallery { display:grid; grid-template-columns:1.18fr .82fr; grid-auto-rows:minmax(250px,34vw); gap:10px; }
.dossier-gallery picture { position:relative; display:block; min-height:250px; overflow:hidden; background:#111; }
.dossier-gallery picture:first-child { grid-row:span 2; }
.dossier-gallery picture:nth-child(n+4) { grid-column:1 / -1; min-height:clamp(300px,46vw,650px); }
.dossier-gallery img { width:100%; height:100%; object-fit:cover; transition:transform 1.1s var(--ease-lux),filter 700ms ease; }
.dossier-gallery picture:hover img { transform:scale(1.018); filter:brightness(1.02); }
.dossier-information-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--home-line); border-left:1px solid var(--home-line); }
.dossier-information-grid .dossier-item { min-height:110px; display:flex; flex-direction:column; justify-content:space-between; gap:18px; padding:24px; border-right:1px solid var(--home-line); border-bottom:1px solid var(--home-line); }
.dossier-information-grid .dossier-item span { display:flex; flex-wrap:wrap; gap:8px 12px; align-items:center; color:var(--home-faint); font-size:.55rem; letter-spacing:.15em; text-transform:uppercase; }
.dossier-information-grid .dossier-item span em { padding:4px 6px; border:1px solid rgba(205,188,146,.28); color:var(--home-champagne); font-size:.44rem; font-style:normal; letter-spacing:.1em; }
.dossier-information-grid .dossier-item strong { max-width:none; text-align:left; color:var(--home-paper); font-family:var(--display); font-size:clamp(1.35rem,2vw,2.15rem); font-weight:400; line-height:1.08; }
.dossier-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid var(--home-line); border-left:1px solid var(--home-line); }
.dossier-metric { min-height:150px; padding:30px 26px; border-right:1px solid var(--home-line); border-bottom:1px solid var(--home-line); }
.dossier-metric strong { display:block; font-family:var(--display); font-size:clamp(2.4rem,4vw,4.6rem); font-weight:400; line-height:.92; }
.dossier-metric span { display:block; margin-top:13px; color:var(--home-faint); font-size:.54rem; letter-spacing:.14em; line-height:1.5; text-transform:uppercase; }
.dossier-sections { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(44px,6vw,82px); margin-top:clamp(48px,6vw,82px); }
.dossier-sections--performance { margin-top:clamp(44px,5vw,68px); }
.dossier-section h4 { margin:0 0 22px; color:var(--home-champagne); font-size:.63rem; font-weight:620; letter-spacing:.2em; text-transform:uppercase; }
.dossier-item { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; padding:15px 0; border-bottom:1px solid var(--home-line); }
.dossier-item span { color:var(--home-faint); font-size:.78rem; line-height:1.45; }
.dossier-item span em { display:block; margin-top:7px; color:var(--home-champagne); font-size:.44rem; font-style:normal; letter-spacing:.11em; text-transform:uppercase; }
.dossier-item strong { max-width:58%; text-align:right; font-size:.82rem; font-weight:480; line-height:1.48; }
.dossier-provenance { position:relative; padding-inline:clamp(26px,4vw,58px); border:1px solid rgba(205,188,146,.2); background:linear-gradient(135deg,rgba(205,188,146,.07),transparent 42%),#0e1010; }
.dossier-provenance + .dossier-content-section { border-top:0; }
.dossier-information-grid--provenance { grid-template-columns:repeat(3,minmax(0,1fr)); }
.dossier-engine-section { display:grid; place-items:center; min-height:500px; }
.dossier-engine-stage { width:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:34px; text-align:center; }
.dossier-engine-stage .engine-experience { width:168px; transform:scale(1.08); transform-origin:center; }
.dossier-engine-stage .vehicle-experience-note { display:block; max-width:620px; margin:0; color:var(--home-muted); font-family:var(--display); font-size:clamp(1.45rem,2.4vw,2.5rem); line-height:1.15; }
.dossier-commercial-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.dossier-commercial-actions .button, .dossier-commercial-actions .shortlist-button { width:100%; min-height:58px; justify-content:center; padding-inline:24px; border:1px solid var(--home-line-strong); }
.dossier-commercial-actions .shortlist-button { background:transparent; }
.dossier-commercial-actions .shortlist-button:hover, .dossier-commercial-actions .shortlist-button:focus-visible { border-color:var(--home-paper); color:var(--home-paper); }
.dossier-source { display:inline-block; margin-top:38px; color:var(--home-faint); font-size:.53rem; letter-spacing:.17em; text-decoration:none; text-transform:uppercase; }
.dossier-source:hover, .dossier-source:focus-visible { color:var(--home-paper); }
.compact-dialog h2 { margin:0; font-family:var(--display); font-size:clamp(2.8rem,6vw,5.5rem); font-weight:400; line-height:.9; }
.compact-dialog > p:not(.eyebrow) { color:var(--home-muted); line-height:1.7; }
.compact-dialog form { margin-top:36px; }
.compact-dialog .form-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.compact-dialog .button { margin-top:30px; }

@media (max-width: 1180px) {
  .home-header { grid-template-columns: 1fr auto; }
  .home-nav { display:none; }
  .menu-toggle { display:inline-flex; }
  .home-whatsapp { display:none; }
  .vehicle-shell, .vehicle-section[data-layout="media-right"] .vehicle-shell, .vehicle-section[data-layout="editorial"] .vehicle-shell, .vehicle-section[data-layout="dark-reveal"] .vehicle-shell { grid-template-columns:minmax(0,1fr) minmax(470px,1fr); }
  .find-drive__intro, .section-heading { grid-template-columns: .35fr 1.25fr; }
  .find-drive__intro > p:last-child, .section-heading > p:last-child { grid-column:2; }
  .drive-options { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .drive-results { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .form-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width: 860px) {
  :root { --header-h:66px; --page-gutter:clamp(20px,5vw,34px); }
  .home-header { padding-inline:var(--page-gutter); }
  .home-language { display:none; }
  .home-hero h1 { font-size:clamp(3.25rem,13.5vw,6.6rem); line-height:.88; }
  .home-hero__content { padding-bottom:80px; }
  .hero-index { display:none; }
  .vehicle-section, .vehicle-section[data-layout="full-bleed"] { min-height:auto; }
  .vehicle-shell, .vehicle-section[data-layout="media-right"] .vehicle-shell, .vehicle-section[data-layout="editorial"] .vehicle-shell, .vehicle-section[data-layout="dark-reveal"] .vehicle-shell { display:flex; flex-direction:column; min-height:0; }
  .vehicle-section[data-layout="media-right"] .vehicle-media, .vehicle-section[data-layout="media-right"] .vehicle-copy { order:initial; }
  .vehicle-media, .vehicle-section[data-layout="editorial"] .vehicle-media { position:relative; min-height:58svh; margin:0; }
  .vehicle-copy, .vehicle-section[data-layout="editorial"] .vehicle-copy { display:flex; flex-direction:column; padding:78px var(--page-gutter) 92px; }
  .vehicle-section[data-layout="full-bleed"] .vehicle-shell { min-height:92svh; }
  .vehicle-section[data-layout="full-bleed"] .vehicle-media { position:absolute; }
  .vehicle-section[data-layout="full-bleed"] .vehicle-copy { display:flex; flex-direction:column; width:100%; min-height:92svh; padding:100px var(--page-gutter) 70px; justify-content:flex-end; }
  .vehicle-section[data-layout="full-bleed"] .vehicle-title { font-size:clamp(4rem,18vw,7.5rem); }
  .vehicle-section[data-layout="dark-reveal"] .vehicle-media { min-height:62svh; }
  .vehicle-title { font-size:clamp(3.5rem,14vw,6rem); }
  .vehicle-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .vehicle-experience-row { display:grid; grid-template-columns:132px 1fr; }
  .vehicle-experience-note { display:block; }
  .find-drive, .sourcing-section { padding-block:100px; }
  .find-drive__intro, .section-heading { display:block; }
  .find-drive h2, .section-heading h2 { font-size:clamp(3.2rem,13vw,6.5rem); }
  .find-drive__intro > p:last-child, .section-heading > p:last-child { margin-top:30px; }
  .drive-options { grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:52px; }
  .drive-results { grid-template-columns:1fr; }
  .car-moment__content { width:100%; padding:110px var(--page-gutter) 72px; }
  .car-moment h2 { font-size:clamp(4rem,17vw,8rem); }
  .car-moment__shade { background:linear-gradient(180deg,rgba(4,5,5,.16),rgba(4,5,5,.94) 72%); }
  .car-moment__metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .form-grid, .sell-form .form-grid { grid-template-columns:1fr; }
  .check-field { grid-column:auto; }
  .sell-section { display:block; }
  .sell-section__visual { min-height:48svh; }
  .sell-section__content { padding-block:90px; }
  .about-section { display:block; padding-block:90px; }
  .about-monogram { min-height:440px; }
  .about-copy { padding:70px 0 0; }
  .services { margin-top:80px; }
  .service-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .final-actions { flex-direction:column; align-items:stretch; max-width:480px; margin-inline:auto; margin-top:34px; }
  .dossier-section-heading, .dossier-main-information .dossier-section-heading { grid-template-columns:1fr; gap:22px; }
  .dossier-section-heading > p:not(.eyebrow) { max-width:760px; }
  .dossier-information-grid, .dossier-information-grid--provenance { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .dossier-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .dossier-sections { grid-template-columns:1fr; }
  .dossier-gallery { grid-template-columns:1fr; grid-auto-rows:auto; }
  .dossier-gallery picture, .dossier-gallery picture:first-child, .dossier-gallery picture:nth-child(n+4) { grid-column:auto; grid-row:auto; min-height:clamp(280px,70vw,620px); }
}

@media (max-width: 560px) {
  .home-brand span { font-size:.68rem; }
  .home-brand em { font-size:.46rem; }
  .home-hero__media img { object-position:60% center; }
  .home-hero__sub { font-size:.95rem; }
  .hero-actions { flex-direction:column; align-items:stretch; }
  .vehicle-facts { grid-template-columns:1fr; }
  .vehicle-actions { flex-direction:column; align-items:stretch; }
  .vehicle-experience-row { grid-template-columns:1fr; justify-items:start; }
  .vehicle-experience-note { max-width:100%; }
  .drive-options { grid-template-columns:1fr; }
  .drive-result { grid-template-columns:92px 1fr; }
  .drive-result picture, .drive-result img { width:92px; height:100px; }
  .car-moment__actions { flex-direction:column; align-items:stretch; }
  .form-actions { align-items:stretch; flex-direction:column; gap:15px; }
  .service-grid { grid-template-columns:1fr; }
  .inventory-close__line { grid-template-columns:auto 50px auto; gap:10px; font-size:.53rem; }
  .final-cta h2 { font-size:clamp(4rem,18vw,7rem); }
  .sound-toggle { right:auto; left:calc(100vw - 12px); bottom:12px; transform:translateX(-100%); }
  .shortlist-peek { left:12px; bottom:12px; }
  .drawer-panel { padding:28px 22px; }
  .shortlist-item { grid-template-columns:88px 1fr auto; }
  .shortlist-item img { width:88px; height:70px; }
  .vehicle-dialog { width:100vw; max-height:100dvh; border-inline:0; }
  .vehicle-dialog .dialog-close { top:max(12px,env(safe-area-inset-top)); margin:12px 12px -54px 0; }
  .dossier-film { min-height:82svh; }
  .dossier-film__copy { width:calc(100% - 40px); margin-inline:20px; padding:120px 0 92px; }
  .dossier-film h2 { font-size:clamp(3.45rem,17vw,6.4rem); }
  .dossier-film__copy > p:last-child { font-size:.93rem; line-height:1.62; }
  .dossier-film__toggle { right:20px; bottom:24px; min-height:42px; padding-inline:14px; }
  .dossier-body { padding:0 20px 54px; }
  .dossier-content-section { padding:70px 0; }
  .dossier-section-heading { margin-bottom:34px; }
  .dossier-section-heading h3 { font-size:clamp(2.8rem,13vw,4.7rem); }
  .dossier-gallery picture, .dossier-gallery picture:first-child, .dossier-gallery picture:nth-child(n+4) { min-height:72vw; }
  .dossier-information-grid, .dossier-information-grid--provenance { grid-template-columns:1fr; }
  .dossier-information-grid .dossier-item { min-height:92px; padding:20px; }
  .dossier-metrics { grid-template-columns:1fr 1fr; }
  .dossier-metric { min-height:118px; padding:20px 16px; }
  .dossier-metric strong { font-size:2.35rem; }
  .dossier-provenance { padding-inline:20px; }
  .dossier-engine-section { min-height:440px; }
  .dossier-engine-stage .engine-experience { transform:scale(.96); }
  .dossier-commercial-actions { grid-template-columns:1fr; }
  .compact-dialog { padding:56px 24px 34px; }
  .compact-dialog .form-grid { grid-template-columns:1fr; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *, *::before, *::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
  .reveal { opacity:1; transform:none; }
  .home-hero__media img, .vehicle-media img { transform:none !important; }
}


.sg-media-placeholder {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: flex;
  width: 100%;
  height: 100%;
  min-height: 180px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 38%, rgba(205,188,146,.09), transparent 34%),
    linear-gradient(135deg, #111313, #070808 72%);
  color: rgba(243,239,230,.78);
  text-align: center;
}
.sg-media-placeholder::before,
.sg-media-placeholder::after {
  content: "";
  position: absolute;
  pointer-events: none;
}
.sg-media-placeholder::before { inset: 18px; border: 1px solid rgba(205,188,146,.18); }
.sg-media-placeholder::after { width: min(240px, 42%); height: 1px; background: linear-gradient(90deg, transparent, rgba(205,188,146,.5), transparent); transform: translateY(48px); }
.sg-media-placeholder__mark { font-family: var(--display); font-size: clamp(2.6rem, 5vw, 5.8rem); font-weight: 400; letter-spacing: -.04em; line-height: .8; }
.sg-media-placeholder__brand { position: relative; font-size: .54rem; font-weight: 600; letter-spacing: .28em; line-height: 1.7; }
.drive-result .sg-media-placeholder,
.shortlist-item .sg-media-placeholder { position: relative; inset: auto; min-height: 0; }
.drive-result .sg-media-placeholder { width: 112px; height: 110px; }
.shortlist-item .sg-media-placeholder { width: 112px; height: 82px; }

.sg-home-bootstrap-only .drive-options,
.sg-home-bootstrap-only .drive-results,
.sg-home-bootstrap-only .engine-experience,
.sg-home-bootstrap-only .sound-toggle,
.sg-home-bootstrap-only .shortlist-peek,
.sg-home-bootstrap-only .shortlist-drawer,
.sg-home-bootstrap-only .two-step-form,
.sg-home-bootstrap-only .sell-form,
.sg-home-bootstrap-only .car-moment__actions,
.sg-home-bootstrap-only dialog,
.sg-home-bootstrap-only [data-open-vault] { display: none !important; }

/* Vehicle dossier V01 — scoped enhancement; home composition remains unchanged. */
.vehicle-dialog {
  width: min(96vw, 1480px);
  max-width: none;
  max-height: 94dvh;
  margin: auto;
  padding: 0;
  border: 1px solid rgba(243, 239, 230, .18);
  background: #080909;
  color: var(--home-paper);
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-color: rgba(205, 188, 146, .42) #080909;
  box-shadow: 0 34px 110px rgba(0, 0, 0, .72);
}
.vehicle-dialog::backdrop {
  background: rgba(0, 0, 0, .82);
  backdrop-filter: blur(16px) saturate(80%);
}
.vehicle-dialog .dialog-close {
  position: sticky;
  z-index: 30;
  top: 18px;
  float: right;
  width: 46px;
  height: 46px;
  margin: 18px 18px -64px 0;
  border: 1px solid rgba(243, 239, 230, .26);
  border-radius: 50%;
  background: rgba(7, 8, 8, .72);
  box-shadow: 0 12px 32px rgba(0, 0, 0, .32);
  color: var(--home-paper);
  backdrop-filter: blur(18px);
}
.vehicle-dialog .dialog-close:hover,
.vehicle-dialog .dialog-close:focus-visible {
  border-color: var(--home-champagne);
  background: rgba(20, 20, 18, .88);
}
.vehicle-experience {
  position: relative;
  min-height: 100%;
  background:
    radial-gradient(circle at 16% 58%, rgba(205, 188, 146, .045), transparent 27%),
    #080909;
}
.dossier-film {
  position: relative;
  display: grid;
  align-items: end;
  min-height: clamp(620px, 82dvh, 980px);
  overflow: hidden;
  isolation: isolate;
  background: #050606;
}
.dossier-film > picture,
.dossier-film > picture img,
.dossier-film > video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.dossier-film > picture img {
  object-fit: cover;
  object-position: center;
  filter: brightness(.58) saturate(.82) contrast(1.07);
  transform: scale(1.012);
}
.dossier-film > video {
  z-index: 1;
  display: block;
  border: 0;
  background: #050606;
  object-fit: cover;
  object-position: center;
  opacity: 0;
  transition: opacity 520ms ease;
}
.dossier-film.is-video-ready > video { opacity: 1; }
.dossier-film.has-video-error > video { display: none; }
.dossier-film[data-vehicle-slug="bmw-xm-label"] > picture img {
  filter: blur(18px) brightness(.32) saturate(.72);
  transform: scale(1.09);
}
.dossier-film[data-vehicle-slug="bmw-xm-label"] > video {
  object-fit: contain;
  background: linear-gradient(90deg, rgba(5, 6, 6, .92), rgba(5, 6, 6, .22) 38%, rgba(5, 6, 6, .22) 62%, rgba(5, 6, 6, .92));
}
.dossier-film__shade {
  position: absolute;
  z-index: 2;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(3, 4, 4, .12) 0%, rgba(3, 4, 4, .04) 36%, rgba(3, 4, 4, .36) 68%, rgba(3, 4, 4, .95) 100%),
    linear-gradient(90deg, rgba(3, 4, 4, .6) 0%, rgba(3, 4, 4, .12) 52%, transparent 78%);
}
.dossier-film__copy {
  position: relative;
  z-index: 4;
  width: min(920px, calc(100% - 2 * clamp(28px, 6vw, 92px)));
  margin: 0;
  padding: clamp(160px, 22vh, 270px) clamp(28px, 6vw, 92px) clamp(46px, 7vw, 88px);
}
.dossier-film__copy h2 {
  max-width: 12ch;
  margin: 0;
  font-family: var(--display);
  font-size: clamp(4.2rem, 8.4vw, 10.4rem);
  font-weight: 400;
  letter-spacing: -.06em;
  line-height: .78;
  text-wrap: balance;
}
.dossier-film__copy .vehicle-version {
  display: block;
  margin-top: .11em;
  color: rgba(243, 239, 230, .74);
  font-size: .42em;
  letter-spacing: -.025em;
  line-height: .9;
}
.dossier-film__copy > p:last-child {
  max-width: 720px;
  margin: 32px 0 0;
  color: rgba(243, 239, 230, .72);
  font-size: clamp(.96rem, 1.25vw, 1.15rem);
  font-weight: 350;
  line-height: 1.72;
}
.dossier-film__toggle {
  position: absolute;
  z-index: 6;
  right: clamp(28px, 5vw, 74px);
  bottom: clamp(46px, 6vw, 80px);
  display: inline-flex;
  align-items: center;
  gap: 13px;
  min-height: 48px;
  padding: 0 18px;
  border: 1px solid rgba(243, 239, 230, .28);
  background: rgba(6, 7, 7, .58);
  color: var(--home-paper);
  cursor: pointer;
  font-size: .56rem;
  font-weight: 650;
  letter-spacing: .16em;
  text-transform: uppercase;
  backdrop-filter: blur(14px);
  transition: border-color 220ms ease, background 220ms ease, transform 220ms var(--ease-lux);
}
.dossier-film__toggle:hover,
.dossier-film__toggle:focus-visible {
  border-color: var(--home-champagne);
  background: rgba(13, 14, 13, .84);
  transform: translateY(-2px);
}
.dossier-film__toggle i {
  position: relative;
  display: block;
  width: 16px;
  height: 16px;
  border: 1px solid rgba(243, 239, 230, .52);
  border-radius: 50%;
}
.dossier-film__toggle i::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 6px;
  border-top: 3.5px solid transparent;
  border-bottom: 3.5px solid transparent;
  border-left: 5px solid currentColor;
}
.dossier-film__toggle.is-playing i::before,
.dossier-film__toggle.is-playing i::after {
  content: "";
  position: absolute;
  top: 4px;
  width: 2px;
  height: 7px;
  border: 0;
  background: currentColor;
}
.dossier-film__toggle.is-playing i::before { left: 5px; }
.dossier-film__toggle.is-playing i::after { right: 5px; left: auto; }
.dossier-body {
  padding: 0 clamp(28px, 6vw, 92px) clamp(72px, 8vw, 120px);
}
.dossier-content-section {
  position: relative;
  padding: clamp(74px, 9vw, 138px) 0;
  border-top: 1px solid var(--home-line);
}
.dossier-content-section:first-child { border-top: 0; }
.dossier-section-heading {
  display: grid;
  grid-template-columns: minmax(150px, .32fr) minmax(0, 1fr);
  gap: clamp(30px, 6vw, 100px);
  align-items: start;
  margin-bottom: clamp(38px, 5vw, 76px);
}
.dossier-section-heading .eyebrow { margin: 4px 0 0; }
.dossier-section-heading h3 {
  max-width: 15ch;
  margin: 0;
  font-family: var(--display);
  font-size: clamp(3.2rem, 6.2vw, 7.8rem);
  font-weight: 400;
  letter-spacing: -.052em;
  line-height: .84;
  text-wrap: balance;
}
.dossier-section-heading > p:not(.eyebrow),
.dossier-lead {
  grid-column: 2;
  max-width: 790px;
  margin: 0;
  color: var(--home-muted);
  font-size: clamp(1rem, 1.34vw, 1.2rem);
  line-height: 1.75;
}
.dossier-gallery {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-auto-rows: clamp(230px, 28vw, 440px);
  gap: clamp(8px, 1vw, 15px);
  margin: 0;
}
.dossier-gallery picture,
.dossier-gallery img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
}
.dossier-gallery picture { position: relative; overflow: hidden; background: #101111; }
.dossier-gallery img {
  object-fit: cover;
  object-position: center;
  filter: brightness(.92) saturate(.9) contrast(1.04);
  transform: scale(1.002);
  transition: transform 1.1s var(--ease-lux), filter 500ms ease;
}
.dossier-gallery picture:hover img { transform: scale(1.026); filter: brightness(1) saturate(.94); }
.dossier-gallery picture:nth-child(1) { grid-column: 1 / span 7; grid-row: span 2; }
.dossier-gallery picture:nth-child(2) { grid-column: 8 / -1; }
.dossier-gallery picture:nth-child(3) { grid-column: 8 / -1; }
.dossier-gallery picture:nth-child(4) { grid-column: 2 / span 10; }
.dossier-information-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid var(--home-line);
  border-left: 1px solid var(--home-line);
}
.dossier-information-grid .dossier-item {
  min-height: 128px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 22px;
  padding: 25px;
  border-right: 1px solid var(--home-line);
  border-bottom: 1px solid var(--home-line);
}
.dossier-item span {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  color: var(--home-faint);
  font-size: .55rem;
  font-weight: 600;
  letter-spacing: .13em;
  line-height: 1.45;
  text-transform: uppercase;
}
.dossier-item span em {
  display: inline-flex;
  padding: 4px 6px 3px;
  border: 1px solid rgba(205, 188, 146, .34);
  color: var(--home-champagne);
  font-size: .45rem;
  font-style: normal;
  letter-spacing: .11em;
  white-space: nowrap;
}
.dossier-item strong {
  max-width: none;
  color: rgba(243, 239, 230, .9);
  font-size: clamp(.82rem, 1vw, .97rem);
  font-weight: 440;
  line-height: 1.55;
  text-align: left;
}
.dossier-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
  border-top: 1px solid var(--home-line);
  border-left: 1px solid var(--home-line);
}
.dossier-metric {
  min-height: 164px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: clamp(22px, 2.5vw, 38px);
  border-right: 1px solid var(--home-line);
  border-bottom: 1px solid var(--home-line);
}
.dossier-metric strong {
  display: block;
  font-family: var(--display);
  font-size: clamp(2.6rem, 4.6vw, 5.6rem);
  font-weight: 400;
  letter-spacing: -.045em;
  line-height: .78;
}
.dossier-metric span {
  display: block;
  margin-top: 16px;
  color: var(--home-faint);
  font-size: .5rem;
  font-weight: 600;
  letter-spacing: .14em;
  line-height: 1.5;
  text-transform: uppercase;
}
.dossier-sections {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(58px, 7vw, 110px) clamp(38px, 6vw, 94px);
  margin: 0;
}
.dossier-sections--performance { margin-top: clamp(52px, 6vw, 88px); }
.dossier-section h4 {
  margin: 0 0 22px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(205, 188, 146, .28);
  color: var(--home-champagne);
  font-size: .62rem;
  font-weight: 650;
  letter-spacing: .18em;
  line-height: 1.55;
  text-transform: uppercase;
}
.dossier-section .dossier-item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 26px;
  min-height: 0;
  padding: 15px 0;
  border-bottom: 1px solid var(--home-line);
}
.dossier-section .dossier-item strong {
  max-width: 58%;
  text-align: right;
}
.dossier-source {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  margin-top: 48px;
  border-bottom: 1px solid var(--home-line-strong);
  color: var(--home-muted);
  font-size: .54rem;
  font-weight: 600;
  letter-spacing: .16em;
  text-decoration: none;
  text-transform: uppercase;
}
.dossier-source:hover,
.dossier-source:focus-visible { color: var(--home-paper); border-color: var(--home-champagne); }
.dossier-provenance {
  margin-inline: calc(clamp(28px, 6vw, 92px) * -.36);
  padding-inline: calc(clamp(28px, 6vw, 92px) * .36);
  background:
    linear-gradient(135deg, rgba(205, 188, 146, .06), transparent 42%),
    rgba(243, 239, 230, .016);
}
.dossier-information-grid--provenance { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.dossier-engine-section { text-align: center; }
.dossier-engine-stage {
  display: grid;
  justify-items: center;
  gap: 34px;
  width: min(760px, 100%);
  margin: 0 auto;
  padding: clamp(52px, 7vw, 96px) 28px;
  border: 1px solid var(--home-line);
  background:
    radial-gradient(circle at 50% 42%, rgba(205, 188, 146, .09), transparent 30%),
    linear-gradient(145deg, rgba(255, 255, 255, .018), transparent 42%),
    #090a0a;
}
.dossier-engine-stage .engine-experience {
  width: 176px;
  transform: scale(1.13);
  transform-origin: center;
}
.dossier-engine-stage .vehicle-experience-note {
  display: block;
  max-width: 520px;
  margin: 18px 0 0;
  color: var(--home-muted);
  font-family: var(--display);
  font-size: clamp(1.35rem, 2.3vw, 2.35rem);
  font-weight: 400;
  letter-spacing: -.025em;
  line-height: 1.12;
}
.dossier-commercial-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding-bottom: 0;
}
.dossier-commercial-actions .button,
.dossier-commercial-actions .shortlist-button {
  width: 100%;
  min-height: 62px;
  margin: 0;
}
.dossier-commercial-actions .shortlist-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 22px;
  border: 1px solid rgba(205, 188, 146, .42);
  background: transparent;
  color: var(--home-champagne);
  cursor: pointer;
  font-size: .62rem;
  font-weight: 650;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.dossier-commercial-actions .shortlist-button[aria-pressed="true"] {
  background: var(--home-champagne);
  color: #080909;
}

@media (max-width: 980px) {
  .vehicle-dialog { width: 98vw; max-height: 96dvh; }
  .dossier-film { min-height: 74dvh; }
  .dossier-film__copy { width: min(760px, calc(100% - 56px)); }
  .dossier-film__toggle { right: 28px; bottom: 28px; }
  .dossier-section-heading { grid-template-columns: 1fr; gap: 22px; }
  .dossier-section-heading > p:not(.eyebrow),
  .dossier-lead { grid-column: 1; }
  .dossier-gallery { grid-auto-rows: clamp(220px, 45vw, 400px); }
  .dossier-gallery picture:nth-child(1) { grid-column: 1 / -1; grid-row: auto; }
  .dossier-gallery picture:nth-child(2) { grid-column: 1 / span 6; }
  .dossier-gallery picture:nth-child(3) { grid-column: 7 / -1; }
  .dossier-gallery picture:nth-child(4) { grid-column: 1 / -1; }
  .dossier-information-grid,
  .dossier-information-grid--provenance { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dossier-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 680px) {
  .vehicle-dialog {
    width: 100vw;
    height: 100dvh;
    max-height: 100dvh;
    border: 0;
  }
  .vehicle-dialog .dialog-close {
    top: max(12px, env(safe-area-inset-top));
    width: 42px;
    height: 42px;
    margin: max(12px, env(safe-area-inset-top)) 12px -54px 0;
  }
  .dossier-film { min-height: 78svh; }
  .dossier-film__copy {
    width: calc(100% - 40px);
    padding: 170px 20px 104px;
  }
  .dossier-film__copy h2 { font-size: clamp(3.55rem, 17vw, 6.3rem); }
  .dossier-film__copy > p:last-child {
    max-width: 94%;
    margin-top: 24px;
    font-size: .94rem;
    line-height: 1.62;
  }
  .dossier-film__toggle {
    right: auto;
    bottom: 30px;
    left: 20px;
    min-height: 44px;
  }
  .dossier-body { padding-inline: 20px; padding-bottom: 68px; }
  .dossier-content-section { padding-block: 72px; }
  .dossier-section-heading { margin-bottom: 36px; }
  .dossier-section-heading h3 { font-size: clamp(2.9rem, 13vw, 5rem); }
  .dossier-gallery {
    display: flex;
    gap: 8px;
    margin-inline: -20px;
    padding-inline: 20px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  .dossier-gallery::-webkit-scrollbar { display: none; }
  .dossier-gallery picture,
  .dossier-gallery picture:nth-child(n) {
    flex: 0 0 88vw;
    width: 88vw;
    height: min(62svh, 520px);
    grid-column: auto;
    grid-row: auto;
    scroll-snap-align: center;
  }
  .dossier-information-grid,
  .dossier-information-grid--provenance { grid-template-columns: 1fr; }
  .dossier-information-grid .dossier-item {
    min-height: 105px;
    padding: 21px;
  }
  .dossier-metrics { grid-template-columns: 1fr 1fr; }
  .dossier-metric { min-height: 132px; padding: 20px; }
  .dossier-metric strong { font-size: clamp(2.25rem, 12vw, 3.8rem); }
  .dossier-sections { grid-template-columns: 1fr; gap: 54px; }
  .dossier-section .dossier-item { gap: 18px; }
  .dossier-section .dossier-item strong { max-width: 56%; }
  .dossier-provenance { margin-inline: -8px; padding-inline: 8px; }
  .dossier-engine-stage { padding: 56px 18px; }
  .dossier-engine-stage .engine-experience { transform: scale(.98); }
  .dossier-commercial-actions { grid-template-columns: 1fr; }
  .dossier-commercial-actions .button,
  .dossier-commercial-actions .shortlist-button { min-height: 56px; }
}

@media (max-width: 390px) {
  .dossier-film__copy h2 { font-size: clamp(3.25rem, 16.2vw, 5.2rem); }
  .dossier-metrics { grid-template-columns: 1fr; }
  .dossier-gallery picture,
  .dossier-gallery picture:nth-child(n) { flex-basis: 91vw; width: 91vw; }
}

@media (prefers-reduced-motion: reduce) {
  .dossier-film > video { display: none; }
  .dossier-film__toggle { display: none; }
  .dossier-gallery img { transform: none !important; }
  .dossier-engine-stage .engine-experience { transform: none; }
}

/* Keep the dossier close control over the film without reserving a blank header row. */
.vehicle-dialog .dialog-close {
  position: fixed;
  top: calc(3dvh + 18px);
  right: calc(2vw + 18px);
  float: none;
  margin: 0;
}
@media (max-width: 980px) {
  .vehicle-dialog .dialog-close {
    top: calc(2dvh + 14px);
    right: calc(1vw + 14px);
  }
}
@media (max-width: 680px) {
  .vehicle-dialog .dialog-close {
    top: max(12px, env(safe-area-inset-top));
    right: max(12px, env(safe-area-inset-right));
    margin: 0;
  }
}

/* ================================================================
   VEHICLE DOSSIER EXPERIENCE FINAL
   Scoped continuation of the existing SG Automotive design system.
   ================================================================ */

/* One accessible vehicle trigger for image, name and CTA. */
.vehicle-media-trigger {
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: #111;
  color: inherit;
  cursor: pointer;
  text-align: left;
  appearance: none;
}
.vehicle-media-trigger:focus-visible {
  outline: 0;
  box-shadow: inset 0 0 0 2px var(--home-champagne);
}
.vehicle-media-trigger__label {
  position: absolute;
  z-index: 4;
  right: clamp(18px, 2.2vw, 34px);
  bottom: clamp(18px, 2.2vw, 34px);
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 14px;
  border: 1px solid rgba(243, 239, 230, .28);
  background: rgba(5, 6, 6, .56);
  color: var(--home-paper);
  font-size: .55rem;
  font-weight: 650;
  letter-spacing: .16em;
  line-height: 1;
  text-transform: uppercase;
  opacity: 0;
  transform: translateY(7px);
  backdrop-filter: blur(12px);
  transition: opacity 220ms ease, transform 260ms var(--ease-lux), border-color 220ms ease;
  pointer-events: none;
}
.vehicle-media-trigger:hover .vehicle-media-trigger__label,
.vehicle-media-trigger:focus-visible .vehicle-media-trigger__label {
  opacity: 1;
  transform: none;
  border-color: rgba(205, 188, 146, .64);
}
.vehicle-media-trigger:hover img,
.vehicle-media-trigger:focus-visible img {
  transform: scale(1.025);
  filter: brightness(.9) saturate(.95) contrast(1.03);
}
.vehicle-title-trigger {
  display: block;
  width: fit-content;
  max-width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  text-align: left;
  transition: color 220ms ease, transform 260ms var(--ease-lux);
  appearance: none;
}
.vehicle-title-trigger:hover,
.vehicle-title-trigger:focus-visible {
  color: #fff;
  transform: translateX(3px);
}
.vehicle-title-trigger:focus-visible {
  outline: 1px solid var(--home-champagne);
  outline-offset: 8px;
}

/* Shortlist keeps a separate remove control while the vehicle itself opens the same dossier. */
.shortlist-item {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
}
.shortlist-item__open {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  gap: 18px;
  align-items: center;
  min-width: 0;
  padding: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  text-align: left;
}
.shortlist-item__open picture,
.shortlist-item__open img {
  display: block;
  width: 112px;
  height: 82px;
}
.shortlist-item__open img { object-fit: cover; }
.shortlist-item__open > span { min-width: 0; }
.shortlist-item__open:hover strong,
.shortlist-item__open:focus-visible strong { color: var(--home-champagne); }
.shortlist-item__remove {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border: 1px solid transparent;
  background: transparent;
  color: var(--home-muted);
  cursor: pointer;
}
.shortlist-item__remove:hover,
.shortlist-item__remove:focus-visible { border-color: var(--home-line-strong); color: var(--home-paper); }

/* Dossier behaves as a miniweb in a single native dialog. */
.vehicle-dialog {
  box-sizing: border-box;
  width: min(95vw, 1600px);
  height: 94dvh;
  max-width: none;
  max-height: 94dvh;
  margin: auto;
  padding: 0;
  border: 1px solid rgba(243, 239, 230, .2);
  background: #070808;
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  scroll-behavior: smooth;
}
.vehicle-dialog::backdrop {
  background: rgba(0, 0, 0, .82);
  backdrop-filter: blur(13px) saturate(82%);
}
.vehicle-dialog .dialog-close {
  position: fixed;
  z-index: 80;
  top: calc(3dvh + 18px);
  right: calc(2.5vw + 18px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  width: auto;
  min-width: 104px;
  height: 44px;
  margin: 0;
  padding: 0 15px;
  border: 1px solid rgba(243, 239, 230, .26);
  border-radius: 0;
  background: rgba(5, 6, 6, .76);
  color: var(--home-paper);
  cursor: pointer;
  font-size: .55rem;
  font-weight: 650;
  letter-spacing: .15em;
  text-transform: uppercase;
  backdrop-filter: blur(18px);
}
.vehicle-dialog .dialog-close > span:first-child {
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1;
  letter-spacing: 0;
}
.vehicle-dialog .dialog-close:hover,
.vehicle-dialog .dialog-close:focus-visible {
  border-color: var(--home-champagne);
  background: rgba(14, 15, 14, .92);
}

/* 01 — Film / Hero */
.dossier-film { min-height: clamp(620px, 86dvh, 1040px); }
.dossier-film:not(.is-video-active) > video { opacity: 0; }
.dossier-film.is-video-active.is-video-ready > video { opacity: 1; }
.dossier-film__copy {
  width: min(980px, calc(100% - 2 * clamp(28px, 6vw, 92px)));
  padding-bottom: clamp(110px, 13vw, 160px);
}
.dossier-film__index {
  margin: 0 0 20px;
  color: rgba(243, 239, 230, .45);
  font-size: .56rem;
  font-weight: 620;
  letter-spacing: .2em;
  line-height: 1.5;
  text-transform: uppercase;
}
.dossier-film__headline {
  max-width: 34ch !important;
  margin: 24px 0 0 !important;
  color: rgba(243, 239, 230, .82) !important;
  font-family: var(--display);
  font-size: clamp(1.15rem, 1.8vw, 2rem) !important;
  line-height: 1.18 !important;
}
.dossier-film__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 22px;
  margin-top: 24px;
  color: rgba(243, 239, 230, .7);
  font-size: .62rem;
  font-weight: 600;
  letter-spacing: .16em;
  line-height: 1.5;
  text-transform: uppercase;
}
.dossier-film__meta strong {
  color: var(--home-paper);
  font-weight: 650;
}
.dossier-film__controls {
  position: absolute;
  z-index: 7;
  right: clamp(28px, 5vw, 74px);
  bottom: clamp(46px, 6vw, 80px);
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  max-width: min(580px, 52vw);
}
.dossier-film__controls .dossier-film__toggle,
.dossier-film__utility {
  position: static;
  min-height: 46px;
  margin: 0;
  border: 1px solid rgba(243, 239, 230, .28);
  background: rgba(6, 7, 7, .64);
  color: var(--home-paper);
  cursor: pointer;
  font-size: .54rem;
  font-weight: 650;
  letter-spacing: .15em;
  text-transform: uppercase;
  backdrop-filter: blur(14px);
  transition: border-color 220ms ease, background 220ms ease, transform 220ms var(--ease-lux), opacity 220ms ease;
}
.dossier-film__controls .dossier-film__toggle {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 0 17px;
}
.dossier-film__controls .dossier-film__toggle i {
  display: inline-grid;
  place-items: center;
  width: 18px;
  height: 18px;
  border: 1px solid rgba(243, 239, 230, .5);
  border-radius: 50%;
  font-size: .55rem;
  font-style: normal;
  line-height: 1;
}
.dossier-film__controls .dossier-film__toggle i::before,
.dossier-film__controls .dossier-film__toggle i::after { content: none; }
.dossier-film__utility {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 14px;
}
.dossier-film__utility[hidden] { display: none; }
.dossier-film__utility:disabled {
  color: rgba(243, 239, 230, .38);
  cursor: not-allowed;
}
.dossier-film__controls button:not(:disabled):hover,
.dossier-film__controls button:not(:disabled):focus-visible {
  border-color: var(--home-champagne);
  background: rgba(13, 14, 13, .88);
  transform: translateY(-2px);
}

/* Sticky navigation belongs to the dossier scroll container, not the home. */
.dossier-nav {
  position: sticky;
  z-index: 35;
  top: 0;
  display: block;
  width: 100%;
  border-top: 1px solid rgba(243, 239, 230, .12);
  border-bottom: 1px solid rgba(243, 239, 230, .14);
  background: rgba(7, 8, 8, .86);
  backdrop-filter: blur(18px) saturate(116%);
}
.dossier-nav > div {
  display: flex;
  align-items: stretch;
  gap: clamp(18px, 2.4vw, 38px);
  width: max-content;
  min-width: 100%;
  padding: 0 clamp(28px, 6vw, 92px);
}
.dossier-nav a {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 58px;
  color: var(--home-faint);
  font-size: .52rem;
  font-weight: 650;
  letter-spacing: .15em;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  transition: color 180ms ease;
}
.dossier-nav a::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 1px;
  background: var(--home-champagne);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 240ms var(--ease-lux);
}
.dossier-nav a:hover,
.dossier-nav a:focus-visible,
.dossier-nav a.is-active { color: var(--home-paper); }
.dossier-nav a.is-active::after { transform: scaleX(1); }

/* Numbered editorial sections. */
.dossier-content-section { scroll-margin-top: 56px; }
.dossier-section-heading {
  grid-template-columns: minmax(150px, .32fr) minmax(0, 1fr);
}
.dossier-section-kicker {
  display: flex;
  align-items: baseline;
  gap: 13px;
  min-width: 0;
}
.dossier-section-kicker > span {
  color: rgba(243, 239, 230, .32);
  font-family: var(--display);
  font-size: 1.05rem;
  line-height: 1;
}
.dossier-section-kicker .eyebrow { margin: 0; }
.dossier-section-heading > h3,
.dossier-section-heading > .dossier-editorial-copy,
.dossier-section-heading > .dossier-lead { grid-column: 2; }
.dossier-editorial-copy {
  display: grid;
  gap: 18px;
  max-width: 810px;
}
.dossier-editorial-copy p,
.dossier-lead {
  margin: 0;
  color: var(--home-muted);
  font-size: clamp(.98rem, 1.26vw, 1.16rem);
  line-height: 1.78;
}

/* 02 — Progressive editorial gallery, every image opens one fullscreen lightbox. */
.dossier-gallery__item {
  position: relative;
  display: block;
  min-width: 0;
  min-height: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
  background: #101111;
  color: var(--home-paper);
  cursor: zoom-in;
  text-align: left;
}
.dossier-gallery__item picture,
.dossier-gallery__item img {
  display: block;
  width: 100%;
  height: 100%;
}
.dossier-gallery__item img {
  object-fit: cover;
  object-position: center;
  filter: brightness(.92) saturate(.9) contrast(1.04);
  transform: scale(1.002);
  transition: transform 1.1s var(--ease-lux), filter 500ms ease;
}
.dossier-gallery__item > span {
  position: absolute;
  right: 16px;
  bottom: 14px;
  padding: 7px 9px;
  border: 1px solid rgba(243, 239, 230, .2);
  background: rgba(5, 6, 6, .56);
  color: rgba(243, 239, 230, .72);
  font-size: .48rem;
  font-weight: 620;
  letter-spacing: .14em;
  backdrop-filter: blur(10px);
}
.dossier-gallery__item:hover img,
.dossier-gallery__item:focus-visible img { transform: scale(1.026); filter: brightness(1) saturate(.94); }
.dossier-gallery__item:nth-child(1) { grid-column: 1 / span 7; grid-row: span 2; }
.dossier-gallery__item:nth-child(2) { grid-column: 8 / -1; }
.dossier-gallery__item:nth-child(3) { grid-column: 8 / -1; }
.dossier-gallery__item:nth-child(4) { grid-column: 2 / span 10; }

/* Fullscreen gallery. */
.vehicle-lightbox {
  box-sizing: border-box;
  width: 100vw;
  height: 100dvh;
  max-width: none;
  max-height: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: rgba(3, 4, 4, .98);
  color: var(--home-paper);
  overflow: hidden;
}
.vehicle-lightbox::backdrop { background: rgba(0, 0, 0, .94); }
.vehicle-lightbox__stage {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  padding: clamp(58px, 7vw, 98px) clamp(68px, 8vw, 128px);
  touch-action: pan-y;
}
.vehicle-lightbox__media,
.vehicle-lightbox__media picture,
.vehicle-lightbox__media img {
  display: block;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
}
.vehicle-lightbox__media {
  pointer-events: none;
}
.vehicle-lightbox__media img {
  object-fit: contain;
  object-position: center;
}
.vehicle-lightbox__close {
  position: fixed;
  z-index: 5;
  top: max(18px, env(safe-area-inset-top));
  right: max(18px, env(safe-area-inset-right));
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 44px;
  padding: 0 15px;
  border: 1px solid rgba(243, 239, 230, .3);
  background: rgba(5, 6, 6, .72);
  color: var(--home-paper);
  cursor: pointer;
  font-size: .54rem;
  font-weight: 650;
  letter-spacing: .15em;
  text-transform: uppercase;
  backdrop-filter: blur(16px);
}
.vehicle-lightbox__close span:first-child { font-size: 1.15rem; letter-spacing: 0; }
.vehicle-lightbox__arrow {
  position: fixed;
  z-index: 5;
  top: 50%;
  display: grid;
  place-items: center;
  width: 48px;
  height: 64px;
  border: 1px solid rgba(243, 239, 230, .2);
  background: rgba(5, 6, 6, .52);
  color: var(--home-paper);
  cursor: pointer;
  font-size: 1.35rem;
  transform: translateY(-50%);
  backdrop-filter: blur(12px);
}
.vehicle-lightbox__arrow--previous { left: max(18px, env(safe-area-inset-left)); }
.vehicle-lightbox__arrow--next { right: max(18px, env(safe-area-inset-right)); }
.vehicle-lightbox__close:hover,
.vehicle-lightbox__close:focus-visible,
.vehicle-lightbox__arrow:hover,
.vehicle-lightbox__arrow:focus-visible { border-color: var(--home-champagne); background: rgba(14, 15, 14, .9); }
.vehicle-lightbox__counter {
  position: fixed;
  z-index: 5;
  bottom: max(22px, env(safe-area-inset-bottom));
  left: 50%;
  margin: 0;
  color: rgba(243, 239, 230, .7);
  font-size: .58rem;
  font-weight: 620;
  letter-spacing: .18em;
  transform: translateX(-50%);
}

/* Commercial block: heading plus four deliberate actions, never a cart. */
.dossier-commercial-actions {
  display: block;
}
.dossier-commercial-actions .dossier-section-heading { margin-bottom: clamp(34px, 4vw, 58px); }
.dossier-commercial-actions__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.dossier-commercial-actions__grid .button,
.dossier-commercial-actions__grid .shortlist-button {
  width: 100%;
  min-height: 62px;
  margin: 0;
}
.dossier-commercial-actions__grid .shortlist-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 22px;
  border: 1px solid rgba(205, 188, 146, .42);
  background: transparent;
  color: var(--home-champagne);
  cursor: pointer;
  font-size: .62rem;
  font-weight: 650;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.dossier-commercial-actions__grid .shortlist-button[aria-pressed="true"] {
  background: var(--home-champagne);
  color: #080909;
}

@media (max-width: 980px) {
  .vehicle-dialog {
    width: 97vw;
    height: 96dvh;
    max-height: 96dvh;
  }
  .vehicle-dialog .dialog-close {
    top: calc(2dvh + 14px);
    right: calc(1.5vw + 14px);
  }
  .dossier-film__controls {
    right: 28px;
    bottom: 28px;
    max-width: calc(100% - 56px);
  }
  .dossier-gallery__item:nth-child(1) { grid-column: 1 / -1; grid-row: auto; }
  .dossier-gallery__item:nth-child(2) { grid-column: 1 / span 6; }
  .dossier-gallery__item:nth-child(3) { grid-column: 7 / -1; }
  .dossier-gallery__item:nth-child(4) { grid-column: 1 / -1; }
}

@media (max-width: 680px) {
  .vehicle-media-trigger__label {
    right: 14px;
    bottom: 14px;
    opacity: 1;
    transform: none;
  }
  .vehicle-title-trigger:hover,
  .vehicle-title-trigger:focus-visible { transform: none; }
  .shortlist-item__open { grid-template-columns: 92px minmax(0, 1fr); gap: 13px; }
  .shortlist-item__open picture,
  .shortlist-item__open img { width: 92px; height: 70px; }

  .vehicle-dialog {
    width: 100vw;
    height: 100dvh;
    max-height: 100dvh;
    border: 0;
    scrollbar-gutter: auto;
  }
  .vehicle-dialog .dialog-close {
    top: max(10px, env(safe-area-inset-top));
    right: max(10px, env(safe-area-inset-right));
    min-width: 96px;
    height: 42px;
  }
  .dossier-film { min-height: 100dvh; }
  .dossier-film__copy {
    width: calc(100% - 40px);
    padding: 150px 20px 168px;
  }
  .dossier-film__copy h2 { font-size: clamp(3.25rem, 16vw, 5.8rem); line-height: .82; }
  .dossier-film__headline { max-width: 92% !important; font-size: 1.05rem !important; }
  .dossier-film__meta { gap: 8px 15px; margin-top: 19px; font-size: .54rem; }
  .dossier-film__controls {
    right: 20px;
    bottom: max(28px, env(safe-area-inset-bottom));
    left: 20px;
    justify-content: flex-start;
    max-width: none;
  }
  .dossier-film__controls .dossier-film__toggle { flex: 1 1 100%; justify-content: center; }
  .dossier-film__utility { flex: 1 1 calc(50% - 4px); }

  .dossier-nav {
    overflow-x: auto;
    scrollbar-width: none;
  }
  .dossier-nav::-webkit-scrollbar { display: none; }
  .dossier-nav > div {
    min-width: max-content;
    padding: 0 20px;
    gap: 24px;
  }
  .dossier-nav a { min-height: 54px; }

  /* Requested mobile journey: film → information → gallery → performance → specs → history → engine → contact. */
  .dossier-body {
    display: flex;
    flex-direction: column;
    padding-inline: 20px;
    padding-bottom: 68px;
  }
  .dossier-main-information { order: 1; }
  .dossier-gallery-section { order: 2; }
  .dossier-performance { order: 3; }
  .dossier-specifications { order: 4; }
  .dossier-provenance { order: 5; }
  .dossier-engine-section { order: 6; }
  .dossier-commercial-actions { order: 7; }
  .dossier-content-section { width: 100%; padding-block: 72px; scroll-margin-top: 52px; }
  .dossier-section-heading {
    display: grid;
    grid-template-columns: 1fr;
    gap: 22px;
    margin-bottom: 36px;
  }
  .dossier-section-heading > h3,
  .dossier-section-heading > .dossier-editorial-copy,
  .dossier-section-heading > .dossier-lead { grid-column: 1; }
  .dossier-section-heading h3 { font-size: clamp(2.8rem, 12vw, 4.8rem); }
  .dossier-section-kicker { gap: 10px; }

  .dossier-gallery {
    display: flex;
    gap: 8px;
    margin-inline: -20px;
    padding-inline: 20px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  .dossier-gallery::-webkit-scrollbar { display: none; }
  .dossier-gallery__item,
  .dossier-gallery__item:nth-child(n) {
    flex: 0 0 88vw;
    width: 88vw;
    height: min(62svh, 520px);
    grid-column: auto;
    grid-row: auto;
    scroll-snap-align: center;
  }
  .dossier-information-grid,
  .dossier-information-grid--provenance { grid-template-columns: 1fr; }
  .dossier-commercial-actions__grid { grid-template-columns: 1fr; }
  .dossier-commercial-actions__grid .button,
  .dossier-commercial-actions__grid .shortlist-button { min-height: 56px; }

  .vehicle-lightbox__stage { padding: 74px 12px 86px; }
  .vehicle-lightbox__arrow {
    top: auto;
    bottom: max(20px, env(safe-area-inset-bottom));
    width: 48px;
    height: 44px;
    transform: none;
  }
  .vehicle-lightbox__arrow--previous { left: max(14px, env(safe-area-inset-left)); }
  .vehicle-lightbox__arrow--next { right: max(14px, env(safe-area-inset-right)); }
  .vehicle-lightbox__counter { bottom: max(34px, calc(env(safe-area-inset-bottom) + 14px)); }
}

@media (max-width: 390px) {
  .dossier-gallery__item,
  .dossier-gallery__item:nth-child(n) { flex-basis: 91vw; width: 91vw; }
  .dossier-film__utility { font-size: .49rem; letter-spacing: .11em; }
}

@media (prefers-reduced-motion: reduce) {
  .vehicle-media-trigger img,
  .vehicle-media-trigger__label,
  .vehicle-title-trigger,
  .dossier-film > video,
  .dossier-film__controls button,
  .dossier-nav a::after,
  .dossier-gallery__item img {
    transition: none !important;
    animation: none !important;
  }
  .vehicle-media-trigger:hover img,
  .vehicle-media-trigger:focus-visible img,
  .dossier-gallery__item:hover img,
  .dossier-gallery__item:focus-visible img { transform: none !important; }
  .dossier-film > video,
  .dossier-film__toggle { display: block; }
  .dossier-film__controls .dossier-film__toggle { display: inline-flex; }
  .vehicle-dialog { scroll-behavior: auto; }
}

/* Keep film utilities unavailable until the vehicle film has actually loaded. */
.vehicle-dialog .dossier-film__utility[hidden] {
  display: none !important;
}

/* In the dossier the halo breathes—not the physical START/STOP control—so STOP remains stable and easy to press. */
.vehicle-dialog .engine-experience.is-playing .engine-control {
  animation: none;
  transform: none;
}
.vehicle-dialog .engine-experience.is-playing .engine-ring {
  animation: dossierEngineRingBreath 5.6s ease-in-out infinite;
}
.vehicle-dialog .engine-experience.is-ignited .engine-ring {
  animation: ignitionPulse 180ms ease-out;
}
@keyframes dossierEngineRingBreath {
  0%, 100% { opacity: .82; transform: scale(1); filter: brightness(1); }
  50% { opacity: 1; transform: scale(1.012); filter: brightness(1.12); }
}

@media (max-width: 860px) {
  /* Touch has no hover: keep the media affordance visible and make full-bleed photography reachable. */
  .vehicle-media-trigger__label {
    opacity: 1;
    transform: none;
    pointer-events: auto;
  }
  .vehicle-section[data-layout="full-bleed"] .vehicle-copy {
    pointer-events: none;
  }
  .vehicle-section[data-layout="full-bleed"] .vehicle-copy :is(a, button, input, select, textarea, label) {
    pointer-events: auto;
  }
  .vehicle-section[data-layout="full-bleed"] .vehicle-media-trigger__label {
    top: calc(var(--header-h) + 18px);
    right: var(--page-gutter);
    bottom: auto;
  }
}

/* ================================================================
   INDIVIDUAL VEHICLE PAGE LINKS — PROMPT 3 CONTINUATION
   ================================================================ */
.vehicle-media-trigger,
.vehicle-title-trigger,
.shortlist-item__open,
.drive-result { text-decoration: none; }
.vehicle-actions--bootstrap { grid-area: actions; }

.drive-result-wrap {
  position: relative;
  display: grid;
  min-width: 0;
  border: 1px solid rgba(16,17,17,.2);
  background: rgba(255,255,255,.25);
}
.drive-result-wrap .drive-result { border: 0; background: transparent; color: #101111; }
.drive-result__quick {
  position: absolute;
  right: 11px;
  bottom: 9px;
  padding: 5px 0;
  border-bottom: 1px solid rgba(16,17,17,.35);
  background: transparent;
  color: rgba(16,17,17,.58);
  cursor: pointer;
  font-size: .48rem;
  font-weight: 650;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.drive-result__quick:hover,
.drive-result__quick:focus-visible { color: #101111; border-color: #101111; }

.shortlist-item { grid-template-columns: minmax(0,1fr) auto auto; }
.shortlist-item__open { text-decoration: none; }
.shortlist-item__quick {
  align-self: center;
  min-height: 34px;
  padding: 0 10px;
  border: 1px solid var(--home-line);
  background: transparent;
  color: var(--home-muted);
  cursor: pointer;
  font-size: .48rem !important;
  font-weight: 650;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.shortlist-item__quick:hover,
.shortlist-item__quick:focus-visible { border-color: var(--home-line-strong); color: var(--home-paper); }

@media (max-width: 680px) {
  .shortlist-item { grid-template-columns: minmax(0,1fr) auto; }
  .shortlist-item__quick { grid-column: 1 / -1; justify-self: start; }
  .drive-result__quick { right: 9px; bottom: 7px; }
}

/* Quick-view dossier: the full editorial experience now lives at a direct URL. */
.vehicle-dialog {
  width: min(92vw, 1460px);
  height: auto;
  max-height: 90dvh;
  overflow: auto;
}
.dossier-quick {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(420px, .88fr);
  min-height: min(86dvh, 900px);
  background: #090a0a;
}
.dossier-quick__media { position: relative; min-height: 70dvh; overflow: hidden; background: #111; }
.dossier-quick__media picture,
.dossier-quick__media img { position: absolute; inset: 0; width: 100%; height: 100%; }
.dossier-quick__media img { object-fit: cover; filter: brightness(.75) saturate(.88); }
.dossier-quick__shade { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 55%, rgba(4,5,5,.72)); }
.dossier-quick__label { position: absolute; right: 24px; bottom: 22px; margin: 0; color: rgba(243,239,230,.72); font-size: .55rem; font-weight: 650; letter-spacing: .18em; text-transform: uppercase; }
.dossier-quick__content { display: flex; flex-direction: column; justify-content: center; padding: clamp(50px, 5vw, 82px); }
.dossier-quick__content h2 { margin: 0; font-family: var(--display); font-size: clamp(3.3rem, 5.2vw, 6.5rem); font-weight: 400; letter-spacing: -.05em; line-height: .84; }
.dossier-quick__content h2 span { display: block; margin-top: 15px; color: var(--home-muted); font-family: var(--sans); font-size: .15em; font-weight: 560; letter-spacing: .18em; line-height: 1.4; text-transform: uppercase; }
.dossier-quick__headline { margin: 24px 0 0; font-family: var(--display); font-size: clamp(1.25rem, 1.75vw, 1.85rem); line-height: 1.12; }
.dossier-quick__summary { margin: 19px 0 0; color: var(--home-muted); font-size: .92rem; line-height: 1.68; }
.dossier-quick__metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin-top: 28px; border-top: 1px solid var(--home-line); border-bottom: 1px solid var(--home-line); }
.dossier-quick__metric { padding: 15px 8px 14px 0; }
.dossier-quick__metric strong { display: block; font-family: var(--display); font-size: clamp(1.55rem,2.1vw,2.6rem); font-weight: 400; line-height: .95; }
.dossier-quick__metric span { display: block; margin-top: 7px; color: var(--home-faint); font-size: .47rem; letter-spacing: .1em; line-height: 1.35; text-transform: uppercase; }
.dossier-quick__facts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 20px; border-top: 1px solid var(--home-line); }
.dossier-quick__facts > div { padding: 13px 12px 13px 0; border-bottom: 1px solid var(--home-line); }
.dossier-quick__facts span { display:block; color:var(--home-faint); font-size:.5rem; letter-spacing:.13em; text-transform:uppercase; }
.dossier-quick__facts strong { display:block; margin-top:6px; color:var(--home-paper); font-size:.78rem; font-weight:450; line-height:1.35; }
.dossier-quick__actions { display:flex; flex-wrap:wrap; gap:10px 16px; align-items:center; margin-top:28px; }

@media (max-width: 900px) {
  .vehicle-dialog { width: 96vw; max-height: 94dvh; }
  .dossier-quick { grid-template-columns: 1fr; }
  .dossier-quick__media { min-height: 48dvh; }
  .dossier-quick__content { padding: 42px 28px 58px; }
}
@media (max-width: 680px) {
  .vehicle-dialog { width:100vw; height:100dvh; max-height:100dvh; }
  .dossier-quick { min-height:100dvh; }
  .dossier-quick__media { min-height:46dvh; }
  .dossier-quick__content { padding:34px 18px 54px; }
  .dossier-quick__metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .dossier-quick__actions { display:grid; grid-template-columns:1fr; }
  .dossier-quick__actions .button { width:100%; }
}