/**
 * Branch Writing heading scale — mirrors /ai font-size.css proportions.
 * Load after sales-page-font-scale.css so section/hero tiers win.
 */

html.bw-sales-page-branch-writing {
  --bw-font-hero: clamp(36px, 5vw, 48px);
  --bw-font-section: clamp(28px, 3.2vw, 36px);
  --bw-font-emphasis: 20px;
}

/* Primary hero headline */
html.bw-sales-page-branch-writing #__next .sales-hero-title,
html.bw-sales-page-branch-writing #__next .bw-hero-title {
  font-size: var(--bw-font-hero) !important;
  line-height: 1.15 !important;
}

/* Section h2 (.section__title + legacy class on same nodes) */
html.bw-sales-page-branch-writing #__next .section__title,
html.bw-sales-page-branch-writing #__next h2.section__title,
html.bw-sales-page-branch-writing #__next h2.branch-writing_h2__13kuK {
  font-size: var(--bw-font-section) !important;
}

html.bw-sales-page-branch-writing #__next .section__title .branch-writing_h2Highlight__7dM3h {
  font-size: inherit !important;
}

/* Card / feature headings — emphasis tier */
html.bw-sales-page-branch-writing #__next .bw-feature-item-title,
html.bw-sales-page-branch-writing #__next .use-case-card h3,
html.bw-sales-page-branch-writing #__next .bw-hero-mini-card-title {
  font-size: var(--bw-font-emphasis) !important;
}

@media (max-width: 767px) {
  html.bw-sales-page-branch-writing #__next .sales-hero-title,
  html.bw-sales-page-branch-writing #__next .bw-hero-title {
    font-size: clamp(28px, 8.5vw, 36px) !important;
  }

  html.bw-sales-page-branch-writing #__next .section__title,
  html.bw-sales-page-branch-writing #__next h2.section__title,
  html.bw-sales-page-branch-writing #__next h2.branch-writing_h2__13kuK {
    font-size: clamp(22px, 5.5vw, 30px) !important;
  }
}