/* Homepage polish. Loaded after main.css only on the front page. */

.home-page .hero {
  min-height: clamp(650px, 82vh, 860px);
}

.home-page .hero__media {
  background:
    linear-gradient(100deg, rgba(0,45,90,.95), rgba(0,72,144,.62) 52%, rgba(0,45,90,.18)),
    url("../images/feeding-children-1600.webp") center 42% / cover;
}

.home-page .hero h1 {
  max-width: 980px;
  font-size: clamp(64px, 8vw, 108px);
}

.home-page .mission-band__inner {
  padding-top: clamp(58px,6vw,80px);
  padding-bottom: clamp(58px,6vw,80px);
}

.home-page .pathway {
  padding-top: clamp(72px,7vw,96px);
  padding-bottom: clamp(72px,7vw,96px);
}

.home-page .pathway-card {
  min-height: 220px;
}

.home-page .team-intro {
  position: relative;
  background: linear-gradient(135deg, #fff, var(--cream));
}

.home-page .team-intro__copy .oewm-button {
  margin-top: var(--space-3);
}

.home-page .team-intro__photo img {
  aspect-ratio: 4 / 3;
}

.home-page .serve {
  background: linear-gradient(180deg, #fff, rgba(0,72,144,.035));
}

.home-page .serve-grid {
  align-items: stretch;
}

.home-page .serve-card {
  min-height: 230px;
}

.serve__footer {
  display: flex;
  justify-content: center;
  margin-top: var(--space-5);
}

.home-page .action-card {
  display: flex;
  flex-direction: column;
}

.home-page .action-card div {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.home-page .action-card .oewm-button {
  align-self: flex-start;
  margin-top: auto;
}

.home-page .story__image img {
  aspect-ratio: 4 / 3;
}

.home-page .gallery-band {
  padding-bottom: 0;
}

.home-page .partners {
  padding-top: clamp(72px,7vw,96px);
  padding-bottom: clamp(72px,7vw,96px);
}

.newsletter__actions {
  display: grid;
  gap: var(--space-3);
}

.newsletter__actions .oewm-button {
  width: 100%;
}

@media (max-width: 980px) {
  .home-page .hero { min-height: 700px; }
  .home-page .team-intro__grid { gap: var(--space-5); }
}

@media (max-width: 680px) {
  .home-page .hero { min-height: auto; }
  .home-page .hero__content { padding: var(--space-6) 0; }
  .home-page .hero h1 { font-size: clamp(2.8rem,13vw,3.65rem); }
  .home-page .hero__lead { max-width: 330px; font-size: 1rem; }
  .home-page .hero .button-row { display: grid; gap: var(--space-2); }
  .home-page .hero .oewm-button { width: 100%; }
  .home-page .mission-band__inner { padding: var(--space-5) 0; }
  .home-page .pathway,
  .home-page .team-intro,
  .home-page .serve,
  .home-page .action,
  .home-page .story,
  .home-page .partners,
  .home-page .newsletter { padding-top: var(--space-6); padding-bottom: var(--space-6); }
  .home-page .pathway-card,
  .home-page .serve-card { min-height: 0; }
  .home-page .team-intro__photo img { aspect-ratio: 4 / 3; }
  .home-page .section-heading { margin-bottom: var(--space-4); }
  .home-page .photo-strip { grid-template-columns: repeat(2,1fr); }
  .home-page .photo-strip img { aspect-ratio: 4 / 3; }
}