/*
 * Page 26 mobile viewport fix.
 *
 * The compiled theme mixes vh, svh and dvh for elements that must share the
 * same height. Mobile Safari gives those units different values while its
 * browser chrome is visible, which desynchronizes Lenis/ScrollTrigger from the
 * WebGL canvas. Keep the existing vh declarations as the legacy fallback and
 * override all relevant elements together where dynamic viewport units exist.
 */
@supports (height: 100dvh) {
    #scroller,
    #overlay-scroller,
    .canvas,
    .step {
        height: 100dvh;
    }
}