/* =============================================================================
   SITE-WIDE PERSISTENT FIELD
   ============================================================================= */

.hero-canvas-wrap {
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

.hero-canvas-wrap canvas {
  position: fixed !important;
  inset: 0 !important;
  width: 100%;
  height: 100%;
  opacity: 0.9;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.site-nav,
main,
.site-footer {
  position: relative;
  z-index: 1;
}

.hero,
.section,
.section-alt,
.cta-section,
.site-footer,
.intake-main {
  background: transparent !important;
}

.section-alt {
  border-top: none !important;
  border-bottom: none !important;
}

.hero {
  overflow: visible;
}

.hero-bg,
.hero-rings,
.hero-grid-overlay,
.cta-bg {
  display: block;
}

.page-intake .intake-main .hero-canvas-wrap,
.page-intake .intake-main .hero-bg,
.page-intake .intake-main .hero-rings,
.page-intake .intake-main .hero-grid-overlay {
  display: none !important;
}

.page-intake .intake-main::after {
  background: linear-gradient(180deg, rgba(7,17,29,0.12) 0%, rgba(7,17,29,0.28) 100%) !important;
}

.page-home .hero-grid-overlay,
.page-love .hero-grid-overlay,
.page-career .hero-grid-overlay,
.page-about .hero-grid-overlay,
.page-how .hero-grid-overlay,
.page-faq .hero-grid-overlay,
.page-book .hero-grid-overlay,
.page-intake .hero-grid-overlay {
  opacity: 0.68;
}

.page-home .hero-rings,
.page-love .hero-rings,
.page-career .hero-rings,
.page-about .hero-rings,
.page-how .hero-rings,
.page-faq .hero-rings,
.page-book .hero-rings,
.page-intake .hero-rings {
  opacity: 0.94;
}

.page-home .ring,
.page-love .ring,
.page-career .ring,
.page-about .ring,
.page-how .ring,
.page-faq .ring,
.page-book .ring,
.page-intake .ring {
  border-color: rgba(255,255,255,0.04);
  box-shadow: inset 0 0 24px rgba(124,95,245,0.05), 0 0 24px rgba(79,158,232,0.04);
}

.page-home .ring-2,
.page-love .ring-2,
.page-career .ring-2,
.page-about .ring-2,
.page-how .ring-2,
.page-faq .ring-2,
.page-book .ring-2,
.page-intake .ring-2 {
  border-color: rgba(255,255,255,0.032);
}

.page-home .ring-3,
.page-love .ring-3,
.page-career .ring-3,
.page-about .ring-3,
.page-how .ring-3,
.page-faq .ring-3,
.page-book .ring-3,
.page-intake .ring-3 {
  border-color: rgba(255,255,255,0.024);
}

@media (max-width: 960px) {
  .hero-canvas-wrap,
  .hero-canvas-wrap canvas {
    transform: none !important;
    filter: none !important;
  }

  .hero-bg,
  .hero-rings,
  .hero-grid-overlay,
  .cta-bg {
    display: block !important;
  }
}