/* --- Hero: single viewport, no nested scrollbars --- */ #hero_video { position: relative; height: 100svh; /* safe viewport height on modern browsers */ overflow: hidden; /* kill inner scrolling */ z-index: 0; } #hero_video video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; pointer-events: none; /* allow clicks through video */ } /* Put hero text and the down-arrow above the video layer */ #hero_video .hero_content, #hero_down_arrow { position: relative; z-index: 1; } /* Optional: smooth anchor scroll */ html { scroll-behavior: smooth; } /* Fullscreen menu: ensure it overlays without pushing layout when opened */ .fullscreen-menu { position: fixed; inset: 0; overflow-y: auto; /* menu can scroll if content is tall */ display: none; /* your theme JS toggles this */ } /* When theme adds its open class (Mono uses .fm-open on ) */ body.fm-open .fullscreen-menu { display: block; } /* Guard against any container padding adding unexpected vertical overflow in hero */ #hero_video > .container { padding-top: 0; padding-bottom: 0; }