.overview {
  border-bottom: 1px solid var(--rule);
  padding: clamp(2.5rem, 8vh, 6rem) 0 3rem;
  text-align: center;
}
.overview-inner { display: flex; flex-direction: column; align-items: center; }

.masthead {
  padding-bottom: 1.2rem;
  margin-bottom: 1.6rem;
  border-bottom: 1px solid var(--rule);
  width: 100%;
}

.overview-headline {
  margin: 0.4rem 0 0.6rem;
}
.overview-deck {
  font-family: var(--serif-body);
  font-size: clamp(1.15rem, 2.4vw, 1.5rem);
  line-height: 1.4;
  color: var(--ink-soft);
  max-width: 40ch;
  margin: 0 auto 1rem;
}
.overview-byline { margin-bottom: 1.4rem; }

.overview-hero {
  width: 100%;
  max-width: var(--maxw-full);
  height: auto;
  display: block;
  margin: 1rem auto 0.5rem;
  border-radius: 2px;
}

.overview-scroll { margin-top: 2rem; opacity: 0.7; }