.eyebrow {
  margin-bottom: 13px;
  color: var(--green-600);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.mission__content > p:not(.eyebrow) {
  max-width: 550px;
  font-size: 16px;
}

.page-hero {
  padding: 90px 0 80px;
  text-align: center;
  background: radial-gradient(circle at 50% -60%, #fff 0, transparent 70%), linear-gradient(135deg, #eef3e5, #f7f0df);
}

.page-hero--short {
  padding: 65px 0 58px;
}

.page-hero h1 {
  font-size: clamp(38px, 5vw, 58px);
}

.page-hero p:last-child {
  max-width: 590px;
  margin: 13px auto 0;
  color: #4e574d;
  font-size: 17px;
}

.contact-panel > p:not(.eyebrow) {
  color: var(--muted);
}

@media (max-width: 560px) {
  .page-hero {
    padding: 65px 0 55px;
  }
}

.page-hero {
  background: radial-gradient(circle at 50% -35%, #fff 0, transparent 52%), linear-gradient(145deg, #edf4e8, #faf6ec);
  border-bottom: 1px solid var(--border-soft);
}

.hero .eyebrow {
  margin-bottom: 16px;
  color: #d7e8c5;
  font-size: 12px;
  letter-spacing: .2em;
}

.hero__content.is-visible .eyebrow {
  animation: hero-fade-up .7s both;
}

@media (max-width: 560px) {
  .hero .eyebrow {
    margin-bottom: 13px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero__content.is-visible .eyebrow {
    animation: none;
  }
}

.page-hero {
  padding-block: clamp(58px, 7vw, 90px);
}

.page-hero h1 {
  font-size: clamp(2rem, 5vw, 3.6rem);
}

.page-hero p:last-child,
.contact-panel > p:not(.eyebrow) {
  font-size: clamp(.95rem, 2vw, 1.06rem);
}

.mission__content > p:not(.eyebrow) {
  font-size: clamp(.95rem, 1.5vw, 1rem);
}