/* This layer exists only for the homepage entrance. The approved page follows it. */
#home-intro{display:none;position:fixed;inset:0;z-index:2147483000;width:100%;height:100vh;height:100dvh;overflow:hidden;background:#000;opacity:0;isolation:isolate;transition:opacity .45s cubic-bezier(.3,0,.25,1)}
html.intro-pending,html.intro-pending body{overflow:hidden;background:#000}
html.intro-pending:not(.intro-leaving) body>:not(#home-intro):not(script):not(style):not(link):not(template){visibility:hidden}
html.intro-pending #home-intro:not([hidden]){display:grid;place-items:center;opacity:1}
#home-intro video{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#000;opacity:0;pointer-events:none;transition:opacity .12s linear}
html.intro-playing #home-intro video{opacity:1}
#home-intro [data-skip-intro]{position:absolute;right:max(22px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));min-height:44px;padding:12px 6px;border:0;border-bottom:1px solid #ffffff38;border-radius:0;background:transparent;color:#ffffffbd;font:400 10px/1.4 'Segoe UI','Helvetica Neue',Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;transition:color .2s,border-color .2s}
#home-intro [data-skip-intro]:hover{color:#fff;border-color:#ffffff8c}
#home-intro [data-skip-intro]:focus-visible{outline:2px solid #b767ff;outline-offset:5px;color:#fff}
html.intro-pending.intro-leaving #home-intro{opacity:0;pointer-events:none}
@media(prefers-reduced-motion:reduce){#home-intro,#home-intro video{transition:none}}