/* Readability changes apply only at the existing phone breakpoint. */
@media (max-width: 640px) {
  .hero h1 { font-size: clamp(3rem, 12.8vw, 4.15rem); line-height: 1.12; letter-spacing: -.04em; }
  h2, .updates h2 { font-size: clamp(2.35rem, 9.4vw, 3.2rem); line-height: 1.15; letter-spacing: -.035em; }
  h3, .launch-steps h3, .partnership h3, .partner-form h3 { line-height: 1.22; letter-spacing: -.025em; }
  .hero-lede, .how-intro > p:last-child, .launch-steps p,
  .merch-intro > p, .assortment-copy > p:not(.eyebrow), .partnership p,
  .location-copy > p:not(.eyebrow), .benefit-list span, .faq-list details > p,
  .simple-page > p { font-size: 1rem; line-height: 1.75; }
  .launch-steps { gap: 1.8rem; }
  .launch-steps h3 { margin-top: 1rem; margin-bottom: .85rem; }
  .merch-grid { gap: 1.8rem 1rem; }
  .merch-card h3 { font-size: 1.08rem; line-height: 1.3; letter-spacing: -.02em; }
  .merch-card p { font-size: 1rem; line-height: 1.7; }
  .faq-list summary { font-size: 1rem; line-height: 1.5; padding-block: 1.2rem; align-items: flex-start; }
  .faq-list summary > span { flex: 0 0 auto; line-height: 1.15; }
  .faq-list details > p { padding-right: 0; }
  .signal-band p { line-height: 1.6; }
  .hero-note, .assortment-note, .visual-caption > span, .form-fineprint { font-size: .82rem; line-height: 1.65; }
  .partner-form label { font-size: .95rem; line-height: 1.5; }
  .partner-form input, .partner-form select, .partner-form textarea { font-size: 1rem; }
  .site-nav { font-size: .95rem; line-height: 1.5; }
  .simple-page h1 { font-size: clamp(2.8rem, 12vw, 3.6rem); line-height: 1.15; letter-spacing: -.035em; }
  .simple-page h2 { line-height: 1.3; }
}
@media (max-width: 480px) {
  .merch-grid { grid-template-columns: minmax(0, 1fr); gap: 2rem; }
}