/* The hero poster remains visible until the desktop background video plays. */
body[data-page-route="home"] #heroSection { isolation: isolate; background: #1c2340; }
/* Show the headline on first paint instead of delaying it behind an entrance. */
body[data-page-route="home"] #heroSection .hero-content,
body[data-page-route="home"] #heroSection .animate__animated {
  animation: none;
  opacity: 1;
  transform: none;
}
body[data-page-route="home"] #heroSection::before {
  z-index: 2;
  background: rgba(28, 35, 64, .58);
  pointer-events: none;
}
.hero-family__poster,
.hero-family__video {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  filter: none;
  pointer-events: none;
}
.hero-family__poster { z-index: 0; }
.hero-family__video { z-index: 1; opacity: 0; transition: opacity .35s ease; }
[data-family-hero].is-video-ready .hero-family__video { opacity: 1; }
@media (max-width: 767.98px), (hover: none) and (pointer: coarse) {
  .hero-family__video { display: none; }
  .hero-family__poster { object-position: 60% 50%; }
}
@media (max-width: 575.98px) {
  body[data-page-route="home"] #heroSection { padding: 24px 8px; }
  body[data-page-route="home"] #heroSection .hero-content { padding: 12px 8px; }
  body[data-page-route="home"] #heroSection .hero-content .btn { padding-left: 24px !important; padding-right: 24px !important; }
}
@media (prefers-reduced-motion: reduce) {
  .hero-family__video { display: none; transition: none; }
}