.homepage-smooth-variant .hero-copy .eyebrow {
  color: rgba(201, 251, 255, 0.94) !important;
  text-shadow: 0 1px 14px rgba(0, 8, 18, 0.42);
}

.homepage-smooth-variant .hero-copy h1,
.homepage-smooth-variant .hero-copy p {
  color: rgba(250, 253, 255, 0.99) !important;
  text-shadow: 0 2px 18px rgba(0, 8, 18, 0.58);
}

.homepage-smooth-variant .hero-copy .lead {
  color: rgba(235, 248, 255, 0.94) !important;
}

.homepage-smooth-variant .hero-meta {
  align-items: center !important;
  display: grid !important;
  gap: 0.52rem 1.18rem !important;
  grid-template-columns: repeat(2, max-content) !important;
  justify-items: center !important;
  max-width: 100% !important;
  width: max-content !important;
}

.homepage-smooth-variant .hero-meta span {
  align-items: center !important;
  background:
    linear-gradient(180deg, rgba(141, 222, 231, 0.105), rgba(141, 222, 231, 0.032)),
    rgba(230, 240, 249, 0.036) !important;
  border-color: rgba(141, 222, 231, 0.2) !important;
  border-radius: 999px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
  color: rgba(197, 247, 252, 0.9) !important;
  display: inline-flex !important;
  flex: initial !important;
  font-size: clamp(0.55rem, 0.64vw, 0.62rem) !important;
  justify-content: center !important;
  letter-spacing: 0.1em !important;
  line-height: 1.15 !important;
  min-height: 0 !important;
  min-width: 0 !important;
  padding: 0.38rem 0.72rem 0.35rem !important;
  text-align: center !important;
  white-space: nowrap !important;
  width: clamp(8.9rem, 11.2vw, 10.6rem) !important;
}

.homepage-smooth-variant .circulation-band .circulation-fitting-stack .circulation-scene-bg,
.homepage-smooth-variant .circulation-band .circulation-fitting-stack .circulation-scene-echo,
.homepage-smooth-variant .circulation-band .circulation-fitting-stack .circulation-scene-outline {
  transition-duration: 320ms !important;
}

.homepage-smooth-variant .hero-section[data-motion-sequence-section] {
  min-height: clamp(72rem, 176svh, 108rem) !important;
}

.homepage-smooth-variant main:before,
.homepage-smooth-variant .specification-spine:before,
.homepage-smooth-variant .specification-spine:after,
.homepage-smooth-variant .specification-spine .page-section:not(:last-child) .container:after,
.homepage-smooth-variant .lifecycle-proof-band:before,
.homepage-smooth-variant .lifecycle-proof-band:after,
.homepage-smooth-variant .circulation-band:before,
.homepage-smooth-variant .circulation-band:after,
.homepage-smooth-variant .delivery-band:before,
.homepage-smooth-variant .delivery-band:after,
.homepage-smooth-variant .support-band:before,
.homepage-smooth-variant .support-band:after {
  display: none !important;
}

.homepage-smooth-variant .circulation-band,
.homepage-smooth-variant .lifecycle-proof-band,
.homepage-smooth-variant .delivery-band,
.homepage-smooth-variant .support-band {
  background:
    linear-gradient(180deg, #071f35 0%, #05172b 100%) !important;
  background-color: #061a31 !important;
}

.homepage-smooth-variant .support-band .immersive-band-art {
  inset: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
}

.homepage-smooth-variant .support-band .immersive-band-art img.support-still-bg,
.homepage-smooth-variant .support-band:hover .immersive-band-art img.support-still-bg,
.homepage-smooth-variant .support-band:focus-within .immersive-band-art img.support-still-bg {
  height: 100% !important;
  left: 0 !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: 50% 50% !important;
  right: auto !important;
  top: 0 !important;
  transform: scale(1.18) !important;
  width: 100% !important;
}

.homepage-smooth-variant .circulation-band .eyebrow,
.homepage-smooth-variant .lifecycle-proof-band .eyebrow,
.homepage-smooth-variant .delivery-band .eyebrow,
.homepage-smooth-variant .support-band .eyebrow {
  color: rgba(201, 251, 255, 0.92) !important;
}

.homepage-smooth-variant .circulation-band .immersive-band-copy h2,
.homepage-smooth-variant .circulation-band .immersive-band-copy p,
.homepage-smooth-variant .lifecycle-proof-band .immersive-band-copy h2,
.homepage-smooth-variant .lifecycle-proof-band .immersive-band-copy p,
.homepage-smooth-variant .delivery-band .immersive-band-copy h2,
.homepage-smooth-variant .delivery-band .immersive-band-copy p,
.homepage-smooth-variant .support-band .immersive-band-copy h2,
.homepage-smooth-variant .support-band .immersive-band-copy p {
  color: rgba(244, 252, 255, 0.96) !important;
}

@keyframes homepage-circulation-bg-pulse {
  0% {
    opacity: 0.42;
  }

  42% {
    opacity: 0.56;
  }

  100% {
    opacity: 0.46;
  }
}

@keyframes homepage-circulation-haze-pulse {
  0%,
  100% {
    opacity: 0;
  }

  42% {
    opacity: 0.16;
  }
}

@keyframes homepage-circulation-outline-pulse {
  0%,
  100% {
    opacity: 0;
  }

  42% {
    opacity: 0.28;
  }
}

@media (min-width: 761px) and (prefers-reduced-motion: no-preference) {
  .homepage-smooth-variant .circulation-band.is-energised .immersive-band-art:after {
    animation: homepage-circulation-haze-pulse 4.8s ease-in-out 1 both !important;
  }

  .homepage-smooth-variant .circulation-band .circulation-fitting-stack .circulation-scene-bg,
  .homepage-smooth-variant .circulation-band .circulation-fitting-stack .circulation-scene-echo,
  .homepage-smooth-variant .circulation-band .circulation-fitting-stack .circulation-scene-outline {
    will-change: opacity;
  }

  .homepage-smooth-variant .circulation-band.is-energised .circulation-fitting-stack .circulation-scene-bg {
    animation: homepage-circulation-bg-pulse 4.8s ease-in-out 1 both !important;
  }

  .homepage-smooth-variant .circulation-band.is-energised .circulation-fitting-stack .circulation-scene-echo {
    animation: homepage-circulation-haze-pulse 4.8s ease-in-out 1 both !important;
    display: block !important;
    mix-blend-mode: screen;
  }

  .homepage-smooth-variant .circulation-band.is-energised .circulation-fitting-stack .circulation-scene-outline {
    animation: homepage-circulation-outline-pulse 4.8s ease-in-out 1 both !important;
    display: block !important;
    mix-blend-mode: screen;
  }
}

@media (min-width: 1320px) {
  .homepage-smooth-variant .hero-meta {
    grid-template-columns: repeat(4, max-content) !important;
  }
}

@media (max-width: 760px) {
  .homepage-smooth-variant .hero-meta {
    display: grid !important;
    gap: 0.46rem 0.62rem !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: min(100%, 22rem) !important;
  }

  .homepage-smooth-variant .hero-meta span {
    font-size: 0.56rem !important;
    letter-spacing: 0.085em !important;
    width: min(10.35rem, 100%) !important;
  }
}
