/* Compact story header (studio-tracker #752).
   Title, eyebrow, dek, and byline stay readable and take less vertical room,
   so the first paragraph or image starts on the first screen. */
.hero {
  padding: clamp(28px, 4vw, 40px) 24px 22px;
}
.hero h1 {
  font-size: clamp(2.05rem, 4.4vw, 3.35rem);
  line-height: 1.08;
  letter-spacing: -0.02em;
  margin: 0 auto 10px;
}
.hero .eyebrow {
  margin: 0 0 8px;
}
.hero .dek {
  font-size: clamp(1.02rem, 1.5vw, 1.15rem);
  line-height: 1.45;
}
.hero .byline {
  margin-top: 10px;
}
@media (max-width: 700px) {
  .hero {
    padding: 20px 20px 16px;
  }
}