/* =============================================================
  home.css — homepage only (index.html)
  Keeps only homepage-specific composition rules.
  ============================================================= */

.hero {
  position: relative;
  min-height: max(90vh, 720px);
  overflow: hidden;
}

.hero-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  will-change: transform;
  animation: heroZoom 22s ease-in-out infinite alternate;
}

.hero-content {
  position: relative;
  z-index: 2;
}

#ctaBand {
  min-height: 64vh;
  background-image:
    linear-gradient(
      to bottom,
      rgba(28, 25, 22, 0.38) 0%,
      rgba(28, 25, 22, 0.25) 30%,
      rgba(28, 25, 22, 0.72) 60%,
      rgba(28, 25, 22, 0.94) 100%
    ),
    url("/images/Groom-Dad.webp");
}

.story {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.45) 100%);
}

.story-stat-row-mobile {
  display: none;
}

.testimonials-grid {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
  gap: var(--space-md);
  max-width: 980px;
  margin: 0 auto var(--space-md);
}

.testimonial-card {
  width: min(100%, 440px);
  max-width: 440px;
  min-height: 100%;
  justify-content: space-between;
}

.micro-link {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-inline: auto;
}