/* Restore the Home's three key performance statistics above the hero layer. */
.landing-page .stats {
  position: fixed;
  z-index: 20;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  transition: opacity .45s ease, transform .45s cubic-bezier(.2, .75, .25, 1), visibility .45s ease;
}

.landing-page .site-header {
  will-change: opacity, transform;
  transition: opacity .65s ease, transform .65s cubic-bezier(.2, .75, .25, 1), visibility .65s ease;
}

/* Once the visitor leaves the hero, the metrics stay out until they return. */
body.hero-stats-dismissed .landing-page .stats {
  visibility: hidden !important;
  opacity: 0 !important;
  transform: translate3d(0, 5rem, 0) scale(.96) !important;
}

body.hero-header-dismissed .landing-page .site-header {
  visibility: hidden;
  opacity: 0;
  transform: translate3d(0, -2rem, 0);
  pointer-events: none;
}

.stats .stat svg { display: none; }
.stats .stat { gap: 0; }
.stats .stat p { align-items: center; gap: .45rem; white-space: normal; }
.stats .stat strong,
.stats .stat span { color: #FFD700; }

.stats .stat:nth-child(3) strong,
.stats .stat:nth-child(3) span { color: #00173D; }
.stats .stat strong {
  font-size: clamp(1.5rem, 2.2vw, 2.35rem);
  font-weight: 700;
  line-height: .9;
}
.stats .stat span {
  display: block;
  max-width: 12rem;
  font-size: clamp(.65rem, .8vw, .82rem);
  line-height: 1.2;
  position: relative;
  top: -3px;
}

@media (max-width: 700px) {
  .landing-page .stats {
    position: relative;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .stats .stat span { max-width: 13rem; }
}

@media (prefers-reduced-motion: reduce) {
  .landing-page .stats,
  .landing-page .site-header { transition: none; }
}