.site-header {
  height: 76px;
}

.hero {
  min-height: 520px;
  padding: 56px 26px 50px;
  gap: 52px;
}

.eyebrow {
  margin-bottom: 16px;
}

.lede {
  margin: 24px 0;
}

.status-line {
  margin-top: 28px;
}

.mission {
  padding: 66px 26px;
}

.section-intro {
  margin: 26px 0 36px auto;
}

.feature-grid article {
  padding: 26px 28px 30px 0;
}

.feature-grid article + article {
  padding-left: 28px;
}

.feature-grid h3 {
  margin: 24px 0 10px;
}

.dispatch-card {
  margin-bottom: 68px;
  padding: 38px 46px;
}

footer {
  min-height: 88px;
  padding: 20px 44px;
}

@media (max-width: 800px) {
  .site-header {
    height: 72px;
  }

  .hero {
    padding: 34px 22px;
    gap: 28px;
  }

  .lede {
    margin: 22px 0;
  }

  .status-line {
    margin-top: 24px;
  }

  .mission {
    padding: 54px 22px;
  }

  .section-intro {
    margin: 22px 0 32px;
  }

  .dispatch-card {
    margin-bottom: 48px;
    padding: 30px 26px;
  }

  footer {
    min-height: auto;
    padding: 24px 20px;
    gap: 16px;
  }
}