/* Compact vertical rhythm for the public site. */
.site-header {
  height: 70px;
}

.public-hero {
  min-height: 448px;
  padding: 24px 0;
  gap: 4vw;
}

.hero-copy h1 {
  font-size: clamp(48px, 5.3vw, 74px);
  line-height: 1;
  margin: 8px 0 16px;
}

.hero-copy > p:not(.kicker) {
  line-height: 1.7;
  margin: 0;
}

.hero-actions {
  margin-top: 18px;
}

.sensor-art {
  height: 330px;
}

.orbit-a {
  width: 230px;
  height: 230px;
}

.orbit-b {
  width: 320px;
  height: 320px;
}

.core {
  width: 110px;
  height: 110px;
}

.project-section {
  padding: 56px 0;
}

.section-title {
  margin-bottom: 24px;
}

.section-title h2 {
  font-size: 34px;
}

.feature-grid article {
  min-height: 178px;
  padding: 20px;
}

.feature-grid h3 {
  margin: 26px 0 9px;
}

.feature-grid p,
.note-list p {
  line-height: 1.65;
  margin-bottom: 0;
}

.notes {
  padding: 52px 0;
}

.notes h2 {
  margin: 8px 0 0;
}

.note-list article {
  padding: 15px 0;
}

.about {
  margin: 26px 0 50px;
  padding: 22px;
}

footer {
  padding-top: 22px;
  padding-bottom: 28px;
}

@media (max-width: 900px) {
  .public-hero {
    padding: 38px 0;
  }

  .sensor-art {
    height: 300px;
  }
}

@media (max-width: 560px) {
  .public-hero {
    padding: 30px 0;
  }

  .hero-copy h1 {
    font-size: 44px;
  }

  .project-section,
  .notes {
    padding: 42px 0;
  }
}