/* CSS crítico — evita flash de logo/intro antes do bundle carregar */
#cinematic-intro {
  display: none !important;
  position: fixed;
  inset: 0;
  z-index: 10000;
}

html.cinematic-intro-play #cinematic-intro {
  display: flex !important;
}

html.cinematic-intro-skip #cinematic-intro {
  display: none !important;
}

#mobile-nav,
#mobile-nav-backdrop {
  visibility: hidden;
  pointer-events: none;
}

html.is-nav-ready #mobile-nav,
html.is-nav-ready #mobile-nav-backdrop {
  visibility: visible;
  pointer-events: auto;
}

#mobile-nav {
  transform: translateX(105%);
}

.brand__logo[data-animated-company-logo]:empty {
  visibility: hidden;
}

.hero-cinema__slide--video .hero-video-bg {
  opacity: 0;
}

html.hero-video-armed .hero-cinema__slide--video.is-active .hero-video-bg {
  opacity: 1;
}

html.hero-skip-video .hero-cinema__slide--video {
  opacity: 0 !important;
  visibility: hidden !important;
}

html.hero-skip-video .hero-cinema__slide:nth-child(2) {
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 1;
}