.site-intro{position:fixed;z-index:9999;inset:0;display:none;place-items:center;overflow:auto;padding:24px;background:radial-gradient(circle at 50% 30%,#0c5799,#04172f 68%);color:#fff;text-align:center}
.site-intro.is-active{display:grid}.intro-open{overflow:hidden}.site-intro-skip{position:absolute;z-index:4;top:18px;right:18px;padding:9px 13px;border:1px solid #ffffff66;border-radius:999px;background:#061f3ecc;color:#fff;font-weight:900;cursor:pointer}
.site-intro-inner{width:min(900px,100%)}.site-intro-stage{position:relative;width:min(760px,92vw);aspect-ratio:3/2;margin:auto}.site-intro-piece{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;filter:drop-shadow(0 18px 24px #0008)}
.site-intro.is-active .site-intro-piece{animation:intro-assemble 1.45s cubic-bezier(.2,.86,.27,1.12) forwards}.site-intro-bow{clip-path:polygon(0 0,100% 0,100% 48%,0 48%);--intro-x:0;--intro-y:-65vh;--intro-r:-32deg;animation-delay:.08s!important}.site-intro-left{clip-path:polygon(0 26%,43% 26%,43% 100%,0 100%);--intro-x:-75vw;--intro-y:10vh;--intro-r:-140deg;animation-delay:.28s!important}.site-intro-center{clip-path:polygon(31% 30%,69% 30%,69% 100%,31% 100%);--intro-x:0;--intro-y:75vh;--intro-r:170deg;animation-delay:.45s!important}.site-intro-right{clip-path:polygon(58% 26%,100% 26%,100% 100%,58% 100%);--intro-x:75vw;--intro-y:8vh;--intro-r:140deg;animation-delay:.62s!important}
.site-intro-copy{max-width:760px;margin:-4vw auto 0;opacity:0;transform:translateY(20px)}.site-intro.is-active .site-intro-copy{animation:intro-copy-in .7s 2.05s ease forwards}.site-intro-copy h1{margin:.12em 0;color:#fff;font-size:clamp(2.2rem,7vw,5rem);line-height:.9}.site-intro-copy h1 em{display:block;color:#f1c12d;font-style:normal}.site-intro-copy p{max-width:680px;margin:18px auto;color:#d8e8f5;font-size:clamp(.95rem,2.2vw,1.18rem);line-height:1.55}.site-intro-enter{padding:13px 22px;border:0;border-radius:10px;background:#f1c12d;color:#082b52;font-weight:900;cursor:pointer;box-shadow:0 10px 25px #0004}
.site-intro.is-closing{animation:intro-close .55s ease forwards}@keyframes intro-assemble{0%{opacity:0;transform:translate(var(--intro-x),var(--intro-y)) rotate(var(--intro-r)) scale(.38)}70%{opacity:1}88%{transform:translate(0,0) rotate(-6deg) scale(1.08)}100%{opacity:1;transform:translate(0,0) rotate(0) scale(1)}}@keyframes intro-copy-in{to{opacity:1;transform:none}}@keyframes intro-close{to{opacity:0;visibility:hidden;transform:scale(1.03)}}
@media(max-width:600px){.site-intro{padding:14px}.site-intro-skip{top:10px;right:auto;left:50%;transform:translateX(-50%)}.site-intro-inner{width:100%;min-width:0;overflow:hidden}.site-intro-stage{width:calc(100% - 20px);margin:22px auto 0}.site-intro-copy{width:calc(100% - 70px);max-width:100%;margin:-8vw auto 0;padding:0}.site-intro-copy h1{font-size:clamp(1.5rem,6vw,1.9rem);line-height:1}.site-intro-copy p{width:min(290px,calc(100vw - 90px));max-width:100%;margin:14px auto;font-size:.82rem;line-height:1.38;overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.site-intro-piece{display:none}.site-intro-center{display:block;clip-path:none;opacity:1}.site-intro.is-active .site-intro-piece,.site-intro.is-active .site-intro-copy{animation:none}.site-intro-copy{opacity:1;transform:none}}