/* Global mobile layout */

@media (max-width: 768px) {
  main > section {
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
  }

  img,
  video,
  iframe {
    max-width: 100%;
  }

  .btn--large,
  .hero__cta,
  .results__cta,
  .overview__cta,
  .practice__cta,
  .final__cta {
    width: 100%;
    align-self: stretch;
    min-height: 44px;
  }

  .video-frame__play,
  .cases__video-play {
    min-width: 44px;
    min-height: 44px;
  }

  .hero__title-line,
  .final__title-line {
    font-size: clamp(2rem, 8.5vw, 2.625rem);
  }

  .audience__title-line,
  .concept__title-line,
  .results__title-line,
  .overview__title-line,
  .curriculum__title-line,
  .practice__title-line,
  .kit__title-line,
  .format__title-line,
  .cases__title-line,
  .author__title-line,
  .tariffs__title-line,
  .faq__title-line {
    font-size: clamp(1.75rem, 7vw, 2.125rem);
  }

  .hero__description,
  .concept__accent,
  .practice__intro,
  .practice__quote,
  .kit__closing {
    font-size: clamp(1rem, 4.2vw, 1.125rem);
  }

  .hero__note,
  .concept__text,
  .results__text,
  .overview__description,
  .cases__intro,
  .author__bio,
  .author__message,
  .final__lead {
    font-size: clamp(1rem, 4vw, 1.0625rem);
  }
}

@media (max-width: 480px) {
  .hero__dates-list,
  .final__dates-list {
    font-size: 0.875rem;
  }
}