html{scroll-padding-top:96px}
.header{position:fixed;z-index:50;transition:height .25s ease,background .25s ease,box-shadow .25s ease}
.header .brand.brand-userlogo{transition:width .25s ease}
.header.is-scrolled{height:78px;background:rgba(20,21,19,.96);box-shadow:0 6px 24px #0003;backdrop-filter:blur(12px)}
.header.is-scrolled .brand.brand-userlogo{width:170px}
@media(max-width:900px){.header.is-scrolled .brand.brand-userlogo{width:155px}}
@media(max-width:700px){html{scroll-padding-top:84px}.header.is-scrolled{height:68px}.header.is-scrolled .brand.brand-userlogo{width:145px}.header nav{top:100%;max-height:calc(100svh - 90px);overflow-y:auto}}
@media(prefers-reduced-motion:reduce){.header,.header .brand.brand-userlogo{transition:none}}