#huminta-intro{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;background:#101110;pointer-events:none;animation:huminta-intro-out 1.6s cubic-bezier(.22,1,.36,1) 5s forwards}
#huminta-intro .intro-logo{position:relative;width:clamp(210px,25vw,350px);animation:huminta-logo-in 1.2s ease-out both}
#huminta-intro img{display:block;width:100%;height:auto;opacity:.5}
#huminta-intro .intro-reflection{position:absolute;inset:0;background:linear-gradient(110deg,transparent 32%,rgba(255,255,255,.15) 42%,#fff 50%,rgba(255,255,255,.15) 58%,transparent 68%);background-size:350% 100%;-webkit-mask:url('huminta-logo-header-white.svg') center/contain no-repeat;mask:url('huminta-logo-header-white.svg') center/contain no-repeat;animation:huminta-reflect 2.25s ease-in-out .4s 2 both}
@keyframes huminta-reflect{from{background-position:140% 0}to{background-position:-40% 0}}
@keyframes huminta-logo-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@keyframes huminta-intro-out{to{opacity:0;visibility:hidden}}
@media(prefers-reduced-motion:reduce){#huminta-intro{animation-duration:.25s;animation-delay:.25s}#huminta-intro .intro-logo{animation:none}#huminta-intro .intro-reflection{animation:none;display:none}#huminta-intro img{opacity:1}}

html.huminta-opening .hw-hero-copy{visibility:hidden}

html.huminta-opening,html.huminta-opening body{overflow:hidden!important;overscroll-behavior:none!important}#huminta-intro{pointer-events:auto;touch-action:none}