/* Home hero refinement; mobile and reduced-motion layouts use the existing styles. */
@media (min-width: 841px) and (prefers-reduced-motion: no-preference) {
  .home-page .hero-top[data-band-refined] {
    background: transparent;
  }

  .home-page .hero-top[data-band-refined] .hero-pin {
    border-radius: 0;
  }

  .home-page .hero-top[data-band-refined] .hero-bottom-wave {
    inset: auto 0 -1px;
    width: 100%;
    height: clamp(240px, 23vw, 320px);
    border-radius: 50% 50% 0 0 / 64px 64px 0 0;
    transform: translate3d(0, var(--hero-refined-band-offset, 50%), 0);
    background: linear-gradient(180deg, rgb(255, 203, 228), #f285ab);
    box-shadow: none;
    pointer-events: none;
    will-change: transform;
  }

  .home-page .hero-top[data-band-refined] .hero-wave-logo {
    top: 42px;
    width: clamp(280px, 30vw, 480px);
    transform: translate3d(-50%, var(--hero-refined-logo-shift, 0px), 0);
    opacity: var(--hero-refined-logo-reveal, 0);
    filter: drop-shadow(0 5px 8px rgba(163, 34, 96, 0.14));
  }

  .home-page .hero-top[data-band-refined] .hero-wave-logo-blue {
    opacity: 1;
  }

  .home-page .hero-top[data-band-refined] .hero-wave-logo-pink {
    opacity: var(--hero-refined-logo-swap, 0);
  }
}