/* VERSION E6 — MOBILE POLISH PASS */

@media (max-width: 767px) {
  /* Keep E5's composition and make the next section arrive 6% sooner. */
  .concept-e6 .hero-stage,
  .concept-e6 .hero-content {
    min-height: min(714px, 94svh);
  }

  .concept-e6 .hero-content {
    padding-block: 78px 18px;
  }

  .concept-e6 .concept-kicker {
    margin-bottom: .56rem;
  }

  .concept-e6 .hero-final h1 {
    margin-bottom: .5rem;
  }

  .concept-e6 .hero-lead span {
    margin-bottom: .12rem;
  }

  .concept-e6 .hero-signatures {
    margin-top: .76rem;
  }

  .concept-e6 .hero-trust-line {
    margin-top: .5rem;
  }

  /* E5's portrait remains; only the mobile viewport becomes intentionally shorter. */
  .concept-e6 .mini-teaching-photo {
    aspect-ratio: 1 / 1;
  }

  .concept-e6 .mini-teaching-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 52%;
  }

  .concept-e6 .mini-bridge {
    padding-bottom: 42px;
  }

  .concept-e6 .mirror {
    padding-block: 48px 72px;
  }

  .concept-e6 .mirror-media-layout {
    gap: 14px;
  }

  .concept-e6 .mirror-list p {
    padding-block: .86rem;
  }

  /* A 3:4 frame is 11.1% shorter than E5's 2:3 frame at the same width. */
  .concept-e6 .about-mobile-stage {
    aspect-ratio: 3 / 4;
  }

  .concept-e6 .about-mobile-slide:nth-child(1) img {
    object-position: center 0%;
  }

  .concept-e6 .about-mobile-slide:nth-child(2) img {
    object-position: center 58%;
  }

  .concept-e6 .about-mobile-slide:nth-child(3) img {
    object-position: center 5%;
  }

  .concept-e6 .about-mobile-slide:nth-child(4) img {
    object-position: center 4%;
  }
}

@media (max-width: 370px) {
  .concept-e6 .method-title-block h2 {
    font-size: 2rem;
  }
}