/* 야경 스틸의 잉크·나트륨 조명으로 UI 크롬을 그레이드해, 금색 세일 배너처럼 보이지 않게 한다. */
:root{
  --night-ink:#12161c;
  --night-asphalt:#1b2129;
  --night-glass:#161c24cc;
  --sodium:#c4a07a;
  --tungsten:#e6d3b8;
  --bone:#efeae2;
  --river:#7a9eaa;
  --brand-blue:#1d4fbe;
}

.live-ribbon{position:relative;z-index:8;overflow:hidden;display:flex;align-items:center;gap:14px;min-height:40px;padding:0 18px;background:var(--night-ink);color:var(--tungsten);border-bottom:1px solid #c4a07a33}
.live-pulse{width:7px;height:7px;border-radius:50%;background:var(--sodium);box-shadow:0 0 0 0 #c4a07a66;animation:live-beat 1.8s ease-out infinite;flex:none}
.live-ribbon-track{display:flex;gap:38px;white-space:nowrap;animation:live-marquee 18s linear infinite;font:600 11px/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:.08em}
.live-ribbon-track span{display:inline-flex;align-items:center;gap:10px;opacity:.92}
.live-ribbon-track span:before{content:"";width:3px;height:3px;border-radius:50%;background:var(--sodium);opacity:.7}
@keyframes live-beat{50%{box-shadow:0 0 0 8px #c4a07a00}100%{box-shadow:0 0 0 0 #c4a07a00}}
@keyframes live-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
html[data-motion="paused"] .live-ribbon-track,html[data-reduced-motion="true"] .live-ribbon-track{animation:none}
html[data-motion="paused"] .live-pulse,html[data-reduced-motion="true"] .live-pulse{animation:none}

:is(body.atelier-home.cinematic-home) ::selection{background:#c4a07a;color:#12161c}
:is(body.atelier-home.cinematic-home) .site-header{background:#12161ce8;border-color:#ffffff12;color:var(--bone)}
:is(body.atelier-home.cinematic-home) .nav-cta,:is(body.atelier-home.cinematic-home) .desktop-nav a{color:#d7d0c6}
:is(body.atelier-home.cinematic-home) .language-switch,:is(body.atelier-home.cinematic-home) .language-switch button{color:#cfc6b6}
:is(body.atelier-home.cinematic-home) .language-switch button[aria-pressed="true"]{color:var(--bone)}
:is(body.atelier-home.cinematic-home) .menu-toggle span{background:var(--bone)}
:is(body.atelier-home.cinematic-home) .docs-cta{background:var(--brand-blue);color:#fff}
:is(body.atelier-home.cinematic-home) .reading-progress span{background:var(--sodium)}

:is(body.atelier-home.cinematic-home) .asia-hero{--editorial-bg:var(--night-ink);background:
  linear-gradient(180deg,#0e1218 0%,#12161c 54%,#ebe4d8 100%)}
:is(body.atelier-home.cinematic-home) .hero-copy h1{color:var(--bone);text-shadow:0 18px 50px #0009}
:is(body.atelier-home.cinematic-home) .hero-copy h1 em{color:var(--tungsten);background:none;-webkit-text-fill-color:currentColor}
:is(body.atelier-home.cinematic-home) .hero-lead{color:#e4ddd2}
: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:#b7b1a7}
:is(body.atelier-home.cinematic-home) .status-dot{background:var(--sodium);box-shadow:none;animation:live-beat 1.8s ease-out infinite}
:is(body.atelier-home.cinematic-home) .hero-foundations{border-color:#ffffff18}
:is(body.atelier-home.cinematic-home) .hero-foundations strong{color:var(--bone)}
:is(body.atelier-home.cinematic-home) .hero-foundations div:first-child strong{color:var(--sodium)}
:is(body.atelier-home.cinematic-home) .hero-foundations span{color:#9b958c}
:is(body.atelier-home.cinematic-home) .button-primary{background:var(--brand-blue);border-color:var(--brand-blue);color:#fff;box-shadow:0 8px 22px #1d4fbe22}
:is(body.atelier-home.cinematic-home) .button-primary:hover{background:#163f99;color:#fff}
:is(body.atelier-home.cinematic-home) .button-ghost{color:var(--bone);border-color:#efeae255;background:transparent}
:is(body.atelier-home.cinematic-home) .hero-bottom{border-color:#ffffff14}
: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:#cfc6b6;border-color:#cfc6b644}

:is(body.atelier-home.cinematic-home) .hero-bleed-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:0;pointer-events:none;filter:saturate(.92) contrast(1.06) brightness(.42) sepia(.08)}
:is(body.atelier-home.cinematic-home) .hero-bleed-film[data-playback="playing"]{opacity:.38}
:is(body.atelier-home.cinematic-home) .hero-grid,:is(body.atelier-home.cinematic-home) .hero-atmosphere{position:relative;z-index:1}
:is(body.atelier-home.cinematic-home) .hero-atmosphere i:nth-child(1){background:#c4a07a22}
:is(body.atelier-home.cinematic-home) .hero-atmosphere i:nth-child(2){background:#7a9eaa18}
:is(body.atelier-home.cinematic-home) .hero-atmosphere i:nth-child(3){background:#1d4fbe14}

:is(body.atelier-home.cinematic-home) .hero-live-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:0;pointer-events:none;border-radius:0;mix-blend-mode:normal;filter:saturate(.95) contrast(1.05) brightness(.58) sepia(.06);transition:opacity .8s ease}
:is(body.atelier-home.cinematic-home) .hero-live-film[data-playback="playing"]{opacity:.52}
:is(body.atelier-home.cinematic-home) .globe-stage[data-coin-scene="ready"] .hero-live-film[data-playback="playing"]{opacity:.4}
:is(body.atelier-home.cinematic-home) .stage-colorfield{background:
  radial-gradient(circle at 48% 42%, #24313bcc 0%, #12161cee 64% 100%);box-shadow:inset 0 0 120px #000c}
:is(body.atelier-home.cinematic-home) .stage-colorfield:before{background:linear-gradient(118deg,transparent 22%,#c4a07a40 48%,transparent 64%)}
:is(body.atelier-home.cinematic-home) .stage-colorfield:after{border-color:#c4a07a22;box-shadow:0 0 60px #7a9eaa14}
:is(body.atelier-home.cinematic-home) .stage-colorfield b{background:var(--sodium);opacity:.45}
:is(body.atelier-home.cinematic-home) .stage-colorfield>span{color:#efeae212}
:is(body.atelier-home.cinematic-home) .coin-webgl-canvas{filter:drop-shadow(0 28px 36px #000a) drop-shadow(0 0 18px #c4a07a22)}

.live-gfx{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
.live-orbit{position:absolute;left:12%;top:8%;width:76%;aspect-ratio:1;border:1px dashed #c4a07a33;border-radius:50%;animation:live-spin 28s linear infinite}
.live-orbit-2{left:18%;top:14%;width:64%;border-color:#7a9eaa28;animation-duration:22s;animation-direction:reverse}
.live-scan{position:absolute;left:-10%;right:-10%;height:14%;top:18%;background:linear-gradient(180deg,transparent,#c4a07a14,transparent);animation:live-scan 6.4s ease-in-out infinite}
.live-gfx>i{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--sodium);opacity:.45;box-shadow:0 0 8px #c4a07a55;animation:live-spark 6.2s linear infinite}
.live-gfx>i:nth-child(4){left:18%;top:22%;animation-delay:-.6s}
.live-gfx>i:nth-child(5){left:72%;top:18%;animation-delay:-1.4s;background:var(--tungsten)}
.live-gfx>i:nth-child(6){left:28%;top:68%;animation-delay:-2.2s}
.live-gfx>i:nth-child(7){left:81%;top:54%;animation-delay:-3.1s;background:var(--river)}
.live-gfx>i:nth-child(8){left:46%;top:12%;animation-delay:-4s}
.live-gfx>i:nth-child(9){left:62%;top:76%;animation-delay:-4.8s;background:var(--tungsten)}
@keyframes live-spin{to{transform:rotate(1turn)}}
@keyframes live-scan{from{transform:translateY(0)}to{transform:translateY(280%)}}
@keyframes live-spark{0%{transform:translate3d(0,12px,0) scale(.6);opacity:0}18%{opacity:.55}100%{transform:translate3d(14px,-110px,0) scale(1.05);opacity:0}}

:is(body.atelier-home.cinematic-home) .hero-documentary{width:min(48vw,460px);aspect-ratio:16/10;left:0;bottom:7%;transform:rotate(-2deg);z-index:6;border:2px solid #efeae2d0;border-radius:2px;box-shadow:0 18px 44px #0007}
:is(body.atelier-home.cinematic-home) .hero-documentary:hover{transform:rotate(0) translateY(-5px)}
:is(body.atelier-home.cinematic-home) .hero-documentary[data-live="playing"]:after{content:"PREVIEW";position:absolute;top:10px;left:10px;z-index:6;padding:5px 8px;background:#12161ce8;color:var(--bone);border:1px solid #c4a07a55;font:600 8px/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:.16em}
:is(body.atelier-home.cinematic-home) .globe-brand-pass .pass-wave{display:flex}
:is(body.atelier-home.cinematic-home) .pass-wave i{background:var(--sodium)}
:is(body.atelier-home.cinematic-home) .globe-brand-pass{background:#efeae2f0;border-color:#ffffffaa;color:#2a2926}
:is(body.atelier-home.cinematic-home) .globe-platform-label{background:#efeae2f0;color:#2a2926}
:is(body.atelier-home.cinematic-home) .network-connector{background:repeating-linear-gradient(90deg,#c4a07a 0 8px,transparent 8px 16px);background-size:24px 1px;animation:live-dash 1.4s linear infinite}
@keyframes live-dash{to{background-position:24px 0}}
:is(body.atelier-home.cinematic-home) .film-feature>video{opacity:1}
:is(body.atelier-home.cinematic-home) .film-feature>img{opacity:0;pointer-events:none}
:is(body.atelier-home.cinematic-home) .film-feature[data-live="poster"]>img{opacity:1}
:is(body.atelier-home.cinematic-home) .film-feature .film-play{background:var(--bone);color:#1b2129;border-color:var(--bone)}
:is(body.atelier-home.cinematic-home) .asia-route{animation-duration:1.6s}
:is(body.atelier-home.cinematic-home) .floating-route{animation:float-service 4.5s ease-in-out infinite}
:is(body.atelier-home.cinematic-home) .pass-shine{animation-duration:3.2s}
:is(body.atelier-home.cinematic-home) .cycle-orbit-flow{animation-duration:8s}
:is(body.atelier-home.cinematic-home) .platform-documentary img{animation:live-ken 16s ease-in-out infinite alternate;transform-origin:center}
:is(body.atelier-home.cinematic-home) .platform-documentary video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#111}
:is(body.atelier-home.cinematic-home) .app-preview{animation:live-ken 14s ease-in-out infinite alternate-reverse}
@keyframes live-ken{from{transform:scale(1)}to{transform:scale(1.08)}}
html[data-motion="paused"] :is(.platform-documentary img,.app-preview),html[data-reduced-motion="true"] :is(.platform-documentary img,.app-preview){animation:none}

:is(body.atelier-home.cinematic-home) .network-bar{--editorial-bg:#2a231c;background:#2a231c;border:0;color:var(--bone)}
:is(body.atelier-home.cinematic-home) .network-inner{color:var(--bone)}
:is(body.atelier-home.cinematic-home) .network-label,:is(body.atelier-home.cinematic-home) .network-inner small{color:#cfc4b3}
:is(body.atelier-home.cinematic-home) .network-inner a{color:var(--bone)}
:is(body.atelier-home.cinematic-home) .cinema-controls{background:#12161cf0;color:var(--bone);border-color:#c4a07a33}
:is(body.atelier-home.cinematic-home) .cinema-controls button:hover{background:var(--sodium);color:#12161c}

.live-ops{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:520px;margin-top:22px;order:8}
.live-ops div{display:flex;flex-direction:column;gap:4px;padding:12px 12px 11px;border:1px solid #c4a07a28;background:var(--night-glass);color:var(--bone);backdrop-filter:blur(14px)}
.live-ops b{font:700 10px/1 ui-monospace,monospace;letter-spacing:.14em;color:var(--sodium)}
.live-ops span{font-size:12px;line-height:1.4;color:#d2ccc3}
.live-ops i{width:6px;height:6px;border-radius:50%;background:var(--sodium);box-shadow:none;animation:none;margin-bottom:6px;opacity:.85}
.live-ops div:nth-child(2) i,.live-ops div:nth-child(3) i{background:var(--sodium)}

.destination-media{display:block;height:clamp(150px,18vw,230px);margin:-30px -30px 24px;overflow:hidden;background:#1b2129}
.destination-media video{width:100%;height:100%;object-fit:cover;display:block}
body.editorial-home #explore .destination-card::before{display:none}

@media(max-width:900px){
:is(body.atelier-home.cinematic-home) .hero-documentary{width:min(72vw,280px);left:10px;bottom:auto;top:11%;z-index:7}
:is(body.atelier-home.cinematic-home) .hero-live-film{opacity:.28}
:is(body.atelier-home.cinematic-home) .hero-bleed-film[data-playback="playing"]{opacity:.24}
.live-ops{display:none}
.live-ribbon-track{font-size:11px;gap:28px}
.destination-media{height:168px;margin:-25px -25px 20px}
}
@media(max-width:760px){
:is(body.atelier-home.cinematic-home) .hero-foundations{margin-bottom:24px}
body.atelier-home.cinematic-home .cinema-controls{display:none}
}
@media(max-width:600px){
:is(body.atelier-home.cinematic-home) .hero-documentary{width:min(68vw,230px);left:8px;top:10%}
.live-ribbon{min-height:34px}
.live-orbit,.live-orbit-2{opacity:.4}
}
@media(prefers-reduced-motion:reduce){
.live-ribbon-track,.live-pulse,.live-orbit,.live-orbit-2,.live-scan,.live-gfx>i,:is(body.atelier-home.cinematic-home) .network-connector,:is(body.atelier-home.cinematic-home) .status-dot{animation:none}
:is(body.atelier-home.cinematic-home) .hero-live-film,:is(body.atelier-home.cinematic-home) .hero-bleed-film{display:none}
.live-gfx{display:none}
}
html[data-motion="paused"] .live-orbit,html[data-motion="paused"] .live-orbit-2,html[data-motion="paused"] .live-scan,html[data-motion="paused"] .live-gfx>i,html[data-reduced-motion="true"] .live-orbit,html[data-reduced-motion="true"] .live-orbit-2,html[data-reduced-motion="true"] .live-scan,html[data-reduced-motion="true"] .live-gfx>i{animation:none}
html[data-motion="paused"] .hero-bleed-film,html[data-motion="paused"] .hero-live-film,html[data-reduced-motion="true"] .hero-bleed-film,html[data-reduced-motion="true"] .hero-live-film{opacity:0}