.intro-page{width:100%;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.intro-splash{justify-content:center;align-items:center;height:100%;display:flex}.intro-sites{height:100%;display:flex}.intro-site{flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.intro-site-bg{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.intro-site-logo-wrap{z-index:10;max-width:640px;position:relative}.intro-site-logo{object-fit:contain;width:100%;height:auto;max-height:176px;transition:opacity .3s}.intro-site:hover .intro-site-logo{opacity:0}.intro-site-logo-hover{object-fit:contain;opacity:0;width:100%;height:auto;max-height:176px;transition:opacity .3s;position:absolute;top:0;left:0}.intro-site:hover .intro-site-logo-hover{opacity:1}.intro-site-mask{background:#fff;animation:.3s ease-out both slide-out-right;position:absolute;inset:0}.intro-site-overlay{background:#fffc;transition:opacity .5s;position:absolute;inset:0}.intro-site:hover .intro-site-overlay{opacity:0}@keyframes slide-out-right{0%{transform:translate(0)}to{transform:translate(100%)}}@media screen and (max-width:1023px){.intro-splash img{width:246px;height:auto}.intro-sites{flex-direction:column}.intro-site{height:calc(100% / var(--site-count))}.intro-site-logo-wrap{max-width:360px}.intro-site-logo,.intro-site-logo-hover{width:100%;height:auto}.intro-site-mask{animation:.3s ease-out both slide-out-down}@keyframes slide-out-down{0%{transform:translateY(0)}to{transform:translateY(100%)}}}