.intro-film{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse 80% 60% at 50% 42%,#111733,#080b17 55%,#04050a);color:#e2e8f0;outline:none}.intro-film[data-variant=background]{position:fixed;inset:0;z-index:0;pointer-events:none}.intro-film__canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.intro-film__vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 75% 70% at 50% 45%,transparent 55%,rgba(2,3,8,.75) 100%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='.55'/></svg>");mix-blend-mode:normal;opacity:.9}.intro-film__vignette:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(4,5,10,.85) 0%,transparent 32%)}.intro-film__captions{position:absolute;inset:0;pointer-events:none;z-index:2}.intro-cap{position:absolute;left:clamp(20px,5vw,64px);bottom:clamp(64px,11%,104px);max-width:min(640px,calc(100% - 40px));opacity:0;transition:opacity .6s ease}.intro-cap[data-align=center]{left:20px;right:20px;max-width:none;margin:0 auto;text-align:center;bottom:clamp(64px,14%,140px)}.intro-cap.is-in{opacity:1}.intro-cap.is-out{opacity:0;transition-duration:.7s}.intro-cap__kicker{display:inline-flex;align-items:center;gap:.75rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:clamp(11px,1.1vw,13px);letter-spacing:.22em;text-transform:uppercase;color:#67e8f9;transform:translate(-12px);opacity:0;transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .8s ease}.intro-cap[data-align=left] .intro-cap__kicker:before{content:"";width:28px;height:1px;background:currentColor;opacity:.7}.intro-cap.is-in .intro-cap__kicker{transform:none;opacity:1}.intro-cap__kicker.is-type{letter-spacing:.08em;text-transform:none;font-size:clamp(13px,1.5vw,17px);color:#a5b4fc}.intro-cap.is-in .intro-cap__kicker.is-type{overflow:hidden;white-space:nowrap;width:0;animation:intro-type .9s steps(8,end) .2s forwards,intro-caret .8s step-end infinite;border-right:2px solid #a5b4fc;padding-right:2px}@keyframes intro-type{to{width:9ch}}@keyframes intro-caret{50%{border-color:transparent}}.intro-cap__title{margin-top:.6rem;overflow:hidden;padding-bottom:.1em;font-family:Space Grotesk,Pretendard,Apple SD Gothic Neo,Malgun Gothic,sans-serif;font-weight:700;letter-spacing:-.02em;line-height:1.12;font-size:clamp(26px,4.4vw,60px);color:#f8fafc}.intro-cap__title span{display:inline-block;transform:translateY(110%);transition:transform 1s cubic-bezier(.2,.85,.15,1) .12s;background:linear-gradient(100deg,#f8fafc 20%,#c7d2fe 55%,#67e8f9);-webkit-background-clip:text;background-clip:text;color:transparent}.intro-cap.is-in .intro-cap__title span{transform:none}.intro-cap__sub{margin-top:.75rem;max-width:52ch;font-size:clamp(12px,1.35vw,16px);line-height:1.6;color:#94a3b8;opacity:0;transform:translateY(8px);transition:opacity .8s ease .45s,transform .8s cubic-bezier(.2,.8,.2,1) .45s}.intro-cap[data-align=center] .intro-cap__sub{margin-inline:auto}.intro-cap.is-in .intro-cap__sub{opacity:1;transform:none}.intro-film__hud{position:absolute;left:clamp(20px,5vw,64px);right:clamp(20px,5vw,64px);bottom:clamp(16px,3.5%,32px);z-index:3;display:flex;align-items:center;gap:14px}.intro-film__play{flex:none;width:30px;height:30px;display:grid;place-items:center;border-radius:999px;border:1px solid rgba(148,163,184,.3);color:#cbd5e1;background:#0f172aa6;cursor:pointer;transition:border-color .2s,color .2s}.intro-film__play:hover{border-color:#67e8f9;color:#fff}.intro-film__play svg{width:13px;height:13px}.intro-film__sound[aria-pressed=false]{animation:intro-hint 2.4s ease-in-out 3s 3}.intro-film__sound[aria-pressed=true]{color:#67e8f9;border-color:#67e8f980}@keyframes intro-hint{50%{box-shadow:0 0 0 6px #67e8f92e;border-color:#67e8f9}}.intro-film__segs{flex:1;display:flex;gap:6px}.intro-film__seg{flex:1;height:18px;padding:0;background:none;border:0;cursor:pointer;display:flex;align-items:center}.intro-film__seg span{position:relative;display:block;width:100%;height:2px;border-radius:2px;background:#94a3b838;overflow:hidden}.intro-film__seg span:after{content:"";position:absolute;inset:0;transform-origin:left;transform:scaleX(var(--p, 0));background:linear-gradient(90deg,#818cf8,#67e8f9)}.intro-film__seg:hover span{background:#94a3b873}.intro-film:focus-visible{box-shadow:inset 0 0 0 2px #67e8f980}@media(prefers-reduced-motion:reduce){.intro-cap *,.intro-cap{transition-duration:.01ms!important;animation:none!important}.intro-cap.is-in .intro-cap__kicker.is-type{width:auto;border:0}}