.welcome-intro{display:none}
.welcome-active{overflow:hidden}
.welcome-active .welcome-intro{display:grid;place-items:center;position:fixed;inset:0;z-index:10000;overflow:hidden;background:#f6f2eb;isolation:isolate;animation:welcome-away .65s ease-in 3.35s forwards}
.welcome-paper{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;transform-origin:50% 50%;will-change:transform,opacity;animation:welcome-unfold 3.9s cubic-bezier(.22,.61,.36,1) both}
.welcome-brand{position:relative;z-index:1;width:min(480px,65vw);text-align:center;color:#17191c;animation:welcome-brand-in 3.7s ease both}
.welcome-logo{position:relative;width:100%;aspect-ratio:1.9;overflow:hidden}
.welcome-logo img{position:absolute;width:145%;max-width:none;height:auto;left:-29%;top:-36.5%}
.welcome-brand p{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 0;margin:18px -15% 0;font:400 clamp(15px,1.7vw,21px)/1.5 Georgia,serif}
.welcome-brand p span+span::before{content:'•';color:#d9252d;margin:0 9px}
[data-theme="dark"] .welcome-intro{background:#17191c}
[data-theme="dark"] .welcome-brand{background:#f6f2eb;border-radius:12px;padding:22px 28px}
[data-theme="dark"] .welcome-brand p{margin-inline:0}
@keyframes welcome-unfold{0%{transform:rotate(-75deg) scale(.7);opacity:0}12%{opacity:1}45%{transform:rotate(-8deg) scale(1.02);opacity:1}72%{transform:rotate(8deg) scale(1.06);opacity:1}100%{transform:rotate(65deg) scale(1.65);opacity:0}}
@keyframes welcome-brand-in{0%,18%{opacity:0;transform:perspective(900px) rotateY(-65deg) scale(.88)}45%,82%{opacity:1;transform:perspective(900px) rotateY(0) scale(1)}100%{opacity:0;transform:translateY(-8px) scale(1.03)}}
@keyframes welcome-away{to{opacity:0;visibility:hidden;pointer-events:none}}
@media(max-width:620px){.welcome-brand{width:min(340px,76vw)}.welcome-brand p{max-width:290px;margin:14px auto 0;font-size:16px;gap:7px 0}.welcome-paper{object-fit:fill}.welcome-brand p span+span::before{margin:0 6px}[data-theme="dark"] .welcome-brand{padding:18px}}
@media(max-height:450px){.welcome-brand{width:min(330px,56vw)}.welcome-brand p{margin-top:5px;font-size:15px}}
@media(prefers-reduced-motion:reduce){.welcome-active{overflow:visible}.welcome-active .welcome-intro{display:none}}