/* Phone-only reading and touch adjustments. Desktop rules stay authoritative. */
@media (max-width: 768px) {
  html { scroll-padding-top: 120px; }
  .nav__menu a { min-height: 44px; display: inline-flex; align-items: center; }
  .sc-intro__inner { min-height: 0; padding-bottom: 80px; }
  .sc-intro__eyebrow { overflow-wrap: anywhere; }

  /* Phones show only the three post-collaboration conversations. */
  #sect-testimonials .kakao-grid { grid-template-columns: minmax(0, 1fr); gap: 40px; }
  #sect-testimonials .kakao-pair__stage { height: auto; max-width: 340px; margin: 0 auto; gap: 20px; }
  #sect-testimonials .kakao-phone { height: auto; transform: none; }
  #sect-testimonials .kakao-phone--before { display: none; }

  .pain-intro-scene { height: auto; min-height: 0; }
  .pain-intro-sticky { position: relative; height: auto; min-height: 0; padding: 70px 0 0; overflow: visible; }
  .pain-typewriter { transform: none; will-change: auto; }
  .pain-typewriter .pain-typewriter__line .pain-typewriter__reveal { clip-path: none; will-change: auto; }
  .pain-typewriter__cursor { display: none; }
  .pain-section > .container { padding-top: 40px; padding-left: 24px; padding-right: 24px; }
  .pain-cards { grid-template-columns: minmax(0, 1fr); margin-top: 0; }
  .pain-card--reveal, .fade-up, .fade-left, .fade-right { opacity: 1; transform: none; transition: none; }

  .witu-contact[data-glass] .witu-contact__title { font-size: clamp(28px, 8vw, 38px); }
  .witu-contact__field input, .witu-contact__field textarea { font-size: 16px; }
  #modalOverlay { padding: 12px; padding-top: max(12px, env(safe-area-inset-top)); padding-bottom: max(12px, env(safe-area-inset-bottom)); }
  #modalContainer { width: 100% !important; max-height: calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important; padding: 56px 20px 28px !important; overscroll-behavior: contain; }
  #modalClose { width: 44px; height: 44px; top: 8px !important; right: 8px !important; }
  .faq-item__header { min-height: 48px; }
  .footer { padding-bottom: calc(52px + env(safe-area-inset-bottom)); }
}