/* Subtitle block — the brand's eyebrow line, standing on its own.

   Typography comes from .section-label, which every brand defines, so
   this follows the local palette and type rather than restating ADS's.
   Only what changes when the line stands alone belongs here.

   ── LOCAL VALUES (ADS) ──
   Side padding is 54px, not var(--space-section-x), because ADS's
   .billboard pads 54px while the token says 32px. This block has to sit
   on the same left edge as the sections above and below it, so it
   follows the billboard, not the token. Other brands use their token. */

.block-subtitle {
  padding: 0 54px;
  display: flex;
  flex-direction: column;
  scroll-margin-top: 85px;
}

.block-subtitle.align-center { align-items: center;  text-align: center; }
.block-subtitle.align-right  { align-items: flex-end; text-align: right; }

/* .section-label on ADS is the billboard kicker at .12em tracking; the
   kicker itself is .09em. Pinned so a subtitle block placed where a
   billboard's kicker used to be is the same width to the pixel. */
.block-subtitle .section-label {
  letter-spacing: .09em;
  /* The eyebrow carries a bottom margin so it clears the headline under
     it. Alone in its own block that is invisible dead space directly
     above whatever spacer the author placed to control exactly that gap
     — so the spacer would never read as the number typed into it. */
  margin: 0;
}

@media (max-width: 820px) {
  .block-subtitle { padding: 0 24px; }
}