/* Keep the video and its shade on one stable mobile canvas, including when
   browser chrome changes height or a control receives focus. */
@media(max-width:700px){
 html{background:#050505}
 /* The shared backdrop supplies the vignette. A separate fixed header
    gradient can leave a hard edge below Safari's safe area after a modal. */
 .navigation{background:transparent;box-shadow:none}
 /* Avoid Safari retaining a filtered top-layer surface after dismissal.
    Keep the existing translucent dimming without filtering the viewport. */
 dialog::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}
 .site-backdrop{inset:auto;top:-2px;left:-2px;width:calc(100% + 4px);height:calc(100vh + 4px);height:calc(100lvh + 4px);transform:translateZ(0);backface-visibility:hidden}
 .site-backdrop .hero-background,.site-backdrop .hero-shade{backface-visibility:hidden}
}