@keyframes heroOverlayFadeOut{0%{opacity:1}90%{opacity:0}to{display:none;opacity:0}}.hero__header{text-align:left}@media (min-width:576px){.hero__text{text-align:left}}.hero.hero-overlay{height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.hero.hero-overlay.hero-overlay__fade-out{animation:heroOverlayFadeOut 1s ease 1 forwards}.hero__title--animated{align-items:start;display:flex;flex-wrap:wrap;text-align:left}.hero__title--animated .animated--fixed{position:relative;width:100%;z-index:4}.hero__title--animated .animated--rotating{align-items:start;display:flex;flex-direction:column;position:relative;top:0;transition:top .4s ease;width:100%}.animated--rotating-wrap{overflow:hidden}.animated--rotating--word{transition:color .4s ease}.animated--rotating--word.current{color:#1243d3;color:var(--rotating-word-colour)}@media (min-width:1200px){.hero.hero__title--animated{flex-wrap:nowrap}.animated--rotating-wrap{overflow:visible}.hero__title--animated .animated--fixed,.hero__title--animated .animated--rotating{width:auto}}