/* Street Beat motion layer. No layout, type, color, or content rules live here. */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 84px;
}

.sb-announcement {
  overflow: hidden;
}

.sb-announcement-track {
  display: flex;
  align-items: center;
  width: max-content;
}

.sb-announcement-track[data-marquee-ready="true"] {
  animation: sb-announcement-marquee 30s linear infinite;
}

.sb-announcement-group {
  flex: none;
  gap: 56px;
  padding-right: 56px;
  white-space: nowrap;
}

@keyframes sb-announcement-marquee {
  to {
    transform: translateX(-50%);
  }
}

html.lenis,
html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-smooth iframe {
  pointer-events: none;
}

[data-motion-header] {
  transition: box-shadow 320ms ease, border-color 320ms ease;
}

[data-motion-header].is-scrolled {
  border-bottom-color: rgba(255, 255, 255, 0.14) !important;
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.14);
}

.sb-nav a {
  transition: color 260ms ease, border-color 260ms ease;
}

.sb-ctas a,
[data-motion-section="finance"] a,
[data-motion-section="cta"] a,
[data-motion-section="packages"] a {
  transition: color 280ms ease, background-color 280ms ease,
    border-color 280ms ease, transform 280ms cubic-bezier(.22, .61, .36, 1);
}

@media (hover: hover) and (pointer: fine) {
  .sb-ctas a:hover,
  [data-motion-section="finance"] a:hover,
  [data-motion-section="cta"] a:hover,
  [data-motion-section="packages"] a:hover {
    transform: translateY(-1px);
  }

  [data-motion-card] {
    transition: transform 380ms cubic-bezier(.22, .61, .36, 1),
      border-color 320ms ease, box-shadow 380ms ease;
  }

  [data-motion-card="vehicle"] image-slot,
  [data-motion-card="package"] image-slot,
  [data-motion-card="product"] image-slot {
    transition: transform 480ms cubic-bezier(.22, .61, .36, 1);
  }

  [data-motion-card="vehicle"]:hover,
  [data-motion-card="package"]:hover,
  [data-motion-card="product"]:hover {
    transform: translateY(-4px);
    border-color: rgba(193, 122, 72, 0.55) !important;
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.12);
  }

  [data-motion-card="vehicle"]:hover image-slot,
  [data-motion-card="package"]:hover image-slot,
  [data-motion-card="product"]:hover image-slot {
    transform: scale(1.04);
  }

  [data-motion-card="vehicle"] > span:last-child > span:last-child {
    transition: transform 340ms cubic-bezier(.22, .61, .36, 1), color 280ms ease;
  }

  [data-motion-card="vehicle"]:hover > span:last-child > span:last-child {
    transform: translateX(4px);
    color: #D08A51 !important;
  }

  [data-motion-card="vehicle"] > span:last-child > span:nth-child(2),
  [data-motion-card="product"] > span:last-child > span:nth-child(2) {
    transition: color 280ms ease;
  }

  [data-motion-card="vehicle"]:hover > span:last-child > span:nth-child(2),
  [data-motion-card="product"]:hover > span:last-child > span:nth-child(2) {
    color: #FFFFFF !important;
  }

  .sb-dealer-logos > div {
    transition: transform 340ms cubic-bezier(.22, .61, .36, 1),
      box-shadow 340ms ease;
  }

  .sb-dealer-logos > div:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.16);
  }

  [data-motion-card="review"] {
    transition: border-color 300ms ease;
  }

  [data-motion-card="review"]:hover {
    border-color: rgba(193, 122, 72, 0.38) !important;
  }

  .sb-build-card image-slot {
    transition-duration: 560ms;
  }

  .sb-build-card:hover image-slot {
    transform: scale(1.035) !important;
  }

  .sb-build-card:hover .sb-build-overlay {
    opacity: 1 !important;
    transform: translateY(0) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  .sb-announcement-track {
    animation: none !important;
    transform: none !important;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }

  [data-motion-card]:hover,
  [data-motion-card]:hover image-slot,
  .sb-dealer-logos > div:hover,
  .sb-build-card:hover image-slot {
    transform: none !important;
  }
}

@media (max-width: 767px) {
  .sb-announcement {
    display: none !important;
  }

  [data-motion-section]:not([data-motion-section="hero"]) h2 {
    font-size: clamp(32px, 9.5vw, 38px) !important;
    line-height: 1.05 !important;
    letter-spacing: -0.025em !important;
  }

  [data-motion-section="packages"] > div > div:first-child,
  [data-motion-section="builds"] > div > div:first-child,
  [data-motion-section="products"] > div > div:first-child,
  [data-motion-section="reviews"] > div > div:first-child {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 22px !important;
  }
}