/* v0.25: phone-only refinements. Desktop and tablet styles are unchanged. */
@media screen and (max-width:620px){
 .brand-site.home .story-header .header-inner{height:64px;width:calc(100% - 32px);gap:8px}
 .brand-site.home .story-header .header-cta{max-width:100px;padding:7px 10px;font-size:10px;line-height:1.35}
 .brand-site.home .story-header .brand-wordmark{font-size:20px}
 .brand-site.home .story-header .brand-tagline{font-size:5.5px;letter-spacing:.1em}
 .brand-site.home .story-header .menu-toggle{width:44px;min-width:44px;height:44px;border-radius:10px}
 .brand-site.home .story-hero{
  box-sizing:border-box;
  min-height:calc(100vh - 65px);
  min-height:min(740px,calc(100svh - 65px));
  padding:22px 0 16px;
 }
 .brand-site.home .story-hero-copy{
  width:calc(100% - 40px);max-width:420px;min-width:0;
  flex:1 0 auto;justify-content:space-between;gap:14px;
 }
 .brand-site.home .story-hero-copy>.eyebrow{font-size:9px;line-height:1.5;letter-spacing:.085em;text-wrap:balance}
 .brand-site.home .story-hero h1{font-size:clamp(30px,8.8vw,40px);line-height:1.06;letter-spacing:-.045em;margin:0}
 .brand-site.home .story-intro{max-width:350px;font-size:14px;line-height:1.55;margin:0;text-wrap:balance}
 .brand-site.home .pulse-art{height:184px;height:clamp(176px,24svh,204px);margin:0;max-width:420px;flex:0 0 auto}
 .brand-site.home .hero-sound-toggle{left:0;font-size:11px;padding-inline:4px}
 .brand-site.home .story-hero-rule{width:100%;max-width:350px;margin:0;padding:13px 0 0;gap:6px;font-size:11px;line-height:1.45}
 .brand-site.home .story-hero-rule>span:not([aria-hidden]){white-space:normal;text-wrap:balance}
 .brand-site.home .story-hero-rule>span[aria-hidden]{font-size:15px}
 .brand-site.home .hero-explore-wrap{margin:0;padding:0}
 .brand-site.home .hero-explore{min-height:44px;max-width:100%;padding:9px 8px;gap:10px;font-size:11px;line-height:1.5;letter-spacing:.01em;text-align:center}
}
/* Keep small and landscape phones readable; scrolling is preferable to clipping. */
@media screen and (max-width:620px) and (max-height:650px){
 .brand-site.home .story-hero{min-height:0;padding-top:18px}
 .brand-site.home .story-hero-copy{gap:12px}
 .brand-site.home .pulse-art{height:176px}
}