/* V9: production integration of the approved Magnific animation. */
.hero-stage picture img{object-position:center center;}
.hero-film{object-fit:cover;object-position:center center;filter:none!important;}
/* The approved master contains SIGNAL lettering. Keep one accessible live H1,
   but do not paint a duplicate over the baked title. */
.hero-title{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
.hero-overlay{top:55%!important;gap:0;transform:none!important;}
.hero-kicker{font-size:clamp(9px,.88vw,12px);line-height:1.6;text-wrap:balance;}
.hero-statement{margin:6px 0 13px;}
.hero-actions{gap:10px;}
/* Underlay artwork prevents black flash while the first video frame loads. */
.hero-film.playing{opacity:1;transition:opacity .5s ease;}
@media(max-width:800px){.hero-overlay{top:58%!important;}}
@media(max-width:520px){
  .hero-stage picture source{object-position:center;}
  /* Portrait crop of the landscape master contains partial baked letters.
     Reveal only its screen-wall upper third over the approved clean mobile still. */
  .hero-film{display:block!important;object-position:center 26%;clip-path:inset(0 0 70% 0);opacity:0;}
  .hero-film.playing{opacity:.94;}
  .hero-stage picture img{object-position:center 40%;}
  .hero-overlay{top:31%!important;gap:0;}
  .hero-title{position:static!important;width:auto!important;height:auto!important;clip:auto!important;margin:0 0 13px!important;overflow:visible!important;white-space:normal!important;border:0!important;font-size:clamp(45px,12vw,58px)!important;line-height:1.1!important;letter-spacing:.12em!important;text-indent:.12em!important;font-weight:400;}
  .hero-kicker{max-width:330px;line-height:1.45;font-size:8px;letter-spacing:.10em;}
  .hero-statement{font-size:13px;max-width:330px;}
  .hero-actions{flex-wrap:wrap;}
}
@media(prefers-reduced-motion:reduce){.hero-film{display:none!important}.hero-stage picture{display:block!important}}
@media(min-width:801px){.hero-overlay{top:64%!important}}
@media(min-width:521px) and (max-width:800px){.hero-overlay{top:62%!important}}