.hero-art.ip-hero{background-image:url('assets/dragon-seated-hd.png');background-size:contain;background-position:center;width:65%;right:-1%;aspect-ratio:1;max-height:95%;mask-image:none;transform:translateY(-48%)}.hero-art.ip-hero:after,.ip-portrait:after{display:none}.hero-shade{background:linear-gradient(90deg,#09090c 1%,#09090cdd 18%,transparent 60%),linear-gradient(0deg,#09090c,transparent 18%)}.ip-portrait{background-image:url('assets/dragon-seated-hd.png');background-size:190%;background-position:75% 25%;background-color:#100c12}.hero-dragon-character{z-index:0;color:#8c14261c;-webkit-text-stroke:1px #ff425a33}.intro-replay{display:inline-flex;align-items:center;gap:7px;background:none;border:0;color:#c1b7c0;font-size:11px;padding:9px 0;cursor:pointer}.intro-replay:hover{color:#ff4965}.intro-replay span:first-child{font-size:16px}
.dragon-intro{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 70%,#47101d 0%,#140b12 35%,#07070b 75%);color:white;isolation:isolate}.dragon-intro[hidden]{display:none}.intro-wordmark{position:absolute;top:38px;left:5%;font-size:22px;font-weight:800;letter-spacing:-.7px}.intro-skip{position:absolute;right:5%;top:30px;padding:12px 20px;border:1px solid #ffffff38;border-radius:30px;color:#eee;background:#ffffff08;z-index:5;cursor:pointer;font-size:12px}.intro-skip:hover{background:#ffffff15}.intro-glyph{position:absolute;font-family:'KaiTi','STKaiti',serif;font-size:min(65vh,600px);line-height:1;color:#ff24480a;-webkit-text-stroke:1px #ff244825;user-select:none}.intro-stage{position:absolute;width:min(620px,76vh,92vw);aspect-ratio:1;bottom:17%;left:50%;transform:translateX(-50%)}.intro-dragon{position:absolute;inset:0;opacity:0;transform-origin:50% 88%;will-change:transform,opacity}.intro-dragon img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;user-select:none;pointer-events:none}.intro-flight{opacity:1}.intro-seated{opacity:0}.intro-shadow{position:absolute;bottom:5%;left:19%;width:62%;height:7%;border-radius:50%;background:#ef2249;filter:blur(22px);opacity:0;transform:scale(.2)}.intro-ring{position:absolute;bottom:3%;left:10%;width:80%;height:10%;border:2px solid #ff4264;border-radius:50%;opacity:0}.intro-caption{position:absolute;bottom:9%;text-align:center;left:20px;right:20px;letter-spacing:4px;font-size:11px;color:#c8b3be}.intro-caption strong{display:block;font-size:clamp(22px,4vw,38px);letter-spacing:-.7px;color:#fff;margin-bottom:13px}.intro-loading{position:absolute;bottom:29%;font-size:11px;letter-spacing:2px;color:#aa8c99}.dragon-intro.is-playing .intro-loading{display:none}.dragon-intro.is-playing .intro-dragon{animation:dragon-arrive 3.5s both}.dragon-intro.is-playing .intro-flight{animation:flight-to-seat 3.5s both}.dragon-intro.is-playing .intro-seated{animation:seat-appear 3.5s both}.dragon-intro.is-playing .intro-shadow{animation:landing-shadow 3.5s both}.dragon-intro.is-playing .intro-ring{animation:landing-ring 1s 1.7s both}.dragon-intro.is-playing .intro-caption{animation:intro-caption 3.5s both}.dragon-intro.is-leaving{animation:intro-exit .65s ease-in both;pointer-events:none}
@keyframes dragon-arrive{0%{opacity:0;transform:translate(14%,-115vh) rotate(-12deg) scale(.65)}12%{opacity:1}38%{transform:translate(-3%,-21%) rotate(4deg) scale(.96)}48%{transform:translate(0,-8%) rotate(-2deg) scale(1)}58%{transform:translate(0,2.5%) rotate(0) scale(1.035,.94)}72%{transform:translate(0,-1%) scale(.99,1.015)}86%,100%{opacity:1;transform:translate(0,0) scale(1)}}
@keyframes flight-to-seat{0%,54%{opacity:1;transform:scaleX(1)}30%{transform:scaleX(.96)}56%,100%{opacity:0;transform:scaleX(.97)}}
@keyframes seat-appear{0%,54%{opacity:0}56%,100%{opacity:1}}
@keyframes landing-shadow{0%,15%{opacity:0;transform:scale(.2)}50%{opacity:.55;transform:scale(.8)}60%{opacity:.8;transform:scale(1.15)}85%,100%{opacity:.35;transform:scale(1)}}
@keyframes landing-ring{0%{opacity:0;transform:scale(.3)}20%{opacity:.7}100%{opacity:0;transform:scale(1.6)}}
@keyframes intro-caption{0%,35%{opacity:0;transform:translateY(10px)}65%,100%{opacity:1;transform:none}}
@keyframes intro-exit{to{opacity:0;visibility:hidden;transform:scale(1.035)}}
html.dragon-intro-open{overflow:hidden}html.dragon-intro-open body{overflow:hidden}
@media(min-width:1600px){.hero-art.ip-hero{width:60%;right:2%}}
@media(max-width:760px){.hero-art.ip-hero,html[dir=rtl] .hero-art.ip-hero{width:100%;right:0;left:auto;top:-8px;max-height:400px;height:400px;transform:none;background-position:center top;margin-top:0}.hero-shade,html[dir=rtl] .hero-shade{background:linear-gradient(0deg,#09090c 0%,#09090c 43%,transparent 67%)}.hero-copy{padding-bottom:65px}.intro-replay{font-size:10px}.actions{gap:13px}.intro-wordmark{font-size:19px;top:32px}.intro-stage{bottom:25%;width:min(520px,96vw)}.intro-caption{bottom:16%;letter-spacing:2px}.intro-glyph{font-size:85vw}.intro-skip{top:23px;padding:10px 15px}.intro-loading{bottom:43%}}
@media(prefers-reduced-motion:reduce){.dragon-intro{display:none!important}.hero-art.ip-hero{animation:none}}
@media(max-width:760px){.hero-art.ip-hero,html[dir=rtl] .hero-art.ip-hero{top:24px;height:330px;max-height:330px;background-position:center}}