/* Only unwrap the custom element — NOT the inner div.navigation-wrapper (needs display:flex from style.css). */
navigation-wrapper {
  display: contents;
}
 
.navigation-container1 {
  display: contents;
}
 
.navigation-thq-navigation-brand-elm1 {
  text-decoration: none;
}
 
.navigation-thq-btn-elm1 {
  text-decoration: none;
}
 
.navigation-thq-navigation-brand-elm2 {
  text-decoration: none;
}
 
.navigation-thq-navigation-overlay-link-elm1 {
  text-decoration: none;
}
 
.navigation-thq-navigation-overlay-link-elm2 {
  text-decoration: none;
}
 
.navigation-thq-navigation-overlay-link-elm3 {
  text-decoration: none;
}
 
.navigation-thq-btn-elm2 {
  text-decoration: none;
}
 
.navigation-container2 {
  display: none;
}
 
.navigation-container3 {
  display: contents;
}
 
.navigation-container4 {
  display: none;
}
 
.navigation-container5 {
  display: contents;
}

footer-wrapper {
  display: contents;
}
 
.footer-container1 {
  display: contents;
}
 
.footer-thq-footer-root-elm {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
 
.footer-thq-footer-social-link-elm1 {
  text-decoration: none;
}
 
.footer-thq-footer-legal-link-elm2 {
  text-decoration: none;
}
 
 
.footer-container2 {
  display: none;
}
 
.footer-container3 {
  display: contents;
}
 
@media(max-width: 767px) {
  .footer-thq-footer-root-elm {
    width: 100%;
    max-width: 100%;
  }
}
 
@media(max-width: 479px) {
  .footer-thq-footer-container-elm {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }
}

.the-game-container1 {
  width: 100%;
  max-width: none;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  box-sizing: border-box;
}

.the-game-container1 > section {
  width: 100%;
  max-width: none;
  box-sizing: border-box;
}

.the-game-container1 > .footer-thq-footer-root-elm {
  width: 100%;
  max-width: none;
  box-sizing: border-box;
}
 
.the-game-container2 {
  display: none;
}
 
.the-game-container3 {
  display: contents;
}

/* Hero tagline over video — bright fill + accent glow */
.the-game-hero-section .caps-subtitle.hero-subtitle {
  color: color-mix(in srgb, white 78%, var(--color-accent) 22%);
  opacity: 1;
  font-weight: 600;
  text-shadow:
    0 0 2px rgba(0, 0, 0, 1),
    0 1px 5px rgba(0, 0, 0, 0.92),
    0 0 14px color-mix(in srgb, var(--color-accent) 75%, transparent),
    0 0 32px color-mix(in srgb, var(--color-accent) 55%, transparent),
    0 0 56px color-mix(in srgb, var(--color-accent) 35%, transparent);
}