#introFullscreen .overlay--splashPage{visibility:hidden;background-color:var(--black);grid-column:fullwidth;animation:splash-animation-out 1s calc(var(--splashPage-animation-count) * var(--splashPage-animation-duration)) forwards;z-index:20}.overlay--splashPage .icon{opacity:0;fill:var(--purple);animation:word-color-animation calc(var(--splashPage-animation-count) * var(--splashPage-animation-duration));max-width:clamp(6.25rem,18vw + 1rem,25rem)}.overlay--splashPage .wrapper{color:var(--white);font-size:clamp(3.75rem,6vw + 1rem,10rem);text-transform:uppercase;display:grid;overflow:hidden;margin-top:var(--spacing-30)}.overlay--splashPage .wrapper .heading{grid-column:1;grid-row:1;opacity:0;animation:word-vertical-animation-in var(--splashPage-animation-duration);line-height:.8}.overlay--splashPage .wrapper .heading:nth-child(2){animation-delay:var(--splashPage-animation-duration)}.overlay--splashPage .wrapper .heading:nth-child(3){animation-delay:calc(2 * var(--splashPage-animation-duration))}@keyframes word-color-animation{0%{opacity:1;fill:var(--purple)}50%{opacity:1;fill:var(--green-light)}90%{fill:var(--yellow);opacity:1}to{opacity:0}}@keyframes word-vertical-animation-in{0%{opacity:0;transform:translateY(100%)}40%{opacity:1;transform:translateY(0)}60%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}@keyframes splash-animation-out{0%{transform:translateY(0)}to{transform:translateY(-100%)}}