/* Shared desktop rhythm for article openings. Individual hero designs remain distinct. */
@media (min-width: 701px) {
  body[data-article-category] main > .top-back-nav,
  .interview-edit .top-back-nav {
    padding-top: 16px;
    padding-bottom: 10px;
  }

  /* Keep the complete 16:9 interiors composition within the first viewport. */
  .interiors-feature .if-hero {
    width: min(100%, calc(177.8vh - 260px));
    margin-inline: auto;
  }

  .notes-hero {
    padding-top: 34px;
  }

  .notes-hero-image {
    margin-top: 52px;
  }

  .interview-edit .ie-hero {
    padding-top: 22px;
  }

  .interview-edit .ie-hero-copy {
    margin-bottom: 52px;
  }

  .issue-hero-real > .issue-label {
    padding-top: 38px;
  }
}