.intro{position:fixed;z-index:80;inset:0;display:grid;place-items:center;isolation:isolate}.intro::before{content:"";position:absolute;z-index:0;inset:0;background:var(--color-bg);opacity:1;transition:opacity .85s ease-in}.intro__logo{position:relative;z-index:1;width:min(88vw,42rem);opacity:0;transform:translateY(1rem) scale(.96);transform-origin:center;animation:introLogo 1.35s var(--ease) .25s forwards;will-change:transform,opacity}.intro.is-flying::before{opacity:0}.intro.is-done{visibility:hidden;pointer-events:none}.intro.is-done .intro__logo{opacity:0}.reveal{opacity:0;transform:translateY(1.5rem);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.is-visible{opacity:1;transform:none}@keyframes introLogo{100%{opacity:1;transform:translateY(0) scale(1)}}