.internal-page.internal-car-visuals main > section {
  position: relative;
  isolation: isolate;
}

.internal-page.internal-car-visuals main > section > :not(.internal-car-backdrop) {
  position: relative;
  z-index: 1;
}

.internal-car-backdrop {
  --car-bg-opacity: .38;
  --car-bg-position: center;
  --car-parallax: 0px;
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  opacity: 0;
  transform: translate3d(0, calc(var(--car-parallax) + 28px), 0) scale(1.065);
  transition: opacity 1.35s ease, transform 1.8s cubic-bezier(.16,.84,.24,1);
}

.internal-car-backdrop::before {
  content: "";
  position: absolute;
  inset: -5%;
  background-image: var(--car-bg);
  background-position: var(--car-bg-position);
  background-size: cover;
  background-repeat: no-repeat;
  filter: saturate(.78) contrast(1.1) brightness(.8) blur(.8px);
  opacity: var(--car-bg-opacity);
}

.internal-car-backdrop::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(0,0,0,.84), rgba(0,0,0,.42) 50%, rgba(0,0,0,.82)),
    linear-gradient(180deg, rgba(0,0,0,.28), rgba(0,0,0,.68)),
    radial-gradient(circle at 50% 48%, transparent 0 28%, rgba(0,0,0,.28) 74%);
}

.internal-car-backdrop.is-visible {
  opacity: 1;
  transform: translate3d(0, var(--car-parallax), 0) scale(1.025);
}

.internal-car-backdrop.is-gold::after {
  background:
    linear-gradient(90deg, rgba(0,0,0,.78), rgba(40,28,4,.36) 50%, rgba(0,0,0,.78)),
    linear-gradient(180deg, rgba(0,0,0,.24), rgba(0,0,0,.64)),
    radial-gradient(circle at 62% 48%, rgba(216,178,76,.14), transparent 48%);
}

.internal-car-visuals .page-hero { background: #030303 !important; }
.internal-car-visuals.about-page .about-speed-hero { background: #020606 !important; }
.internal-car-visuals.about-page .location-route-section { background: #070704 !important; }
.internal-car-visuals.services-page .services-hero { background: #030303 !important; }
.internal-car-visuals.services-page .services-inchworm-pin::before { display: none; }
.internal-car-visuals.booking-page .booking-hero { background: #030303 !important; }
.internal-car-visuals.booking-page .booking-appointment-section { background: #050505 !important; }

@media (max-width: 620px) {
  .internal-car-backdrop::before { inset: -3%; filter: saturate(.74) contrast(1.08) brightness(.75); }
  .internal-car-backdrop::after {
    background:
      linear-gradient(90deg, rgba(0,0,0,.82), rgba(0,0,0,.52), rgba(0,0,0,.82)),
      linear-gradient(180deg, rgba(0,0,0,.36), rgba(0,0,0,.72));
  }
}

@media (prefers-reduced-motion: reduce) {
  .internal-car-backdrop,
  .internal-car-backdrop.is-visible { opacity: 1; transform: none; transition: none; }
}
