/* The site is already underneath the brand; its letter counter is the portal. */
html.intro-active,html.intro-active body{overflow:hidden!important;overscroll-behavior:none}
.intro-loader,html:not(.js) #intro-loader,html.js:not(.intro-active) #intro-loader{display:none!important}
html.js.intro-active #intro-loader{display:block!important;position:fixed;inset:0;width:100%;height:100vh;height:100dvh;z-index:2000;overflow:hidden;pointer-events:auto;touch-action:none;background:transparent;opacity:1;visibility:visible;transform:none;animation:none;clip-path:none}
html.js.intro-active #intro-loader[hidden]{display:none!important}
#intro-loader:focus{outline:none}
#intro-loader::before,#intro-loader::after{display:none}
.brand-portal{display:block;position:absolute;inset:0;width:100%;height:100%;overflow:hidden}
#skip-intro{position:absolute;right:32px;bottom:max(28px,env(safe-area-inset-bottom));background:transparent;border:0;border-bottom:1px solid #a3b8d7;padding:12px 0;min-height:44px;color:#244366;font:500 14px var(--body);cursor:pointer}
#skip-intro:focus-visible{outline:3px solid #1261f4;outline-offset:6px}
@media(max-width:599px){#skip-intro{right:22px;bottom:max(22px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){html.js.intro-active #intro-loader{display:none!important}html.intro-active,html.intro-active body{overflow:visible!important}}