#enter-splash {
                position: absolute;
                inset: 0;
                display: flex;
                align-items: center;
                justify-content: center;
                background: #1C77FF url('../../entersphash-photo.jpg') center/cover no-repeat;
                z-index: 10040;
                opacity: 0;
                visibility: hidden;
                transition: opacity 0.35s ease, visibility 0s linear 0.35s;
                pointer-events: none;
            }
            #enter-splash.open {
                opacity: 1;
                visibility: visible;
                transition-delay: 0s;
            }
            #enter-splash .enter-splash-inner {
                position: relative;
                width: 100%;
                height: 100%;
            }
            #enter-splash .enter-splash-greeting {
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
                width: min(720px, calc(100% - 40px));
                text-align: center;
                color: #ffffff;
                font-weight: 800;
                font-size: 24px;
                line-height: 1.25;
                text-shadow: 0 2px 14px rgba(2, 6, 23, 0.22);
            }
            @media (max-width: 768px) {
                #enter-splash .enter-splash-greeting { top: 50%; font-size: 18px; }
            }