/* Workevie v6: deterministic full-width hero media fix */
html, body, main, #landingView { width:100%; max-width:100%; overflow-x:clip; }
#landingView .hero-media { min-width:0 !important; width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; justify-self:stretch !important; box-sizing:border-box !important; }
#landingView .image-frame--motion,
#landingView .motion-stage,
#landingView .hero-caption { min-width:0 !important; width:100% !important; max-width:none !important; box-sizing:border-box !important; }
@media (max-width:1300px) {
  #landingView .hero { grid-template-columns:minmax(0,1fr) !important; gap:42px !important; padding-inline:14px !important; overflow:hidden !important; }
  #landingView .hero::before { display:none !important; }
  #landingView .hero-copy { width:100% !important; max-width:780px !important; justify-self:start !important; }
  #landingView .hero-media { width:calc(100vw - 28px) !important; max-width:calc(100vw - 28px) !important; justify-self:start !important; }
  #landingView .image-frame--motion { width:100% !important; height:auto !important; min-height:0 !important; aspect-ratio:4/3 !important; }
}
@media (max-width:700px) {
  #landingView .hero-caption { grid-template-columns:minmax(0,1fr) !important; gap:7px !important; }
  #landingView .hero-caption p { min-width:0 !important; overflow-wrap:anywhere !important; }
}