/* Type scale — 5 sizes, each a clear step apart (Oct 2026).
   Loads last, after one-strategic-consulting.css.
   Desktop: 40 / 28 / 22 / 16 / 12 px.   Phone (<=767px): 32 / 24 / 20 / 16 / 12 px.
   Level 1  .hero-heading                       the hero line
   Level 2  .heading-section, .small-heading    section openers + form heading
            .heading-statement                  "Driving Tomorrow — Today", held at 32px
   Level 3  .heading-item                       each capability and service
   Level 4  body, lists, .topic-header (bold)
   Level 5  .eyebrow, .footer-text              labels                                  */

:root {
  --t1: 2.5rem;          /* 40 */
  --t2: 1.75rem;         /* 28 */
  --t3: 1.375rem;        /* 22 */
  --t4: 1rem;            /* 16 */
  --t5: .75rem;          /* 12 */
  --t-statement: 2rem;   /* 32 */
}
@media screen and (max-width: 767px) {
  :root { --t1: 2rem; --t2: 1.5rem; --t3: 1.25rem; --t-statement: 1.75rem; }
}

.hero-heading { font-size: var(--t1); line-height: 1.15; }

.section-heading.heading-section,
.small-heading { font-size: var(--t2); line-height: 1.25; font-weight: 300; letter-spacing: -.02em; }

.section-heading.heading-statement { font-size: var(--t-statement); line-height: 1.25; }

.section-heading.heading-item { font-size: var(--t3); line-height: 1.3; font-weight: 400; letter-spacing: -.01em; margin-bottom: 1rem; }

.topic-header { font-size: var(--t4); }

.eyebrow { font-size: var(--t5); line-height: 1.5; letter-spacing: .12em; text-transform: uppercase; margin-bottom: .75rem; }
.footer-text { font-size: var(--t5); }