.hero--massage-dark {
  background-image: url('/assets/images/hero-magnasand-20260824.webp');
  background-position: center center;
}

@media (min-width: 781px) {
  .home-dark .site-header {
    background: linear-gradient(180deg, rgba(6, 12, 17, .82) 0%, rgba(6, 12, 17, .58) 72%, rgba(6, 12, 17, .32) 100%);
    border-bottom: 1px solid rgba(255, 255, 255, .14);
    box-shadow: 0 14px 34px rgba(4, 9, 14, .16);
    backdrop-filter: blur(10px) saturate(82%);
    -webkit-backdrop-filter: blur(10px) saturate(82%);
  }

  .home-dark .site-header::after {
    opacity: .42;
  }

  .home-dark .main-nav a,
  .home-dark .account-link {
    color: rgba(255, 255, 255, .94);
    text-shadow: 0 1px 12px rgba(0, 0, 0, .34);
  }
}

@media (max-width: 780px) {
  .hero--massage-dark {
    background-image: url('/assets/images/hero-magnasand-mobile-20260824.webp');
    background-position: center top;
  }
}