/* Shared section typography, matching the career section at every breakpoint. */
:root {
  --section-heading-size: clamp(2.6rem, 3.7vw, 4.5rem);
  --section-eyebrow-size: clamp(.84rem, 1.03vw, 1.08rem);
  --section-heading-line-height: .99;
  --section-eyebrow-spacing: .14em;
}

@media (max-width: 900px) {
  :root { --section-heading-size: clamp(2.2rem, 6.5vw, 3.5rem); --section-heading-line-height: 1.05; }
}

@media (max-width: 520px) {
  :root {
    --section-heading-size: clamp(1.9rem, 7.8vw, 2.5rem);
    --section-eyebrow-size: .76rem;
    --section-eyebrow-spacing: .1em;
  }
}

@media (min-width: 1041px) and (min-height: 650px) {
  :root { --section-heading-size: clamp(2rem, min(3.7vw, 6.2vh), 4rem); }
}

@media (min-width: 1041px) and (min-height: 650px) and (max-height: 780px) {
  :root {
    --section-heading-size: clamp(2rem, min(3.7vw, 4.9vh), 2.5rem);
    --section-eyebrow-size: .76rem;
  }
}

.horizontal-showcase-intro h2,
.world-projects-heading h2,
.company-home-heading h2,
.career-new-intro h2,
.project-inquiry-heading h2 {
  font-size: var(--section-heading-size);
  font-family: inherit;
  font-weight: 800;
  font-style: normal;
  line-height: var(--section-heading-line-height);
  letter-spacing: -.035em;
  text-transform: none;
}

.horizontal-showcase .horizontal-showcase-intro .eyebrow,
.world-projects-heading .eyebrow,
.company-home-heading .eyebrow,
.career-new .career-new-eyebrow,
.project-inquiry-heading .eyebrow {
  font-size: var(--section-eyebrow-size);
  font-family: inherit;
  font-weight: 800;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: var(--section-eyebrow-spacing);
  text-transform: uppercase;
}