/* The greeting is optional: the page is never hidden behind a loading state. */
.welcome-curtain{position:fixed;inset:0 0 auto;height:120dvh;z-index:80;background:#f8e58b;color:#06112b;display:flex;align-items:center;justify-content:center;transform:translateY(0);border-radius:0 0 50% 50% / 0 0 12% 12%;animation:welcome-leave .85s cubic-bezier(.76,0,.24,1) 2s forwards;pointer-events:none}
.welcome-word{position:absolute;top:calc(50dvh - .65em);font:500 clamp(58px,10vw,140px)/1.2 Georgia,serif;letter-spacing:-.06em;opacity:0;animation:welcome-word .55s ease both;animation-delay:var(--at)}
.welcome-word:last-of-type{font-style:italic}.welcome-word::before{content:'✳';font:400 .38em/1 Arial,sans-serif;display:inline-block;vertical-align:middle;margin-right:.6em}
.welcome-caption{position:absolute;top:calc(50dvh + 100px);font:11px/1.5 monospace;letter-spacing:.09em;text-transform:uppercase}
.welcome-skip{position:absolute;top:calc(100dvh - 65px);right:6%;border:0;border-bottom:1px solid #06112b66;padding:10px 0;background:none;color:inherit;font:12px monospace;pointer-events:auto;cursor:pointer}
.welcome-curtain.is-leaving{animation-delay:0s;animation-duration:.4s}
@keyframes welcome-word{0%{opacity:0;transform:translateY(15px)}18%,78%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-12px)}}
@keyframes welcome-leave{to{transform:translateY(-121dvh);visibility:hidden}}
@media(prefers-reduced-motion:reduce){.welcome-curtain{display:none}}