.hero-art.ip-hero.rig-ready{background:none!important}.dragon-rig{display:block;width:100%;height:100%;object-fit:contain}.hero-art.ip-hero{aspect-ratio:1}.hero-art canvas{filter:drop-shadow(0 20px 30px #0005)}.hero-art{z-index:1!important}.dragon-pause{position:absolute;bottom:42px;right:6%;z-index:4;width:35px;height:35px;background:#17121bbf;border:1px solid #ffffff30;border-radius:50%;color:#d2c0cc;font-size:12px;cursor:pointer}.hero-bottom{right:11%}.dragon-intro{background:radial-gradient(ellipse at 50% 14%,#58515d 0%,#211b2d 28%,#0e0b15 58%,#08080d 85%)}.intro-wordmark,.intro-skip{z-index:12}.intro-glyph{opacity:.4}.intro-stage{z-index:4;width:min(670px,84vh,98vw);bottom:12%}.intro-dragon .dragon-rig{position:absolute;inset:0}.dragon-intro.is-playing .intro-dragon{animation:cloud-flight 6.5s cubic-bezier(.4,0,.25,1) both}.dragon-intro.is-playing .intro-caption{animation:cloud-caption 6.5s both}.dragon-intro.is-playing .intro-shadow{animation:cloud-shadow 6.5s both}.dragon-intro.is-playing .intro-ring{animation:landing-ring 1.2s 4.8s both}.intro-caption{z-index:8;bottom:6%}.intro-caption strong{font-size:clamp(22px,3vw,34px)}.intro-loading{z-index:8}.cloud-bank{position:absolute;pointer-events:none;left:-15%;width:130%;height:65%;top:-12%;background:radial-gradient(ellipse at 12% 48%,#9e98aaec 0%,#81798fbd 14%,transparent 32%),radial-gradient(ellipse at 37% 23%,#d8d3e0e8 0%,#9990a5ce 19%,transparent 42%),radial-gradient(ellipse at 66% 39%,#aba0b7df 0%,#6e607fb0 18%,transparent 38%),radial-gradient(ellipse at 90% 34%,#b4a9bfd1 0%,#625573ba 20%,transparent 43%);filter:blur(22px);transform:translateZ(0)}.cloud-back{z-index:1;opacity:.55;top:-18%;transform:scale(1.3)}.cloud-front{z-index:6;top:-15%;height:67%;opacity:.9}.cloud-wisp{z-index:5;top:12%;left:-30%;height:35%;width:160%;opacity:.28;filter:blur(28px);transform:scaleY(.55)}.dragon-intro.is-playing .cloud-front{animation:cloud-open 6.5s ease-out both}.dragon-intro.is-playing .cloud-back{animation:cloud-drift 6.5s ease-in-out both}.dragon-intro.is-playing .cloud-wisp{animation:cloud-pass 6.5s ease-in-out both}.sky-glow{position:absolute;top:6%;left:50%;width:2px;height:45%;background:linear-gradient(transparent,#e9e1ff70,transparent);box-shadow:0 0 90px 55px #a99bc41a;transform:rotate(24deg);opacity:.4;pointer-events:none}
@keyframes cloud-flight{0%{opacity:0;transform:translate(5%,-78vh) scale(.22) rotate(-12deg)}10%{opacity:.15;transform:translate(-9%,-51vh) scale(.3) rotate(-10deg)}26%{opacity:1;transform:translate(-13%,-31vh) scale(.52) rotate(-5deg)}44%{opacity:1;transform:translate(6%,-16vh) scale(.77) rotate(4deg)}62%{opacity:1;transform:translate(1%,-6vh) scale(.95) rotate(-2deg)}77%{opacity:1;transform:translate(0,1.4%) scale(1.015,.98) rotate(0)}87%{opacity:1;transform:translate(0,-.4%) scale(.998,1.003)}100%{opacity:1;transform:translate(0,0) scale(1)}}
@keyframes cloud-open{0%,10%{opacity:.95;transform:translateY(0) scale(1)}40%{opacity:.72;transform:translateY(-12%) scale(1.13)}70%,100%{opacity:.12;transform:translateY(-40%) scale(1.4)}}
@keyframes cloud-drift{from{transform:translateX(-4%) scale(1.3);opacity:.7}to{transform:translateX(5%) scale(1.4);opacity:.23}}
@keyframes cloud-pass{0%{opacity:.38;transform:translateX(-8%) scaleY(.5)}40%{opacity:.34;transform:translateX(5%) translateY(-9%) scaleY(.6)}75%,100%{opacity:0;transform:translateX(18%) translateY(-40%) scaleY(.4)}}
@keyframes cloud-shadow{0%,45%{opacity:0;transform:scale(.2)}75%{opacity:.4;transform:scale(1)}85%,100%{opacity:.24;transform:scale(.9)}}
@keyframes cloud-caption{0%,65%{opacity:0;transform:translateY(12px)}83%,100%{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.hero-art.ip-hero,html[dir=rtl] .hero-art.ip-hero{top:20px;height:360px;max-height:360px;width:100%}.dragon-pause{top:340px;bottom:auto;right:7%;width:29px;height:29px}.hero-bottom{right:7%}.intro-stage{bottom:22%;width:100vw}.intro-caption{bottom:13%}.cloud-front{height:55%;top:-10%}.cloud-back{height:65%}.cloud-wisp{top:10%;height:35%}.intro-caption strong{font-size:24px}}
@media(prefers-reduced-motion:reduce){.dragon-pause{display:none}.cloud-bank{animation:none!important}}