html.intro-pending{overflow:hidden}
.site-intro{position:fixed;inset:0;z-index:1000;width:100%;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:hidden;background:#f5f7f9c7;color:#243c58;backdrop-filter:blur(4px);box-shadow:none;display:none;opacity:1}
.site-intro[open],.intro-pending .site-intro{display:grid;place-items:center}
.site-intro::backdrop{background:transparent}
.intro-loading{position:relative;z-index:5;display:grid;justify-items:center;gap:16px;padding:24px 34px;border:1px solid #ffffffb8;border-radius:16px;background:#ffffffd9;box-shadow:0 18px 60px #13263a1c;color:#65788c}
.intro-loading-logo{display:block;width:min(210px,55vw);height:auto;object-fit:contain}
.intro-loading-status{display:flex;align-items:center;justify-content:center;gap:11px}
.intro-loading>p{font-size:14px;letter-spacing:.2px;margin:0}
.intro-loading-spinner{width:16px;height:16px;flex:0 0 16px;border:2px solid #243c5820;border-top-color:#e60618;border-radius:50%;animation:intro-loading-spin .8s linear infinite}
@keyframes intro-loading-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.site-intro{display:none!important;transition:none}html.intro-pending{overflow:visible}}