/*
 * Legacy fallback for older browsers used in BODA delivery environments.
 * Modern browsers do not receive these rules because every selector is scoped.
 */
.legacy-browser .site-header {
  position: relative;
  top: auto;
}

.legacy-browser .hero {
  min-height: 620px;
  background: #55101e;
}

.legacy-browser .hero-atmosphere,
.legacy-browser .hero-score-lines,
.legacy-browser .hero-foreground {
  display: none;
}

.legacy-browser .hero-grid,
.legacy-browser .headline-layout,
.legacy-browser .editorial-grid,
.legacy-browser .footer-grid {
  display: block;
}

.legacy-browser .hero-copy,
.legacy-browser .hero-visual,
.legacy-browser .headline-feature,
.legacy-browser .headline-index,
.legacy-browser .footer-grid > * {
  margin-bottom: 2rem;
}

.legacy-browser .primary-nav > ul {
  display: flex;
  flex-wrap: wrap;
}

.legacy-browser .reveal {
  opacity: 1;
  transform: none;
}