.hxa{--hxa-head:76px;--hxa-h:max(100svh, 640px);--hxa-title:clamp(3.3rem, .7rem + 8.5vw, 8rem);--hxa-gutter:max(24px, calc((100vw - var(--x-content)) / 2));margin-top:calc(-1 * var(--hxa-head));height:var(--hxa-h);isolation:isolate;position:relative;overflow:clip}.hxa__frame{width:max(100%, calc(var(--hxa-h) * 2));aspect-ratio:2;pointer-events:none;position:absolute;bottom:0;left:50%;translate:-50%;-webkit-mask-image:linear-gradient(#000 84%,#0000 99%);mask-image:linear-gradient(#000 84%,#0000 99%)}.hxa__frame:before{content:"";background:linear-gradient(to bottom, rgb(var(--x-void-rgb) / .82), rgb(var(--x-void-rgb) / 0) 96%);z-index:2;height:11%;position:absolute;inset:0 0 auto}.hxa__layer{position:absolute;inset:0}.hxa__img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;-webkit-user-select:none;user-select:none;display:block}.hxa__depth{opacity:0;position:absolute;inset:0}.hxa[data-depth=on] .hxa__depth{opacity:1}.hxa__blur,.hxa__front{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hxa__front{image-rendering:pixelated}.hxa__bob{position:absolute;inset:0}html[data-motion=on] .hxa[data-depth=on] .hxa__bob[data-group=a]{animation:13s ease-in-out infinite hxa-bob-a}html[data-motion=on] .hxa[data-depth=on] .hxa__bob[data-group=b]{animation:17s ease-in-out -4s infinite hxa-bob-b}@keyframes hxa-bob-a{0%,to{transform:translate(0,0)}50%{transform:translate(-2px,-6px)}}@keyframes hxa-bob-b{0%,to{transform:translate(0,0)}50%{transform:translate(3px,-3px)}}.hxa__planet{aspect-ratio:1;background:radial-gradient(closest-side, rgb(var(--x-ice-200-rgb) / .3), rgb(var(--x-cobalt-rgb) / .1) 46%, transparent 72%);opacity:.55;mix-blend-mode:screen;border-radius:50%;width:34%;position:absolute;top:24.5%;left:74.5%;translate:-50% -50%}html[data-motion=on] .hxa__planet{animation:11s ease-in-out infinite hxa-pulse}@keyframes hxa-pulse{0%,to{opacity:.4}50%{opacity:.85}}.hxa__screen{aspect-ratio:1;background:radial-gradient(closest-side, rgb(var(--x-ice-200-rgb) / .55), rgb(var(--x-cobalt-rgb) / .16) 55%, transparent);opacity:.5;mix-blend-mode:screen;border-radius:50%;width:3.4%;position:absolute;top:65.1%;left:68.3%;translate:-50% -50%}html[data-motion=on] .hxa__screen{animation:1.15s steps(4,end) infinite hxa-screen}@keyframes hxa-screen{0%,to{opacity:.32}30%{opacity:.74}60%{opacity:.4}}.hxa__star{width:var(--x-px);height:var(--x-px);background:var(--x-ice-200);opacity:.35;mix-blend-mode:screen;position:absolute;translate:-50% -50%}html[data-motion=on] .hxa__star{animation:4.5s steps(3,end) infinite hxa-star}html[data-motion=on] .hxa__star[data-late]{animation-duration:6.5s;animation-delay:-2.2s}@keyframes hxa-star{0%,62%,to{opacity:.22;scale:1}74%{opacity:1;scale:1.8}}.hxa__blueprint{opacity:.42;width:100%;height:100%;position:absolute;inset:0}.hxa__blueprint path,.hxa__blueprint circle,.hxa__blueprint line{fill:none;stroke:rgb(var(--x-ice-200-rgb) / .55);stroke-width:1.4px}html[data-motion=on] .hxa__blueprint [data-draw]{stroke-dasharray:var(--len);stroke-dashoffset:var(--len);animation:hxa-draw 1.7s var(--x-ease-out) forwards;animation-delay:calc(var(--i) * .14s + .2s)}@keyframes hxa-draw{to{stroke-dashoffset:0}}.hxa__spark{stroke:rgb(var(--x-ice-200-rgb) / .85);stroke-width:2.2px;stroke-dasharray:130 var(--len);stroke-dashoffset:0;opacity:0}html[data-motion=on] .hxa__spark{opacity:1;animation:16s linear 2.2s infinite hxa-spark}@keyframes hxa-spark{to{stroke-dashoffset:calc(-1 * (var(--len) + 130))}}.hxa__base{z-index:3;background:linear-gradient(to bottom, rgb(var(--x-void-rgb) / 0) 0%, rgb(var(--x-void-rgb) / .34) 58%, rgb(var(--x-void-rgb) / .6) 100%);pointer-events:none;height:30%;position:absolute;inset:auto 0 0}.hxa__veil{z-index:1;background:radial-gradient(86% 76% at 4% 24%, rgb(var(--x-void-rgb) / .82), rgb(var(--x-void-rgb) / 0) 62%);pointer-events:none;position:absolute;inset:0}.hxa__content{z-index:4;padding:calc(var(--hxa-head) + clamp(44px, 8vh, 108px)) var(--hxa-gutter) clamp(24px, 4vh, 48px);pointer-events:none;grid-template-rows:auto 1fr auto;display:grid;position:absolute;inset:0}.hxa__block{max-width:min(58ch,56vw)}.hxa__content .x-stage-label{margin-bottom:calc(5 * var(--x-px));color:var(--x-fog-dim);opacity:.72}.hxa__content .x-stage-label:before{opacity:.6}.hxa__title{font-family:var(--x-font-game);font-weight:700;font-size:var(--hxa-title);letter-spacing:-.01em;color:var(--x-pearl);text-wrap:balance;margin:0;line-height:.92;position:relative}.hxa__ink{color:#0000;filter:drop-shadow(0 0 26px rgb(var(--x-cobalt-rgb) / .32));background-image:url(/v3/x/hero-a/cloud.webp);background-position:18% 34%;background-size:128%;-webkit-background-clip:text;background-clip:text;transition:opacity 90ms linear;display:block}.hxa[data-cloud=on] .hxa__ink{opacity:0}.hxa__line{width:fit-content;display:block}.hxa__cloudbox{opacity:0;pointer-events:none;position:absolute;inset:-16% -66% -34% -9%}.hxa__cloud{width:100%;height:100%;display:block}.hxa[data-cloud=on] .hxa__cloudbox{opacity:1}.hxa__cue{place-self:end start;align-items:center;gap:calc(2 * var(--x-px));color:var(--x-fog-dim);grid-row:3;margin:0;display:flex}.hxa__cue i{width:var(--x-px);height:calc(4 * var(--x-px));background:var(--x-ice-400);display:block}html[data-motion=on] .hxa__cue i{animation:1.8s steps(4,end) infinite hxa-cue}@keyframes hxa-cue{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(6px)}}@media (max-width:767px){.hxa{--hxa-head:64px;--hxa-title:clamp(3.1rem, .9rem + 10.6vw, 4.1rem)}.hxa__frame{aspect-ratio:auto;width:100%;height:70%}.hxa__frame:before{background:linear-gradient(to bottom, rgb(var(--x-void-rgb) / 0) 0%, rgb(var(--x-void-rgb) / .86) 34%, rgb(var(--x-void-rgb) / .99) 44%, rgb(var(--x-void-rgb) / .86) 56%, rgb(var(--x-void-rgb) / .42) 76%, rgb(var(--x-void-rgb) / 0) 100%);height:42%;inset:-18% 0 auto}.hxa__img{object-position:50% 100%}.hxa__veil{background:linear-gradient(to bottom, rgb(var(--x-void-rgb) / .55), rgb(var(--x-void-rgb) / 0) 42%)}.hxa__content{padding:calc(var(--hxa-head) + clamp(28px, 5vh, 62px)) 20px 24px}.hxa__block{max-width:none}.hxa__cloudbox{inset:-18% -12% -30% -8%}.hxa__planet{width:52%;top:20%;left:44%}.hxa__screen{width:6%;top:62%;left:45%}.hxa__blueprint{display:none}html[data-motion=on] .hxa__layer{animation:19s ease-in-out infinite hxa-breathe}@keyframes hxa-breathe{0%,to{transform:translate(0,0)scale(1)}50%{transform:translateY(-6px)scale(1.012)}}}@media (prefers-reduced-motion:reduce){.hxa__bob,.hxa__layer,.hxa__star,.hxa__spark,.hxa__planet,.hxa__screen,.hxa__cue i,.hxa__blueprint [data-draw]{animation:none!important}.hxa__blueprint [data-draw]{stroke-dashoffset:0!important}.hxa__spark{display:none}.hxa__cloudbox{transition:none}}