/* Mobile typography pass — keeps the editorial impact without collisions */
@media (max-width: 700px){
  :root{--pad:clamp(18px,5vw,24px)}
  body{-webkit-text-size-adjust:100%;text-size-adjust:100%}
  .nav{padding:16px var(--pad)}
  .brand{font-size:15px;line-height:.84;letter-spacing:-.01em}
  .menu{width:38px;height:38px;padding:9px}

  .hero{min-height:max(100svh,720px)}
  .hero-copy{padding:clamp(128px,18vh,170px) var(--pad) max(26px,env(safe-area-inset-bottom))}
  .eyebrow{font-size:11px;line-height:1.05;letter-spacing:.16em;margin-bottom:13px}
  .hero h1{width:100%;max-width:none;font-size:clamp(47px,14.6vw,62px);line-height:.84;letter-spacing:-.018em}
  .hero h1 span{display:block;white-space:nowrap}
  .hero h1 .outline{-webkit-text-stroke:1px #fff}
  .hero-bottom{gap:14px;margin-top:27px;padding-top:14px;align-items:center}
  .hero-bottom p{max-width:205px;font-size:13px;line-height:1.22;letter-spacing:.035em;text-wrap:balance}
  .round-link{flex:0 0 76px;width:76px;height:76px;font-size:9px;gap:5px}
  .round-link b{font-size:19px}
  .hero-stamp{top:96px;right:var(--pad);padding:10px 12px 9px;font-size:15px;line-height:.8}

  .ticker{padding:13px 0}
  .ticker-track{font-size:18px;gap:18px}
  .section{padding:72px var(--pad)}
  .section-num{font-size:10px;letter-spacing:.15em;margin-bottom:32px;padding-bottom:13px}

  .manifesto h2,.experience h2,.audience h2,.brand-proof h2{font-size:clamp(48px,13.5vw,64px);line-height:.88;letter-spacing:-.022em;text-wrap:balance}
  .manifesto-copy .lead{font-size:clamp(21px,6.2vw,27px);line-height:1.08;text-wrap:balance}
  .manifesto-copy p{font-size:14px;line-height:1.55}

  .split-visual{margin-top:52px;min-height:500px}
  .photo-main img{min-height:500px}
  .big-type{top:7%;right:5%;font-size:clamp(53px,15.8vw,76px);line-height:.8;letter-spacing:-.025em}
  .photo-float{width:66vw;height:145px;border-width:6px}

  .stats-band div{padding:24px var(--pad)}
  .stats-band strong{font-size:clamp(38px,11vw,48px);line-height:.92}
  .stats-band span{font-size:9.5px;line-height:1.15;letter-spacing:.09em;max-width:16ch}

  .experience-head .kicker,.brand-proof .kicker,.audience-title>p{font-size:11px;line-height:1.1;letter-spacing:.1em}
  .experience-head h2,.audience h2{margin-top:12px}
  .experience-grid{margin-top:38px}
  .vertical-card{min-height:400px}
  .experience-copy{padding:31px 2px}
  .experience-copy>p{font-size:clamp(22px,6.5vw,29px);line-height:1.08;margin-bottom:38px;text-wrap:balance}
  .feature-list div{grid-template-columns:34px 1fr;gap:11px;padding:15px 0;font-size:13px;line-height:1.2}

  .chorus-top{font-size:clamp(46px,13.4vw,64px);line-height:.84;letter-spacing:-.02em}
  .chorus-top span{white-space:normal;text-wrap:balance}
  .wide-photo{margin-top:46px;height:44vh;min-height:330px}
  .genre-row{gap:6px;margin-top:14px}
  .genre-row span{padding:8px 11px;font-size:10px;letter-spacing:.09em}

  .audience{padding-top:76px}
  .audience-layout{margin-top:42px;gap:16px}
  .audience-photo{min-height:420px}
  .social-grid article{min-height:138px;padding:22px 18px}
  .social-grid small{font-size:9px}
  .social-grid strong{font-size:clamp(46px,14vw,62px)}
  .social-grid p{font-size:9px;margin:3px 0 12px}
  .social-grid span{font-size:12px}
  .demo{padding-top:32px}
  .demo-copy p{font-size:14px;line-height:1.5}
  .bars div{grid-template-columns:56px 1fr 38px;gap:10px;font-size:12px}

  .brand-sub{font-size:14px;line-height:1.55;margin:26px 0 36px}
  .brand-image{height:52vh;min-height:380px}

  .booking{padding:78px var(--pad);min-height:auto}
  .booking h2{font-size:clamp(64px,18vw,86px);line-height:.82;letter-spacing:-.025em}
  .booking h2 span{-webkit-text-stroke:1px var(--cyan)}
  .booking-inner>p:not(.eyebrow){font-size:clamp(18px,5.3vw,23px);line-height:1.18;margin:30px 0;text-wrap:balance}
  .primary-btn,.ghost-btn{min-height:52px;padding:0 20px;font-size:12px}
  .contacts{margin-top:42px;padding-top:20px;gap:25px}
  .contacts strong{font-size:18px}
  .contacts a{font-size:12px;overflow-wrap:anywhere}

  footer{padding:28px var(--pad);gap:20px}
  .footer-brand{font-size:clamp(40px,12vw,52px);line-height:.9}
  .footer-links{gap:12px;font-size:10px;line-height:1.4}
  .mobile-drawer{padding:90px var(--pad)}
  .mobile-drawer a{font-size:clamp(48px,14vw,66px);line-height:.94;letter-spacing:-.02em}
}

@media (max-width: 370px){
  .hero{min-height:700px}
  .hero-copy{padding-top:128px}
  .hero h1{font-size:clamp(45px,14.2vw,52px);line-height:.86}
  .hero-bottom p{max-width:180px;font-size:12px}
  .round-link{flex-basis:68px;width:68px;height:68px}
  .hero-stamp{font-size:13px}
  .manifesto h2,.experience h2,.audience h2,.brand-proof h2{font-size:clamp(45px,13.2vw,52px)}
  .booking h2{font-size:clamp(58px,17.5vw,70px)}
}