/* WITYX 히어로를 토템형 제단으로 올리고, 카피·버튼이 3D보다 먼저 보이게 한다. */
html[data-atelier-boot="1"]{overflow:hidden}
.atelier-preloader{position:fixed;inset:0;z-index:100080;display:grid;place-items:center;align-content:center;gap:22px;background:#071018;color:#f6ead0;transition:opacity .55s ease,visibility .55s}
.atelier-preloader[hidden]{opacity:0;visibility:hidden;pointer-events:none}
.atelier-preloader-mark{position:relative;width:min(42vw,220px);aspect-ratio:1;display:grid;place-items:center}
.atelier-preloader-mark img{width:72%;height:auto;filter:brightness(1.15);position:relative;z-index:1}
.atelier-preloader-ring{position:absolute;inset:0;border-radius:50%;border:1px solid #e8c46a55;box-shadow:0 0 80px #e7b34a33,inset 0 0 40px #0ff3}
.atelier-preloader-ring:before{content:"";position:absolute;inset:-10%;border-radius:50%;border:1px solid #58f5de22;animation:atelier-spin 7s linear infinite}
.atelier-preloader p{margin:0;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#d9c89a}
.atelier-preloader-bar{width:min(46vw,220px);height:1px;background:#ffffff14;display:block;overflow:hidden}
.atelier-preloader-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#58f5de,#f4c14a);animation:atelier-load 1.6s ease forwards}
@keyframes atelier-spin{to{transform:rotate(1turn)}}
@keyframes atelier-load{to{width:100%}}
html[data-motion="paused"] .atelier-preloader-ring:before,html[data-reduced-motion="true"] .atelier-preloader-ring:before{animation:none}
@media(prefers-reduced-motion:reduce){
html[data-atelier-boot="1"]{overflow:auto}
.atelier-preloader{display:none!important}
.atelier-preloader-ring:before{animation:none}
.atelier-preloader-bar i{animation:none;width:100%}
}

:is(body.atelier-home.cinematic-home) .motion-toggle{position:relative;z-index:80}
@media(min-width:761px){:is(body.atelier-home.cinematic-home) .cinema-controls{bottom:max(76px, calc(28px + env(safe-area-inset-bottom)))}}

:is(body.atelier-home.cinematic-home) .asia-hero{--editorial-bg:#071018;background:
  radial-gradient(120% 80% at 78% 42%, #12384a 0%, transparent 46%),
  radial-gradient(90% 70% at 12% 18%, #3a241066 0%, transparent 50%),
  linear-gradient(180deg,#08141c 0%,#071018 58%,#fffaf4 100%)}
:is(body.atelier-home.cinematic-home) .site-header{background:#071018cc;border-color:#f4d27a22;color:#f6ead0}
:is(body.atelier-home.cinematic-home) .nav-cta,:is(body.atelier-home.cinematic-home) .desktop-nav a{color:#f3ead6}
:is(body.atelier-home.cinematic-home) .hero-copy h1{color:#f7f1e4;text-shadow:0 20px 60px #0008}
:is(body.atelier-home.cinematic-home) .hero-copy h1 em{color:#f4c14a}
:is(body.atelier-home.cinematic-home) .hero-lead{color:#dbe7e4}
:is(body.atelier-home.cinematic-home) .hero-description,:is(body.atelier-home.cinematic-home) .hero-note,:is(body.atelier-home.cinematic-home) .launch-prelude{color:#b9c9c6}
:is(body.atelier-home.cinematic-home) .hero-foundations{border-color:#ffffff22}
:is(body.atelier-home.cinematic-home) .hero-foundations strong{color:#f6ead0}
:is(body.atelier-home.cinematic-home) .hero-foundations div:first-child strong{color:#f4c14a}
:is(body.atelier-home.cinematic-home) .hero-foundations span{color:#9fb3b0}
:is(body.atelier-home.cinematic-home) .button-ghost{color:#f6ead0;border-color:#f6ead055}
:is(body.atelier-home.cinematic-home) .hero-bottom{border-color:#ffffff18}
:is(body.atelier-home.cinematic-home) .hero-bottom>p,:is(body.atelier-home.cinematic-home) .scroll-cue,:is(body.atelier-home.cinematic-home) .motion-toggle{color:#d7c89a;border-color:#d7c89a44}
:is(body.atelier-home.cinematic-home) .hero-atmosphere{background:transparent;pointer-events:none}
:is(body.atelier-home.cinematic-home) .hero-atmosphere i{display:block;position:absolute;inset:auto;border-radius:50%;filter:blur(40px);opacity:.55;animation:atelier-haze 9s ease-in-out infinite alternate}
:is(body.atelier-home.cinematic-home) .hero-atmosphere i:nth-child(1){width:42vw;height:42vw;left:48%;top:6%;background:#f4c14a33}
:is(body.atelier-home.cinematic-home) .hero-atmosphere i:nth-child(2){width:36vw;height:28vw;right:4%;bottom:18%;background:#2ad5c228}
:is(body.atelier-home.cinematic-home) .hero-atmosphere i:nth-child(3){width:24vw;height:50vw;left:8%;top:20%;background:#185ad526;animation-duration:13s}
@keyframes atelier-haze{from{transform:translate3d(0,8px,0) scale(1)}to{transform:translate3d(12px,-18px,0) scale(1.08)}}
:is(body.atelier-home.cinematic-home) .globe-stage{height:min(78vh,760px)}
:is(body.atelier-home.cinematic-home) .stage-colorfield{inset:-6% -8% 4% -6%;border-radius:46% 42% 8px 18px;background:
  radial-gradient(circle at 48% 42%, #1b4d57 0%, #071018 58% 100%);
  box-shadow:inset 0 0 120px #000c, 0 40px 80px #03101888}
:is(body.atelier-home.cinematic-home) .stage-colorfield:before{background:linear-gradient(118deg,transparent 20%,#f4c14a55 48%,transparent 62%);height:70%;width:28%;left:36%;bottom:8%;filter:blur(18px);opacity:.85;animation:atelier-shaft 6s ease-in-out infinite alternate}
:is(body.atelier-home.cinematic-home) .stage-colorfield:after{border-color:#f4c14a33;box-shadow:0 0 80px #58f5de22}
:is(body.atelier-home.cinematic-home) .stage-colorfield b{background:#f4c14a;opacity:.7;filter:blur(2px)}
:is(body.atelier-home.cinematic-home) .stage-colorfield>span{color:#f4c14a14}
@keyframes atelier-shaft{from{opacity:.35;transform:rotate(-28deg) translateY(8px)}to{opacity:.9;transform:rotate(-18deg) translateY(-12px)}}
:is(body.atelier-home.cinematic-home) .coin-webgl-canvas{filter:drop-shadow(0 28px 40px #000a) drop-shadow(0 0 28px #f4c14a33)}
:is(body.atelier-home.cinematic-home) .globe-stage[data-coin-scene="ready"] #asia-globe-canvas{opacity:.18;mix-blend-mode:screen}
.atelier-smoke{position:absolute;inset:8% 4% 12%;pointer-events:none;z-index:3;background:
  radial-gradient(ellipse at 50% 80%, #d7c89a14, transparent 55%);
  mix-blend-mode:screen;animation:atelier-haze 11s ease-in-out infinite alternate}

.rights-orb-stage{position:absolute;inset:9%;z-index:0;pointer-events:none}
.rights-orb-stage canvas{width:100%;height:100%;display:block;opacity:0;transition:opacity .6s ease}
.rights-orb-stage[data-orb-scene="ready"] canvas{opacity:1}
body.atelier-home #vision .cycle-core{position:relative;z-index:2;background:linear-gradient(160deg,#fffef8ee,#fff6d8d8);box-shadow:0 0 40px #f4c14a33,0 18px 40px #12303822}
body.atelier-home #vision .cycle-visual{isolation:isolate}

@media(max-width:900px){:is(body.atelier-home.cinematic-home) .globe-stage{height:480px}:is(body.atelier-home.cinematic-home) .hero-copy h1{color:#f7f1e4}}
@media(max-width:600px){
:is(body.atelier-home.cinematic-home) .asia-hero{background:linear-gradient(180deg,#071018 0 42%,#fffaf4 78%)}
:is(body.atelier-home.cinematic-home) .globe-stage{height:390px}
:is(body.atelier-home.cinematic-home) .hero-atmosphere i{filter:blur(28px);opacity:.4}
}
@media(prefers-reduced-motion:reduce){
:is(body.atelier-home.cinematic-home) .hero-atmosphere i,:is(body.atelier-home.cinematic-home) .stage-colorfield:before,.atelier-smoke{animation:none}
}