/* Background only. The original character and page layout stay in front. */
.hero-stage{touch-action:pan-y}
.hero-art{background:#03060b}
.cinema-depth{position:absolute;inset:0;z-index:0;background:#03060b;pointer-events:none}
.galaxy-art{display:block;position:absolute;left:68%;top:36%;width:max(114vw,154vh);height:auto;max-width:none;transform:translate(-52.9%,-48.6%) rotate(-14deg);pointer-events:none;user-select:none}
.galaxy-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;pointer-events:none}
.galaxy-ready .galaxy-canvas{opacity:1}
.galaxy-ready .galaxy-art{visibility:hidden}
.cinema-stars{position:absolute;inset:0;z-index:1;width:100%;height:100%;display:block;pointer-events:none;opacity:.8}
.hero-art:after{background:linear-gradient(90deg,#071721ab 0%,#07172152 29%,#07172108 52%,transparent 75%),linear-gradient(0deg,#10242db0,transparent 25%),linear-gradient(180deg,#06131a1a,transparent 25%)}
.character-wrap{will-change:auto}
.galaxy-credit{font-size:11px;line-height:1.7;color:#99aba9;margin:22px 0 0;max-width:960px}
.galaxy-credit a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1100px){.hero-art:after{background:linear-gradient(90deg,#071721bb 0%,#07172166 34%,transparent 76%),linear-gradient(0deg,#10242daa,transparent 27%)}}
@media(max-width:720px){
  .galaxy-art{left:57%;top:29%;width:max(156vw,118vh)}
  .hero-art:after{background:linear-gradient(0deg,#10242df2 0%,#10242de0 28%,#10242d8a 43%,transparent 78%),linear-gradient(90deg,#0a1b2855,transparent 74%)}
}