/* V19: center the accepted Hero between the menu and partner rail.
   The copy remains in flow, so opening its explanation can grow the Hero. */
@media (min-width: 901px) {
  html:not(.enlarged) .v12-hero {
    --v19-partner-bottom: 70px;
    align-items: center;
    /* Menu ends at 80px. Both boundaries reserve another 24px for air. */
    padding-block: 104px calc(var(--v19-partner-bottom) + 84px);
  }

  html:not(.enlarged) .v12-copy {
    align-self: center;
    margin-block: 0;
  }
}

@media (min-width: 901px) and (max-height: 780px) {
  html:not(.enlarged) .v12-hero { --v19-partner-bottom: 24px; }
}

/* Keep the two clauses intact at laptop and desktop widths. The modestly
   wider reading column fits the second clause at the common 46px H2 size. */
#about .v13-about-copy h2 {
  max-width: none;
  font-size: calc(46px * var(--scale, 1));
  line-height: 1.17;
  letter-spacing: -.025em;
  text-wrap: initial;
}

#about .v13-about-copy h2 span { display: inline; }
#about .v13-about-copy h2 span::after { content: none; }
#about .v13-about-copy h2 span:nth-child(3)::after {
  content: '';
  display: block;
}

@media (min-width: 1301px) {
  #about .v13-about-layout {
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
    column-gap: 64px;
  }
}

@media (min-width: 1001px) and (max-width: 1300px) {
  #about .v13-about-layout {
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
    column-gap: 48px;
  }
}

@media (min-width: 701px) and (max-width: 1300px) {
  #about .v13-about-copy h2 { font-size: calc(40px * var(--scale, 1)); }
}

@media (max-width: 700px) {
  #about .v13-about-copy h2 {
    font-size: calc(32px * var(--scale, 1));
    line-height: 1.18;
    text-wrap: balance;
  }
  #about .v13-about-copy h2 span:nth-child(3)::after { content: none; }
}

/* The accessibility setting keeps the existing single-column reading order. */
html.enlarged #about .v13-about-layout { grid-template-columns: minmax(0, 1fr); }
html.enlarged #about .v13-about-copy h2 { text-wrap: balance; }
html.enlarged #about .v13-about-copy h2 span:nth-child(3)::after { content: none; }