/* r50 fold: first-screen tightening on phones so "This weekend" (heading + top of its cards) shows above the fold.
   Same hero, same features: only heights and spacing change. Desktop untouched. */
@media (max-width:760px){
  html .hero{height:clamp(390px,54svh,470px);min-height:0}
  html .hero .hero-in{bottom:80px}
  html .hero .hero-dots{bottom:58px}
  html #hero>.trust-line{bottom:34px}
  html .hero .hero-in .eyebrow{margin-bottom:8px}
  html .hero .hero-in h1{margin-bottom:6px}
  html .hero .hero-cta{margin-top:12px}
  html .sn-htabs{margin-bottom:8px}
  html .vibe-entry.ve-slim,html .rows>.vibe-entry.ve-slim{margin-top:0;margin-bottom:12px}
  html .wkd{margin-bottom:22px}
  html .wkd-in{padding-top:14px}
  html .wkd-head{gap:6px;margin-bottom:12px}
  html .wkd-stamp{padding:6px 10px;font-size:10px}
  html .wkd h2{font-size:clamp(28px,8vw,34px);line-height:1}
  html .wkd-intro{font-size:14px;line-height:1.35}
}
/* short phones (iPhone SE 375x667 and similar) */
@media (max-width:760px) and (max-height:720px){
  html .hero{height:338px}
  html .hero .hero-in{bottom:72px}
  html .hero .hero-dots{bottom:52px}
  html #hero>.trust-line{bottom:30px}
  html .hero .slide .hero-in h1{font-size:clamp(26px,7.6vw,30px)}
  html .hero .hero-cta .btn{height:40px}html .hero .hero-cta .btn.round{width:40px}
  html .hero .hero-cta .btn.night-go.night-pill{min-height:36px}
  html .wkd-in{padding-top:12px}
  html .wkd-intro{font-size:13px}
  html .wkd h2{font-size:25px;letter-spacing:-.03em}
  html .wkd-head{gap:5px;margin-bottom:10px}
}
/* short phones: the hero video credit sits beside the pause button so it never runs into the headline's eyebrow */
@media (max-width:760px) and (max-height:720px){html #hero .slide .hv-credit{top:76px;right:56px;max-width:42vw}}