/* On phones the presentation belongs to the first screen, before supporting copy. */
@media(max-width:640px){
 .brand-hero-shell .hero{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;min-height:0;padding-top:18px;padding-bottom:28px}
 .hero-copy{display:contents}
 .hero-copy>.eyebrow{grid-row:1;justify-self:start;margin:0;padding:6px 9px;font-size:7px;letter-spacing:1.2px;line-height:1.4}
 .hero-copy>h1{grid-row:2;font-size:clamp(29px,8.6vw,36px);line-height:1.08;letter-spacing:-1.4px;margin:0}
 .hero-film-visual{grid-row:3;height:auto;min-width:0;padding:0;margin:4px 0 0}
 .hero-film-frame{height:auto;aspect-ratio:6 / 5;border-radius:25px 10px 25px 10px}
 .hero-film-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
 .hero-film-visual .hero-shape{inset:0 0 55px 12px;border-radius:25px 10px 25px 10px}
 .hero-film-controls{justify-content:flex-end;min-height:34px;gap:5px;margin-top:7px}
 .hero-film-controls button{min-height:34px;padding:7px 10px;font-size:9px}
 .hero-film-controls [data-hero-sound]{right:10px;top:10px;min-height:40px;padding:8px 10px;font-size:10px}
 .hero-film-controls [data-hero-sound] svg{width:20px;height:20px}
 .hero-film-credit{font-size:6px;margin-top:4px;text-align:right}
 .hero-audio-notice{margin:5px 0;font-size:8px;line-height:1.4;text-align:left}
 .hero-copy>.lead{grid-row:4;font-size:12px;line-height:1.65;margin:5px 0 0;max-width:none}
 .hero-copy>.hero-actions{grid-row:5;display:flex;margin:4px 0 0;gap:10px}
 .hero-actions>.button{min-height:45px;padding:12px 16px;font-size:11px}
 .hero-copy>.hero-foot{grid-row:6;margin:6px 0 0;font-size:8px;gap:6px}
 .hero .hero-foot svg{width:16px;height:16px}
 .signal-network{opacity:.5}
}
@media(max-width:360px){
 .brand-hero-shell .hero{gap:8px;padding-top:13px}
 .hero-copy>.eyebrow{font-size:6px;letter-spacing:1px;padding:5px 7px}
 .hero-copy>h1{font-size:29px;line-height:1.07;letter-spacing:-1.2px}
 .hero-film-controls [data-hero-sound]{font-size:9px;min-height:38px}
}