.header{height:0}.header-inner{transition:.2s linear}.header-inner:before{background:linear-gradient(180deg,hsla(0,0%,7%,.48),hsla(0,0%,7%,.12) 60%,hsla(0,0%,7%,0));content:"";inset:0;min-height:120px;opacity:0;pointer-events:none;position:absolute;transition:opacity .2s linear;z-index:-1}html:not(.header-reduced) .header-inner:not(:hover,:focus-within){background-color:transparent;box-shadow:none;color:#fff;transition-delay:.2s}html:not(.header-reduced) .header-inner:not(:hover,:focus-within):before{opacity:1}@media(min-width:1024px){.herobanner-background{max-height:calc(100vh - 44px)}}