.light-intro .hero-photo{display:flex;align-items:center;justify-content:center}
/* The photograph remains intact; motion is tied only to native page scroll. */
.hero-stage {
  --hero-car-x: 0%;
  --hero-car-pitch: 0deg;
  --hero-smoke-opacity: 0;
  --hero-smoke-stretch: 1;
  --hero-smoke-height: 1;
  position: relative;
  isolation: isolate;
  width: auto;
  height: 100%;
  max-width: 100%;
  aspect-ratio: 2200 / 1058;
  margin-inline: auto;
  pointer-events: none;
}

.hero-car {
  position: absolute;
  inset: 0;
  z-index: 1;
  transform-origin: 27.3% 73.5%;
  transform: translate3d(var(--hero-car-x), 0, 0) rotate(var(--hero-car-pitch));
}

.hero-stage .hero-car > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  /* Blend only the empty studio floor/background at the photograph's edges. */
  -webkit-mask-image: linear-gradient(0deg, transparent, #000 14%, #000 91%, transparent), linear-gradient(90deg, transparent, #000 10%, #000 93%, transparent);
  -webkit-mask-composite: source-in;
  mask-image: linear-gradient(0deg, transparent, #000 14%, #000 91%, transparent), linear-gradient(90deg, transparent, #000 10%, #000 93%, transparent);
  mask-composite: intersect;
}

.hero-stage .hero-smoke {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
  z-index: 2;
  opacity: var(--hero-smoke-opacity);
  transform: translate3d(var(--hero-car-x), 0, 0);
  mix-blend-mode: multiply;
  fill: none;
  stroke: none;
  pointer-events: none;
}

.hero-smoke-plume {
  transform-box: view-box;
  transform-origin: 600px 778px;
  transform: scale(var(--hero-smoke-stretch), var(--hero-smoke-height));
}

.hero-stage[data-motion="active"] .hero-car {
  will-change: transform;
}

.hero-stage[data-motion="paused"] .hero-car,
.hero-stage[data-motion="reduced"] .hero-car {
  transform: none;
}

.hero-stage[data-motion="paused"] .hero-smoke,
.hero-stage[data-motion="reduced"] .hero-smoke {
  display: none;
}

.hero-motion-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 8px 0;
  color: #666;
  font: inherit;
  font-size: 10px;
  letter-spacing: .08em;
  background: none;
  border: 0;
  cursor: pointer;
}

.hero-motion-toggle::before {
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: currentColor;
}

.hero-motion-toggle[aria-pressed="true"] {
  color: #888;
}

@media (prefers-reduced-motion: reduce) {
  .hero-stage .hero-car { transform: none !important; will-change: auto; }
  .hero-stage .hero-smoke,
  .hero-motion-toggle { display: none !important; }
}

@media print {
  .hero-stage .hero-car { transform: none; }
  .hero-stage .hero-smoke,
  .hero-motion-toggle { display: none; }
}

@media(max-width:799px){.hero-stage{width:100%;height:auto;flex:none}.light-intro .hero-bottom{position:relative;inset:auto;display:flex;order:3;justify-content:flex-end;margin-bottom:12px;margin-top:-26px}.hero-bottom>span,.hero-bottom>a{display:none}.hero-motion-toggle{font-size:9px;min-height:44px}}