/* round 10: opening (owned by the opening design pass; overrides site.css) */
/* the hero: the mark runs gutter to gutter, the sentence and the buttons share one row under it */
.hero { padding-top: 104px; padding-bottom: 60px; }
.hero__body { grid-template-columns: minmax(0, 38ch) 1fr; column-gap: 4vw; row-gap: 1.2vw; align-items: end; }
.hero__q, .hero__a { grid-column: 1 / -1; }
.hero__a { font-size: min(29.6vw, calc((100vh - 330px) * 1.22)); line-height: .86; margin-left: -.035em; }
.hero__line { font-size: clamp(18px, 1.55vw, 24px); max-width: 38ch; }
.hero__cta { justify-self: end; margin-top: 0; }
/* separators keep their spaces inside flex rows */
.top__info, .brief__clock { gap: .45ch; }
@media (max-width: 900px) {
  .hero__body { grid-template-columns: 1fr; row-gap: 14px; }
  .hero__a { font-size: 27.2vw; }
  .hero__cta { justify-self: start; }
}