.blue-brand-intro{position:fixed;inset:0;z-index:2000;background:#000;overflow:hidden;cursor:pointer;animation:blue-intro-out .35s ease 1s both}
.blue-intro-load{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}
.blue-intro-word{width:min(44vw,300px);position:relative;line-height:0}
.blue-intro-word img{display:block;width:100%;opacity:.22}.blue-intro-word .fill{position:absolute;inset:0;opacity:1;clip-path:inset(0 100% 0 0);animation:blue-word-fill .8s cubic-bezier(.4,0,.2,1) .1s both}
.blue-intro-bar{width:160px;height:1px;background:#2a2a2a;position:relative}.blue-intro-bar i{position:absolute;left:0;top:0;height:100%;width:0;background:white;animation:blue-bar-fill .8s cubic-bezier(.4,0,.2,1) .1s both}
.blue-brand-intro button{position:absolute;right:20px;bottom:20px;font:inherit;font-size:13px;color:#9aa6c4;background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;padding:8px 14px;cursor:pointer}
@keyframes blue-intro-out{to{opacity:0;visibility:hidden}}@keyframes blue-word-fill{to{clip-path:inset(0)}}@keyframes blue-bar-fill{to{width:100%}}
.blue-brand-intro,.blue-intro-word .fill,.blue-intro-bar i{animation-play-state:paused}
.blue-brand-intro.ready,.blue-brand-intro.ready .fill,.blue-brand-intro.ready .blue-intro-bar i{animation-play-state:running}
.blue-brand-intro button{opacity:0;animation:blue-skip-in .4s ease .4s both;animation-play-state:paused}
.blue-brand-intro.ready button{animation-play-state:running}
@keyframes blue-skip-in{to{opacity:1}}
.blue-brand-intro{animation:blue-intro-out .35s ease 1s both!important;animation-play-state:paused!important}
.blue-intro-word .fill{animation:blue-word-fill .8s cubic-bezier(.4,0,.2,1) .1s both!important;animation-play-state:paused!important}
.blue-intro-bar i{animation:blue-bar-fill .8s cubic-bezier(.4,0,.2,1) .1s both!important;animation-play-state:paused!important}
.blue-brand-intro button{animation:blue-skip-in .4s ease .4s both!important;animation-play-state:paused!important}
.blue-brand-intro.ready,.blue-brand-intro.ready .fill,.blue-brand-intro.ready .blue-intro-bar i,.blue-brand-intro.ready button{animation-play-state:running!important}
/* v042 다시 보는 짧은 인트로(3초): 로딩 로고 없이 검은 화면에서 바로 장면 시작 */
.blue-brand-intro.short .blue-intro-load{visibility:hidden}