/* Keep mobile navigation within reach without occupying the film while reading. */
@media(max-width:760px){
html.jbn-live .site-nav,html.jbn-live .site-nav:has(+.mobile-menu:not([hidden])){position:sticky;top:0;width:100%;z-index:40;background:var(--paper);transform:translateY(0);transition:transform .25s var(--ease),background-color .2s,color .2s;}
html.jbn-live .site-nav.on-film,html.jbn-live .site-nav.on-film:has(+.mobile-menu:not([hidden])){position:fixed;inset:0 0 auto;background:transparent;}
html.jbn-live .site-nav.nav-away{transform:translateY(calc(-100% - 1px));}
html.jbn-live .site-nav.nav-scrolled,html.jbn-live .site-nav:has(+.mobile-menu:not([hidden])){background:var(--paper);color:var(--ink);border-bottom-color:var(--line);}
html.jbn-live .site-nav.nav-scrolled .brand img,html.jbn-live .site-nav:has(+.mobile-menu:not([hidden])) .brand img{filter:brightness(0);}
html.jbn-live body.menu-open .site-nav{transform:translateY(0);}
html.jbn-live{scroll-padding-top:110px;}
}
@media(max-width:760px) and (prefers-reduced-motion:reduce){html.jbn-live .site-nav{transition:none;}}

@media(max-width:760px){html.jbn-live .site-nav.on-film:has(+.mobile-menu:not([hidden])){background:var(--paper);color:var(--ink);border-bottom-color:var(--line)}}
