.home-hero {
  position: relative;
  min-height: calc(100vh - 76px);
  display: grid;
  align-items: end;
  overflow: hidden;
  color: #ffffff;
}

.home-hero-media {
  position: absolute;
  inset: 0;
}

.home-hero-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  animation: home-zoom 24s ease-in-out infinite alternate;
}

.home-hero-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(11, 24, 40, 0.82) 0%, rgba(11, 24, 40, 0.45) 58%, rgba(11, 24, 40, 0.28) 100%),
    linear-gradient(180deg, rgba(11, 24, 40, 0.15), rgba(11, 24, 40, 0.75));
}

@keyframes home-zoom {
  from { transform: scale(1.04); }
  to { transform: scale(1.12); }
}

.home-hero .wrap {
  position: relative;
  z-index: 1;
  padding: 72px 0 56px;
}

.home-hero .kicker { color: #e6d3a2; }
.home-hero h1 { color: #ffffff; max-width: 15ch; }
.home-hero .lede { color: rgba(255, 255, 255, 0.82); }

.home-stats {
  width: min(1120px, calc(100% - 48px));
  margin: -42px auto 0;
  position: relative;
  z-index: 2;
}

.audience-card {
  min-height: 100%;
}

.audience-card.featured {
  background: linear-gradient(160deg, #12263f, #1e4d7b);
  color: #ffffff;
}

.audience-card.featured h3,
.audience-card.featured p {
  color: rgba(255, 255, 255, 0.88);
}

.audience-card.featured h3 { color: #ffffff; }

.audience-card.featured .cta {
  background: #ffffff;
  color: var(--navy);
}

@media (max-width: 860px) {
  .home-stats {
    width: min(1120px, calc(100% - 28px));
    margin-top: 18px;
  }

  .home-hero {
    min-height: 86vh;
  }
}