/* landing-override.css - targeted overrides to ensure hero/video/nav render correctly */
/* Use higher specificity and !important only when required */

html body .hero-bg,
html body .bg__video,
html body .bg {
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  z-index: -2 !important;
  filter: saturate(110%) contrast(104%) brightness(80%) !important;
  pointer-events: none !important;
}

/* ensure hero sits above the video */
html body .hero,
html body .hero__card {
  position: relative !important;
  z-index: 2 !important;
  min-height: 100vh !important;
  display: grid !important;
  place-items: center !important;
  padding: 80px 16px 32px !important;
  background: transparent !important;
}

/* nav fixed and visible */
html body .nav,
html body header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 10010 !important;
  backdrop-filter: blur(8px) !important;
  background: linear-gradient(to bottom, rgba(0,0,0,0.32), rgba(0,0,0,0)) !important;
}

/* make sure hero CTA is clickable above overlays */
html body .hero__cta,
html body .hero .cta-btn {
  z-index: 10011 !important;
}

/* small defensive rule if a bootstrap-like file resets body color */
html body, html body .hero, html body .hero__card {
  color: inherit !important;
}

/* end override */