/* Mobile — slightly smaller type rhythm; headlines stay dominant */
@media (max-width: 900px) {
  html {
    font-size: 13px;
  }

  body {
    line-height: 1.68;
  }

  #nav,
  nav {
    padding: 1.1rem 1.25rem !important;
  }

  #nav.scrolled,
  nav.scrolled {
    padding: 0.85rem 1.25rem !important;
  }

  .nav-logo {
    height: 26px !important;
  }

  .hero-inner h1.f-display,
  .hero-h1,
  .work-header h1,
  .chapter-head h2,
  .s > h1.f-display,
  div.s > h1.f-display {
    font-size: clamp(2rem, 7.4vw, 2.65rem);
    line-height: 1.05;
    color: var(--paper);
  }

  .music-inner h2,
  .weave-inner h2,
  .work-meta h2,
  .film-text h2,
  .dh-lg,
  .spear-text h2 {
    font-size: clamp(1.32rem, 5.2vw, 1.82rem);
  }

  .hero-sub,
  .lead,
  .chapter-head .lead,
  .work-header .intro p,
  .film-text p,
  .bt,
  .intro p,
  .s .lead {
    font-size: max(0.84rem, 12.5px);
    line-height: 1.72;
  }

  .pepeha-lines p,
  .pepeha-lines span {
    font-size: clamp(0.72rem, 2.8vw, 0.86rem);
  }

  .pepeha-lines .kohu-pivot {
    font-size: clamp(0.82rem, 3.1vw, 0.96rem);
  }

  .section {
    padding: 4.25rem 1.25rem;
  }

  .s {
    padding: 4.25rem 1.25rem;
  }

  .hero-inner {
    padding: 0 1.25rem 3.25rem;
  }

  .work-header {
    padding: 8.5rem 1.25rem 2.5rem !important;
  }

  .spear-band {
    padding: 4.5rem 1.25rem !important;
  }

  .reel-band,
  .films {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }

  .sams-chapter {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }

  .f-mono,
  .label,
  .eyebrow {
    font-size: 0.58rem;
    letter-spacing: 0.24em;
  }

  .hero {
    min-height: 92vh;
  }

  .hero-kicker {
    font-size: 0.56rem;
    margin-bottom: 1rem;
  }
}

@media (max-width: 700px) {
  html {
    font-size: 12.5px;
  }
}