html,body{height:100%;margin:0;background:#000;overflow:hidden;cursor:none}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#f6f2fc}
#stage{position:fixed;inset:0;background:#000}
.layer{position:absolute;inset:0;opacity:0;transition:opacity var(--fade,800ms) ease}
.layer.on{opacity:1}
.layer img,.layer video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}
.brand{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(135deg,#3a0c88,#5e1394 55%,#280a30);transition:opacity 800ms;z-index:1}
.brand[hidden]{display:none}
.brand-inner{text-align:center;line-height:1}
.brand-k{display:block;font-size:min(22vw,34vh);font-weight:900;letter-spacing:-.04em;color:#e8bd52}
.brand-t{display:block;font-size:min(7vw,10vh);font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin-top:.1em}
.brand-s{display:block;margin-top:1.4em;font-size:min(2.6vw,4vh);opacity:.8;letter-spacing:.06em}
.ticker{position:absolute;left:0;right:0;bottom:0;z-index:3;background:#e8bd52;color:#280a30;font-weight:700;font-size:min(3.6vh,3vw);line-height:1;padding:.55em 0;white-space:nowrap;overflow:hidden;box-shadow:0 -4px 20px rgba(0,0,0,.35)}
.ticker[hidden]{display:none}
.ticker-track{display:inline-block;padding-left:100vw;will-change:transform;animation:scroll var(--dur,30s) linear infinite}
@keyframes scroll{to{transform:translateX(-100%)}}
.gate{position:absolute;inset:0;z-index:5;border:0;background:rgba(0,0,0,.72);color:#fff;font:inherit;font-size:min(4vw,6vh);font-weight:600;cursor:pointer;display:grid;place-items:center;padding:5vw}
.gate[hidden]{display:none}