.brand-intro[hidden]{display:none}
.brand-intro{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:rgba(231,244,250,.7);backdrop-filter:blur(26px);transition:background 1s ease,backdrop-filter 1s ease}
.intro-logo{width:min(64vw,520px,72vh);aspect-ratio:1;transform-origin:top left}
.intro-logo svg{display:block;width:100%;height:100%;overflow:visible}
#intro-reveal{opacity:0;filter:blur(14px);clip-path:none;transform-origin:center}
#intro-trail{display:none}
#intro-plane{filter:drop-shadow(0 12px 18px rgba(3,43,92,.35))}
.intro-skip{position:absolute;bottom:28px;right:28px;border:1px solid #617d91;background:transparent;padding:12px 18px;border-radius:30px;color:#032b5c;cursor:pointer}
body.intro-active{overflow:hidden}
.intro-active .nav .brand{visibility:hidden}
.brand-intro.departing{background:transparent;backdrop-filter:blur(0)}
.departing .intro-skip{display:none}
section[id]{scroll-margin-top:78px}
.reveal{opacity:1;filter:none;transform:none}
.motion-ready .reveal:not(.visible){opacity:0;filter:blur(5px);transform:translateY(28px)}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal:not(.visible){opacity:1;filter:none;transform:none}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(max-width:600px){section[id]{scroll-margin-top:68px}}