/* 1.5-second landing, 1.85-second reveal; loading has a 2-second ceiling. */
.intro-stage{width:min(780px,95vh,108vw);bottom:9%}.intro-caption{display:none}.dragon-intro.is-playing .intro-dragon{animation:eagle-dive 1.6s both}.dragon-intro.is-playing .intro-shadow{animation:dive-shadow 1.6s both}.dragon-intro.is-playing .intro-ring{animation:landing-ring .45s 1.2s both}.dragon-intro.is-playing .cloud-front{animation:cloud-open 1.6s ease-out both}.dragon-intro.is-playing .cloud-back{animation:cloud-drift 1.6s ease-in-out both}.dragon-intro.is-playing .cloud-wisp{animation:cloud-pass 1.6s ease-in-out both}.dragon-intro.is-leaving{animation:intro-exit .2s ease-in both}.intro-glyph{opacity:.25}
@keyframes eagle-dive{0%{opacity:0;transform:translate(-48vw,-72vh) scale(.28) rotate(-8deg);animation-timing-function:cubic-bezier(.55,.04,.8,.6)}12%{opacity:1;transform:translate(-34vw,-49vh) scale(.4) rotate(-5deg);animation-timing-function:cubic-bezier(.45,.05,.65,.7)}60%{opacity:1;transform:translate(-4vw,-8vh) scale(.92) rotate(-2deg);animation-timing-function:cubic-bezier(.1,.7,.2,1)}76%{opacity:1;transform:translate(0,1.2%) scale(1.025,.98) rotate(0);animation-timing-function:ease-out}93%,100%{opacity:1;transform:translate(0,0) scale(1)}}
@keyframes dive-shadow{0%,45%{opacity:0;transform:scale(.15)}75%{opacity:.4;transform:scale(1.1)}100%{opacity:.22;transform:scale(.9)}}
@media(max-width:760px){.intro-stage{width:112vw;bottom:23%}.cloud-front{height:52%}.intro-glyph{font-size:85vw}}