.about-stage {
  position: relative;
  z-index: 1;
  min-height: 100svh;
  display: grid;
  place-items: center start;
  padding: clamp(48px, 10vw, 112px) var(--side);
}

.quiet--about {
  width: min(100%, 680px);
}

.about-kicker {
  margin: 0 0 2rem;
  color: var(--sky-muted);
  font-size: 0.76rem;
  letter-spacing: 0.08em;
  opacity: 0.7;
}

.quiet--about h1 {
  max-width: 9em;
  font-size: clamp(2.5rem, 8vw, 4.8rem);
  line-height: 1.18;
}

.about-copy {
  max-width: 38em;
  margin-top: clamp(3rem, 8vh, 5.5rem);
  color: var(--sky-lead);
  font-size: clamp(0.92rem, 2.6vw, 1.02rem);
}

.about-copy p {
  margin-bottom: 1.45rem;
}

.actions--about {
  margin-top: clamp(3.5rem, 9vh, 6rem);
  color: var(--sky-muted);
}

@media (max-width: 520px) {
  .about-stage {
    place-items: center start;
  }
}