@supports (animation-range:calc(100vw * 4 / 3 - var(--header-height))
    calc(100vw * 4 / 3)
){:root{--top:calc(2*var(--header-height)*-1)}@media (max-width:1279px){@keyframes header-slide-down{0%{top:var(--top);opacity:0}90%{opacity:.75}to{opacity:1;top:0}}.header-visible-on-scroll{top:var(--top);animation:linear forwards header-slide-down;animation-timeline:scroll();animation-range:calc(100vw*4/3 - var(--header-height)*2)calc(100vw*4/3 - var(--header-height));animation-range:calc(100dvw*4/3 - var(--header-height)*2)calc(100dvw*4/3 - var(--header-height))}@media (min-width:640px){.header-visible-on-scroll{animation-range:calc(360px - var(--header-height)*2)calc(360px - 72px)}}.header-hidden-on-scroll{animation:none;top:0}}@media (min-width:1280px){@keyframes header-slide-down{0%{top:var(--top);opacity:0}90%{opacity:.75}to{top:calc(var(--header-height) + var(--padding) + var(--top-env));opacity:1}}.header-visible-on-scroll-md{top:var(--top);animation:linear forwards header-slide-down;animation-timeline:scroll();animation-range:calc(var(--top-env) + 360px - var(--header-height)*2)calc(var(--top-env) + 360px - var(--secondary-header-height))}.header-hidden-on-scroll-md{animation:none;top:0}}}