.intro{display:none;position:fixed;inset:0;z-index:100;align-items:center;justify-content:center;background:#f5f3ef;transition:opacity .35s ease,background-color .5s ease}
html.has-intro .intro{display:flex;animation:intro-failsafe .01s 9s forwards}
html.intro-live{overflow:hidden}
.intro video{width:min(62vw,820px);height:auto;opacity:0;transform-origin:0 0;transition:opacity .2s}
.intro.intro-ready video{opacity:1}
.intro.intro-out{opacity:0;pointer-events:none}
.intro.intro-fly{background-color:transparent;pointer-events:none}
.intro.intro-fly video{transition:transform .7s cubic-bezier(.22,1,.36,1)}
.intro.intro-fly .intro-skip{opacity:0;transition:opacity .2s}
html.has-intro .brand{opacity:0;animation:intro-failsafe-brand .01s 9s forwards}
html.has-intro.intro-reveal .brand{opacity:1;transition:opacity .3s ease}
.intro-skip{position:absolute;right:max(16px,3vw);bottom:max(16px,3vh);padding:.5rem .9rem;border:1px solid #9aa9bb;border-radius:6px;background:#faf9f6;color:#071a3d;font:inherit;font-size:.9rem;cursor:pointer}
.intro-skip:focus-visible{outline:3px solid #169fdf;outline-offset:2px}
@keyframes intro-failsafe{to{opacity:0;visibility:hidden;pointer-events:none}}
@keyframes intro-failsafe-brand{to{opacity:1}}
@media (width < 900px){.intro video{width:min(94vw,480px)}}
@media (prefers-reduced-motion:reduce){.intro{display:none!important}html.has-intro .brand{opacity:1}}