/* Mobile apply bar: tucked below the fold while an equivalent CTA is visible. */
@media (max-width: 860px) {
  /* --apply-bar-space (styles.css) is the room the fixed bar takes at the bottom of the
     screen. Body and footer reserve it so the end of the page always clears the bar;
     scroll-padding makes focus and scroll-into-view treat it as outside the viewport, so a
     focused control is never left underneath. */
  html {
    scroll-padding-bottom: var(--apply-bar-space);
  }

  .mobile-apply {
    transition: opacity .3s ease, transform .45s var(--ease);
  }

  .mobile-apply.is-tucked {
    pointer-events: none;
    opacity: 0;
    transform: translateY(calc(100% + 24px));
  }
}

@media (prefers-reduced-motion: reduce) {
  .mobile-apply {
    transition: opacity .2s linear;
  }

  .mobile-apply.is-tucked {
    transform: none;
  }
}

/* Heading rhythm: the "statement + italic twist" device is reserved for the
   hero, the estimator, and the contact close. Other headings run as one
   plain sentence at a quieter, measured size so the signature moments land. */
.section-heading h2 {
  max-width: 15ch;
  font-size: clamp(42px, 4.7vw, 76px);
  letter-spacing: -.045em;
  line-height: .98;
}

.local-copy h2 {
  max-width: 11ch;
  font-size: clamp(46px, 5vw, 78px);
  line-height: .95;
}

.living-film__intro-copy h2 {
  font-size: clamp(56px, 6.8vw, 108px);
}

.living-film__chapter-copy h3 {
  max-width: 13ch;
}

.faq-intro h2 {
  max-width: 10ch;
  font-size: clamp(48px, 5.2vw, 82px);
  line-height: .95;
}

.about-copy h2 {
  font-size: clamp(82px, 9.4vw, 148px);
  letter-spacing: -.055em;
}