html.intro-seen .intro{display:none}
.spline-intro{background:#000!important}
.intro-spline{position:absolute;inset:0 0 0 45%;z-index:0;overflow:hidden;background:#000}
.intro-spline::after{position:absolute;left:50%;top:69%;z-index:2;width:72%;height:24%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(88,218,255,.52) 0%,rgba(28,124,255,.25) 40%,transparent 72%);filter:blur(20px);pointer-events:none;content:"";transform:translate(-50%,-50%)}
.intro-spline spline-viewer{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;filter:hue-rotate(240deg) saturate(.82) brightness(1.18);pointer-events:auto}
.intro-vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.98) 0%,rgba(0,0,0,.86) 35%,rgba(0,0,0,.22) 64%,rgba(0,0,0,.08) 100%);box-shadow:inset 0 -120px 100px rgba(0,0,0,.28)}
.spline-intro .intro-copy{top:50%;bottom:auto;z-index:3;width:min(610px,calc(100% - 56px));pointer-events:none;transform:translateY(-50%)}
.spline-intro .intro-copy p{margin:0 0 20px;color:#84dfef;font-size:clamp(.65rem,.78vw,.76rem);font-weight:800;line-height:1.5;letter-spacing:.18em}
.spline-intro .intro-copy .intro-title{max-width:670px;font-family:Inter,Pretendard,"Noto Sans KR","Segoe UI",Arial,sans-serif;font-size:clamp(2.15rem,3.25vw,3.05rem);font-weight:650;line-height:.96;letter-spacing:-.052em;text-shadow:0 16px 50px rgba(0,0,0,.62)}
.spline-intro .intro-copy .intro-title>span{display:block}
.spline-intro .intro-copy .intro-title small{display:block;margin-top:14px;color:#78e7fb;font-size:clamp(1rem,1.5vw,1.25rem);font-weight:560;line-height:1.35;letter-spacing:.035em}
.spline-intro .intro-copy button{display:inline-flex;align-items:center;gap:22px;min-height:48px;margin-top:32px;padding:13px 21px 13px 23px;border:1px solid rgba(225,242,247,.45);border-radius:999px;color:#f2fbfd;background:rgba(0,0,0,.26);font:700 .86rem/1 Inter,Pretendard,"Noto Sans KR","Segoe UI",Arial,sans-serif;letter-spacing:.05em;pointer-events:auto;backdrop-filter:blur(10px);transition:transform .2s ease,border-color .2s ease,background .2s ease}
.spline-intro .intro-copy button:hover,.spline-intro .intro-copy button:focus-visible{border-color:#78e7fb;background:rgba(12,77,98,.48);transform:translateY(-2px)}

@media(max-width:760px){.intro-spline{inset:0}.intro-spline::after{top:59%;width:76%}.intro-vignette{background:linear-gradient(180deg,rgba(0,0,0,.04) 0%,rgba(0,0,0,.2) 42%,rgba(0,0,0,.94) 73%,#000 100%)}.spline-intro .intro-copy{top:auto;bottom:8vh;width:calc(100% - 42px);transform:none}.spline-intro .intro-copy p{margin-bottom:14px;font-size:.6rem}.spline-intro .intro-copy .intro-title{font-size:clamp(1.9rem,8.6vw,2.4rem)}.spline-intro .intro-copy .intro-title small{margin-top:13px;font-size:clamp(.95rem,4vw,1.15rem)}.spline-intro .intro-copy button{margin-top:22px}}
@media(prefers-reduced-motion:reduce){.spline-intro{display:none}}