.intro-animation{align-items:center;display:flex;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:100}.intro-animation--ready{animation:fadeOut 1s ease-in-out 4.75s;animation-fill-mode:forwards}.intro-animation--preview{position:static}.intro-animation--hidden{display:none}.intro-animation__inner{align-items:center;display:flex;justify-content:center;opacity:0;overflow:hidden;width:100%}.intro-animation--ready .intro-animation__inner{animation:innerFadeIn 1s ease-out,innerFadeOut 1s ease-in-out 5.5s;animation-fill-mode:forwards}.intro-animation--preview .intro-animation__inner{opacity:1}.intro-animation img{display:block;height:100%!important;object-fit:cover;width:100%}.intro-animation__blur-intro-image,.intro-animation__blur-outro-image,.intro-animation__main-image,.intro-animation__mask-image{height:100vh;width:100%}.intro-animation__blur-intro-image,.intro-animation__blur-outro-image,.intro-animation__mask-image{left:0;position:absolute;top:0}.intro-animation__blur-outro-image,.intro-animation__main-image,.intro-animation__mask-image{opacity:0}.intro-animation--ready .intro-animation__main-image,.intro-animation--ready .intro-animation__mask-image{opacity:1}.intro-animation__main-image{z-index:0}.intro-animation__mask-image{z-index:2}.intro-animation__blur-intro-image,.intro-animation__blur-outro-image{z-index:3}.intro-animation--ready .intro-animation__main-image{animation:scale 1.5s ease-in-out;animation-delay:3.5s;animation-fill-mode:forwards;transform-origin:center}.intro-animation--ready .intro-animation__blur-intro-image{animation:blurFadeOut 1s ease-in-out 1.5s;animation-fill-mode:forwards}.intro-animation--ready .intro-animation__blur-outro-image{animation:outro 1.25s linear 3.5s;animation-fill-mode:forwards}.intro-animation--ready .intro-animation__mask-image{animation:maskFadeOut 5ms ease-in-out 3.5s;animation-fill-mode:forwards;transform-origin:center}.outCircle{aspect-ratio:1/1;background-color:transparent;border-radius:50%;position:absolute;transform:rotate(45deg);transform-origin:center;width:39vw;z-index:1}.intro-animation--ready .outCircle{animation:circleFadeOut 1.25s ease-in-out 3.5s;animation-fill-mode:forwards}.rotate{height:100%;position:absolute;width:100%}.inner{background:red;background-color:#fff;display:block;height:7vw;text-align:center;transform:rotate(45deg);vertical-align:middle;width:7vw}.intro-animation--ready .rotate{animation:q-rotation 1.5s cubic-bezier(.2,.42,.09,1.02) 1.5s;animation-fill-mode:forwards}@media (max-aspect-ratio:2/1){.outCircle{width:76vh}.inner{height:14vh;width:14vh}}@media (max-aspect-ratio:1/1){.intro-animation{display:none}}@-webkit-keyframes q-rotation{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(135deg)}}@-webkit-keyframes blurFadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes outro{0%{opacity:0;transform:scale(1)}50%{opacity:.85}to{transform:scale(1.2)}}@-webkit-keyframes scale{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(15)}}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes maskFadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes circleFadeOut{0%{opacity:1;transform:rotate(45deg) scale(1)}to{opacity:0;transform:rotate(45deg) scale(10)}}@-webkit-keyframes innerFadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes innerFadeIn{0%{opacity:0}to{opacity:1}}