/* Direction-aware navigation, desktop and mobile. Layout space stays stable. */
html body header.header,html body .dc-case-nav,html body .page-nav,html body .about>.tabTurn{transition:transform .2s ease!important}
html.dc-chrome-hidden:not(.dc-menu-is-open) body header.header{transform:translateY(-110%)!important;pointer-events:none;visibility:hidden}
html.dc-chrome-hidden:not(.dc-menu-is-open) body .dc-case-nav,html.dc-chrome-hidden:not(.dc-menu-is-open) body .page-nav,html.dc-chrome-hidden:not(.dc-menu-is-open) body .about>.tabTurn{transform:translateY(calc(-100% - var(--dc-head,88px) - 2px))!important;pointer-events:none;visibility:hidden}
@media(prefers-reduced-motion:reduce){html body header.header,html body .dc-case-nav,html body .page-nav,html body .about>.tabTurn{transition:none!important}}