/* Align main section titles and subtitles with the approved screen-5 typography. */
.landing > .section .section__copy > h2,
.landing .lesson-screen__title {
  font-family: var(--font-body);
  font-weight: 840;
  letter-spacing: 0;
}

.landing > .section .section__copy > .eyebrow,
.landing .lesson-screen .lesson-eyebrow {
  display: flex;
  align-items: center;
  color: var(--green, #07543d);
  font-family: var(--font-body);
  font-weight: 820;
  letter-spacing: 0;
  line-height: 1.2;
  text-transform: uppercase;
}

.landing > .section .section__copy > .eyebrow::before,
.landing .lesson-screen .lesson-eyebrow::before {
  background: currentColor;
}

.landing > .section .section__copy > .lead,
.landing .lesson-lead {
  color: rgba(48, 65, 89, 0.86);
  font-family: var(--font-body);
  letter-spacing: 0;
}

@media (min-width: 1241px) {
  .landing {
    --np-eyebrow-target-top: 5.55svh;
  }

  .history__copy,
  .audience__copy,
  .contact__copy,
  .lesson-screen__copy {
    top: var(--np-eyebrow-target-top);
  }

  .ai-screen__inner,
  .clinical-ai .ai-screen__inner,
  .report-builder .ai-screen__inner {
    align-content: start;
    align-items: start;
    padding-top: var(--np-eyebrow-target-top);
  }

  .landing > .section .section__copy > h2,
  .landing .lesson-screen__title {
    font-size: min(3.55vw, 6.31svh);
    line-height: 1.11;
  }

  .landing .audience .audience__copy > h2 {
    padding-top: 3.2svh;
  }

  .audience__copy {
    top: calc(var(--np-eyebrow-target-top) - 1svh);
  }

  .landing > .section .section__copy > .eyebrow,
  .landing .lesson-screen .lesson-eyebrow {
    gap: min(1.08vw, 1.92svh);
    margin: 0 0 min(1.55vw, 2.755svh);
    font-size: min(1.02vw, 1.81svh);
  }

  .landing > .section .section__copy > .eyebrow::before,
  .landing .lesson-screen .lesson-eyebrow::before {
    flex: 0 0 min(2.83vw, 5.1svh);
    width: min(2.83vw, 5.1svh);
    height: min(0.18vw, 0.32svh);
  }

  .landing > .section .section__copy > .lead,
  .landing .lesson-lead {
    font-size: clamp(17px, 1.2vw, 22px);
    line-height: 1.48;
  }
}

@media (min-width: 1241px) and (max-height: 860px) {
  .history__copy {
    top: calc(var(--np-eyebrow-target-top) - 0.5svh);
  }
}

@media (min-width: 861px) and (max-width: 1240px) {
  .landing {
    --np-eyebrow-target-top: 6.08svh;
  }

  .history__inner,
  .ai-screen__inner,
  .audience__inner,
  .contact__inner,
  .lesson-screen__inner {
    padding-top: var(--np-eyebrow-target-top);
  }

  .history__inner {
    align-content: start;
    align-items: start;
  }

  .ai-screen__inner,
  .clinical-ai .ai-screen__inner,
  .report-builder .ai-screen__inner {
    align-content: start;
    align-items: start;
    padding-top: var(--np-eyebrow-target-top);
  }

  .history__copy {
    transform: none;
  }

  .audience__copy,
  .contact__copy {
    top: var(--np-eyebrow-target-top);
  }

  .landing > .section .section__copy > h2,
  .landing .lesson-screen__title {
    font-size: clamp(38px, 4.8vw, 48px);
    line-height: 1.08;
  }

  .landing > .section .section__copy > .eyebrow,
  .landing .lesson-screen .lesson-eyebrow {
    gap: clamp(14px, 1.2vw, 18px);
    margin: 0 0 16px;
    font-size: clamp(14px, min(1.1vw, 2.2vh), 18px);
    line-height: 1.16;
  }

  .landing > .section .section__copy > .eyebrow::before,
  .landing .lesson-screen .lesson-eyebrow::before {
    flex: 0 0 44px;
    width: 44px;
    height: 2px;
  }

  .landing > .section .section__copy > .lead,
  .landing .lesson-lead {
    font-size: clamp(16px, 1.8vw, 19px);
    line-height: 1.46;
  }
}

@media (min-width: 741px) and (max-width: 860px) {
  .landing {
    --np-eyebrow-target-top: 6.08svh;
  }

  .history__inner,
  .ai-screen__inner,
  .audience__inner,
  .contact__inner,
  .lesson-screen__inner {
    padding-top: var(--np-eyebrow-target-top);
  }

  .ai-screen__inner,
  .clinical-ai .ai-screen__inner,
  .report-builder .ai-screen__inner {
    align-content: start;
    align-items: start;
    padding-top: var(--np-eyebrow-target-top);
  }

  .landing > .section .section__copy > h2,
  .landing .lesson-screen__title {
    font-size: clamp(42px, 6vw, 56px);
    line-height: 1.05;
  }

  .landing > .section .section__copy > .eyebrow,
  .landing .lesson-screen .lesson-eyebrow {
    gap: 12px;
    margin: 0 0 13px;
    font-size: 14px;
    line-height: 1.2;
  }

  .landing > .section .section__copy > .eyebrow::before,
  .landing .lesson-screen .lesson-eyebrow::before {
    flex: 0 0 36px;
    width: 36px;
    height: 2px;
  }

  .landing > .section .section__copy > .lead,
  .landing .lesson-lead {
    font-size: clamp(18px, 2.2vw, 21px);
    line-height: 1.48;
  }
}

@media (min-width: 741px) and (max-width: 980px),
  (min-width: 981px) and (max-width: 1240px) and (max-height: 900px) {
  .landing {
    --np-eyebrow-target-top: clamp(42px, 5.8svh, 56px);
  }
}

@media (min-width: 1121px) and (max-width: 1240px) and (orientation: landscape) {
  .audience__inner,
  .contact__inner {
    padding-top: 0;
  }

  .audience__copy,
  .contact__copy {
    top: calc(var(--np-eyebrow-target-top) - ((100svh - 56.28vw) / 2));
  }
}

@media (max-width: 740px) {
  .landing {
    --np-eyebrow-target-top: 58px;
  }

  .history__inner,
  .ai-screen__inner,
  .audience__inner,
  .contact__inner,
  .lesson-screen__inner {
    padding-top: var(--np-eyebrow-target-top);
  }

  .clinical-ai .ai-screen__inner,
  .report-builder .ai-screen__inner {
    align-content: start;
    align-items: start;
    padding-top: var(--np-eyebrow-target-top);
  }

  .landing > .section .section__copy > h2,
  .landing .lesson-screen__title {
    font-size: clamp(30px, 8.7vw, 38px);
    line-height: 1.09;
  }

  .landing > .section .section__copy > .eyebrow,
  .landing .lesson-screen .lesson-eyebrow {
    gap: 12px;
    margin: 0 0 18px;
    font-size: 13px;
    line-height: 1.16;
  }

  .landing > .section .section__copy > .eyebrow::before,
  .landing .lesson-screen .lesson-eyebrow::before {
    flex: 0 0 40px;
    width: 40px;
    height: 2px;
  }

  .landing > .section .section__copy > .lead,
  .landing .lesson-lead {
    font-size: 16px;
    line-height: 1.52;
  }
}
