:root{--red:#ff3159;--yellow:#ffe13b;--black:#070910}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#070910;font-family:Inter,"Noto Sans KR",system-ui,sans-serif;color:#111}button,a{font:inherit}header{position:fixed;z-index:100;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:18px 4vw;color:#fff;background:linear-gradient(#070910aa,transparent);pointer-events:none}.brand{font-weight:950;letter-spacing:-.04em}.brand b{color:var(--red)}.status{font-size:.72rem;font-weight:800;letter-spacing:.08em;border:1px solid #ffffff66;border-radius:99px;padding:7px 11px}.deck,.slide{position:absolute;inset:0}.slide{opacity:0;visibility:hidden;transform:scale(1.025);transition:opacity 1.15s ease,transform 1.3s ease;overflow:hidden;background:#f2f4f8}.slide.active{opacity:1;visibility:visible;transform:scale(1);z-index:2}.slide.dark{color:#fff}.bg{background-image:var(--bg);background-size:cover;background-position:center}.slide.active.bg{animation:kenburns 8s ease-out both}@keyframes kenburns{from{background-size:110% auto}to{background-size:102% auto}}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#070910e8 0%,#07091088 48%,#07091010 78%),linear-gradient(0deg,#070910aa,transparent 38%)}.copy{position:absolute;z-index:3;left:7vw;bottom:13vh;width:min(900px,82vw)}.copy.compact{top:9vh;bottom:auto}.eyebrow{color:#f8c900;font-size:.74rem;font-weight:950;letter-spacing:.17em;margin:0 0 17px}h1,h2{font-size:clamp(3rem,7.2vw,8rem);letter-spacing:-.07em;line-height:.85;margin:0;font-weight:950}h1 em,h2 em{font-style:normal;color:var(--red)}.lead{font-size:clamp(1rem,1.5vw,1.35rem);max-width:770px;line-height:1.6;margin:28px 0 0}.chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.chips span{padding:9px 13px;background:#fff;color:#111;font-size:.8rem;font-weight:900}.source{position:absolute;z-index:4;right:3vw;bottom:4vh;color:#fff;font-size:.7rem;text-decoration:none}.video-slide iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}.video-slide:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#070910dc,transparent 58%),linear-gradient(0deg,#07091077,transparent 45%)}.video-copy{position:absolute;z-index:4;left:7vw;bottom:13vh;width:min(650px,80vw);pointer-events:none}.video-copy h2{font-size:clamp(2.8rem,6vw,6.8rem)}.video-copy p:last-child{color:#ddd}.split{display:grid;grid-template-columns:1.2fr .8fr}.split .copy{position:relative;left:auto;bottom:auto;width:auto;align-self:center;padding:8vw 5vw}.actual-photo{background-image:var(--bg);background-size:cover;background-position:center;position:relative}.actual-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#f2f4f855)}.actual-photo span{position:absolute;z-index:1;left:25px;bottom:25px;background:#111;color:#fff;padding:8px 11px;font-size:.7rem;font-weight:900}.metric{margin-top:35px;font-size:1.2rem;font-weight:900}.metric b{display:block;font-size:clamp(3rem,6vw,6rem);color:var(--red);letter-spacing:-.06em}.district-slide,.concepts{padding:0 5vw}.location-grid{position:absolute;left:5vw;right:5vw;bottom:9vh;height:58vh;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.location-grid article,.concept-grid article{background-image:var(--bg);background-size:cover;background-position:center;position:relative;overflow:hidden}.location-grid article:after,.concept-grid article:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#070910ed,transparent 58%)}.location-grid article div,.concept-grid article div{position:absolute;z-index:2;left:22px;right:18px;bottom:20px;color:#fff}.location-grid b,.concept-grid b{font-size:clamp(1.1rem,1.6vw,1.7rem)}.location-grid span{display:block;color:#ddd;font-size:.8rem;margin-top:4px}.plan-stage{position:absolute;right:4vw;top:9vh;width:62vw;height:77vh;background:#fff;border:1px solid #cad0da;overflow:hidden;box-shadow:0 30px 80px #173b7226}.plan-stage img{width:100%;height:100%;object-fit:contain;animation:planMove 16s ease-in-out infinite alternate}@keyframes planMove{0%{transform:scale(1)}45%{transform:scale(1.35) translate(7%,-3%)}100%{transform:scale(1.6) translate(-8%,5%)}}.scan{position:absolute;inset:0 auto 0 0;width:3px;background:var(--red);box-shadow:0 0 30px 8px #ff315977;animation:scan 5s ease-in-out infinite}@keyframes scan{0%{left:2%}100%{left:98%}}.plan-slide .copy{left:4vw;top:11vh;width:31vw}.plan-slide h2{font-size:clamp(2.4rem,4.8vw,5.5rem)}.plan-label{position:absolute;padding:9px 12px;background:#070910e8;color:#fff;font-size:.72rem;font-weight:800}.plan-label b{color:var(--yellow);margin-right:6px}.p1{left:8%;top:15%}.p2{right:8%;top:26%}.p3{left:40%;bottom:15%}.p4{right:9%;bottom:8%}.plan-note{position:absolute;left:4vw;bottom:12vh;width:29vw;font-size:.84rem;color:#555}.performance-slide{display:grid;grid-template-columns:1.15fr .85fr;background:#0a0c14}.perform-video iframe{width:100%;height:100%;border:0}.artist{position:relative;overflow:hidden}.artist>img{width:100%;height:100%;object-fit:cover;filter:brightness(1.3) saturate(1.2)}.artist:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#070910e8,transparent 65%)}.artist>div{position:absolute;z-index:2;left:8%;right:8%;bottom:12%}.artist-logo{width:min(330px,72%);filter:brightness(0) invert(1)}.artist h2{font-size:clamp(2rem,4vw,4.8rem);margin-top:18px}.concept-grid{position:absolute;left:4vw;right:4vw;bottom:9vh;height:58vh;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.concept-grid article{filter:brightness(1.22) saturate(1.35)}.concept-grid article>span{position:absolute;z-index:3;right:15px;top:15px;background:var(--yellow);padding:6px 8px;font-size:.62rem;font-weight:950}.concept-grid p{margin:7px 0 0;color:#eee}.finale .copy{bottom:17vh}.controls{position:fixed;z-index:120;left:4vw;right:4vw;bottom:3vh;display:flex;align-items:center;gap:8px;color:#fff}.controls button{width:38px;height:38px;border:1px solid #ffffff77;background:#070910aa;color:#fff;cursor:pointer}.progress{height:3px;background:#ffffff44;flex:1;margin:0 12px}.progress i{display:block;height:100%;width:0;background:var(--yellow)}.playing .progress i{animation:progress 5s linear forwards}@keyframes progress{from{width:0}to{width:100%}}#counter{font-size:.75rem;font-weight:900;min-width:54px}.dots{position:fixed;z-index:120;right:2.4vw;top:50%;transform:translateY(-50%);display:grid;gap:8px}.dots button{width:8px;height:8px;border:0;border-radius:50%;padding:0;background:#ffffff88;box-shadow:0 0 0 1px #0005;cursor:pointer}.dots button.active{height:28px;border-radius:8px;background:var(--yellow)}
@media(max-width:800px){header{padding:14px 18px}.status{font-size:.57rem}.copy{left:22px;bottom:15vh;width:88vw}h1,h2{font-size:clamp(2.7rem,13vw,5.4rem)}.split,.performance-slide{display:block}.split .actual-photo{height:54%}.split .copy{position:absolute;z-index:3;left:0;right:0;bottom:9vh;padding:24px;background:linear-gradient(transparent,#f2f4f8 25%)}.location-grid{left:18px;right:18px;bottom:10vh;height:65vh;grid-template-columns:1fr 1fr}.district-slide .copy{left:18px;top:8vh}.district-slide .copy h2{font-size:2.2rem}.plan-stage{left:18px;right:18px;top:23vh;width:auto;height:55vh}.plan-slide .copy{left:18px;top:8vh;width:85vw}.plan-slide h2{font-size:2.4rem}.plan-note{left:18px;bottom:9vh;width:82vw}.performance-slide .perform-video{height:52%}.artist{height:48%}.artist>div{bottom:15%}.artist h2{font-size:1.9rem}.concept-grid{left:18px;right:18px;bottom:10vh;height:67vh;grid-template-columns:1fr}.concepts .copy{left:18px;top:7vh}.concepts h2{font-size:2.2rem}.concept-grid article div{bottom:10px}.controls{left:18px;right:18px}.dots{display:none}.source{right:18px;bottom:9vh}.video-copy{left:22px}}
@media(prefers-reduced-motion:reduce){.slide,.slide.active.bg,.plan-stage img,.scan,.playing .progress i{animation:none;transition:none}}

/* HELIO master vision */
.vision-metrics{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:.25rem 1rem;margin-top:1.8rem;width:max-content;max-width:100%;padding:1rem 1.25rem;background:#070910aa;border:1px solid #ffffff33;backdrop-filter:blur(12px)}.vision-metrics b{font-size:clamp(1.8rem,3.5vw,3.5rem);color:var(--yellow);letter-spacing:-.05em}.vision-metrics span{font-weight:800;color:#fff}.ecosystem-slide{display:grid;grid-template-columns:1.15fr .85fr;background:#10131d}.ecosystem-photo{background-image:linear-gradient(0deg,#07091055,#07091005),var(--bg);background-size:cover;background-position:center}.ecosystem-copy{align-self:center;padding:7vw 5vw}.ecosystem-copy h2{font-size:clamp(2.8rem,5.4vw,6.2rem)}.ecosystem-tags{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.5rem}.ecosystem-tags span{padding:.62rem .8rem;background:var(--yellow);color:#090a0d;font-size:.72rem;font-weight:950}.youtube-slide iframe{transform:scale(1.02)}.youtube-slide .official-channel{position:absolute;z-index:5;right:3vw;top:13vh;padding:.7rem 1rem;color:#090a0d;background:var(--yellow);text-decoration:none;font-size:.7rem;font-weight:950}.youtube-slide .video-source{bottom:4vh}.market-focus .location-copy{max-width:min(820px,86vw)}.market-focus .location-copy h2{font-size:clamp(3rem,7vw,7.4rem)}.market-focus .location-copy span{max-width:760px;line-height:1.6;font-size:clamp(.95rem,1.4vw,1.2rem)}
@media(max-width:800px){.ecosystem-slide{display:block}.ecosystem-photo{height:54%}.ecosystem-copy{position:absolute;z-index:3;inset:auto 0 8vh;padding:5rem 22px 2rem;background:linear-gradient(transparent,#10131d 28%)}.ecosystem-copy h2{font-size:2.65rem}.ecosystem-copy .lead{font-size:.9rem;margin-top:1rem}.ecosystem-tags{margin-top:.8rem}.vision-metrics{padding:.7rem .85rem}.youtube-slide .official-channel{top:17vh;right:18px}}

/* Polished crossfade, soundtrack entry, and finale controls */
.slide{z-index:1;transform:scale(1.008);filter:blur(1px);transition:opacity .72s cubic-bezier(.22,.61,.36,1),transform .9s cubic-bezier(.22,.61,.36,1),filter .65s ease,visibility 0s linear .72s}
.slide.active{filter:none;transition-delay:0s;z-index:2}
.start-screen,.exit-screen{position:fixed;inset:0;z-index:300;display:grid;place-items:center;color:#fff;background:radial-gradient(circle at 78% 18%,#ff315966,transparent 32%),linear-gradient(135deg,#070910 0%,#141829 55%,#20101b 100%);transition:opacity .65s ease,visibility .65s ease}
.start-screen.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.start-panel,.exit-screen>div{width:min(680px,86vw);text-align:center}.start-panel p,.exit-screen p{color:var(--yellow);font-size:.76rem;font-weight:950;letter-spacing:.19em}.start-panel h2,.exit-screen h2{font-size:clamp(2.6rem,6.2vw,6rem);line-height:.94;margin:1rem 0 2rem}.start-panel button,.exit-screen button,.final-actions button{border:0;border-radius:999px;padding:1rem 1.45rem;font-weight:900;cursor:pointer}.start-panel button{font-size:clamp(1rem,1.7vw,1.3rem);background:var(--yellow);color:#080910;box-shadow:0 12px 42px #ffe13b44}.start-panel button span{margin-left:.6rem}.start-panel small{display:block;margin-top:1rem;color:#c9cbd3}.exit-screen[hidden]{display:none}
.final-actions{display:flex;gap:.7rem;margin-top:1.6rem;flex-wrap:wrap}.final-actions button:first-child{background:var(--yellow);color:#090a0d}.final-actions button:last-child{background:#ffffff1c;color:#fff;border:1px solid #ffffff66}

/* Opening-ready global navigation */
header{gap:1.2rem;pointer-events:auto}.site-menu{display:flex;align-items:center;gap:.35rem;margin-left:auto}.site-menu a,.site-menu button{color:#fff;text-decoration:none;font-size:.78rem;font-weight:850;padding:.55rem .75rem;border-radius:999px;background:#07091080;border:1px solid #ffffff35;backdrop-filter:blur(10px);cursor:pointer}.site-menu a:hover,.site-menu button:hover{background:#fff;color:#090a0d}.language-bar{display:flex;align-items:center;padding:3px;border-radius:999px;background:#07091099;border:1px solid #ffffff45;backdrop-filter:blur(10px)}.language-bar button{border:0;border-radius:999px;padding:.42rem .58rem;background:transparent;color:#d5d6dc;font-size:.68rem;font-weight:850;cursor:pointer}.language-bar button.active{background:var(--yellow);color:#090a0d}
@media(max-width:860px){header{align-items:flex-start;flex-wrap:wrap;padding:12px 14px;background:linear-gradient(#070910e6 0%,#07091099 72%,transparent)}.brand{padding-top:.45rem}.site-menu{order:3;width:100%;margin:0;justify-content:center}.site-menu a,.site-menu button{flex:1;text-align:center;padding:.48rem .35rem;font-size:.7rem}.language-bar{margin-left:auto}.language-bar button{font-size:.62rem;padding:.38rem .45rem}.status{display:none}}

/* In-site catalogue presentation */
.catalog-viewer{position:fixed;inset:0;z-index:500;background:#080a11;color:#fff}.catalog-viewer[hidden]{display:none}.catalog-top{position:absolute;z-index:3;left:3vw;right:3vw;top:2.5vh;display:flex;align-items:center;gap:1rem}.catalog-top strong{font-size:.78rem;letter-spacing:.14em}.catalog-top span{margin-left:auto;font-size:.75rem;font-weight:900}.catalog-top a{color:#fff;text-decoration:none;border:1px solid #ffffff55;border-radius:999px;padding:.48rem .72rem;font-size:.7rem;font-weight:850}.catalog-top button{width:36px;height:36px;border:1px solid #ffffff55;border-radius:50%;background:#ffffff14;color:#fff;font-size:1.35rem;cursor:pointer}.catalog-stage{position:absolute;inset:7.5vh 3vw 6vh;display:grid;place-items:center}.catalog-stage img{width:100%;height:100%;object-fit:contain;opacity:1;transform:scale(1);transition:opacity .75s ease,transform .85s ease}.catalog-stage img.changing{opacity:0;transform:scale(.992)}.catalog-progress{position:absolute;left:3vw;right:3vw;bottom:2.8vh;height:3px;background:#ffffff25}.catalog-progress i{display:block;width:0;height:100%;background:var(--yellow)}.catalog-viewer.playing .catalog-progress i{animation:catalogTime 5s linear forwards}.catalog-controls{position:absolute;inset:50% 2vw auto;display:flex;justify-content:space-between;pointer-events:none}.catalog-controls button{pointer-events:auto;width:44px;height:58px;border:1px solid #ffffff55;background:#080a1199;color:#fff;font-size:2rem;cursor:pointer}@keyframes catalogTime{to{width:100%}}
.location-hub{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;max-width:720px}.location-hub strong{flex-basis:100%;font-size:.72rem;letter-spacing:.14em}.location-hub a{padding:9px 13px;border:1px solid rgba(255,255,255,.48);border-radius:999px;color:#fff;text-decoration:none;font-size:.78rem;background:rgba(0,0,0,.42)}.location-hub a:hover{background:#ff3159}