/* Ruby, obsidian and molten gold: the character carries the hero composition. */
.hero-art{inset:0;background:radial-gradient(ellipse at 83% 48%,#3b0c08 0%,#1c0907 23%,#090605 47%,#070605 68%);transform:translate3d(var(--hero-x,0px),var(--hero-y,0px),0) scale(1.035)}
.dragon-aura{position:absolute;width:67%;height:100%;right:-6%;top:7%;background:radial-gradient(ellipse at 50% 52%,#ca370c26,transparent 58%);animation:dragon-aura 7s ease-in-out infinite;pointer-events:none}
.dragon-floor{position:absolute;right:-15%;bottom:-12%;width:80%;height:36%;background:radial-gradient(ellipse at 50% 48%,#ed67221f,transparent 49%),repeating-radial-gradient(ellipse at 50% 48%,transparent 0 13%,#f19a4f08 13.2% 13.5%,transparent 13.8% 22%);transform:perspective(650px) rotateX(52deg);filter:blur(1px)}
.dragon-figure{position:absolute;right:0;top:2%;width:57%;height:103%;animation:dragon-float 8s ease-in-out infinite;transform-origin:55% 55%}
.dragon-sculpture{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 0 32px #e847091c);-webkit-mask-image:linear-gradient(#000 0% 82%,transparent 100%);mask-image:linear-gradient(#000 0% 82%,transparent 100%);user-select:none}
.dragon-heat{position:absolute;left:12%;top:51%;width:23%;height:19%;pointer-events:none;mix-blend-mode:screen;transform:rotate(32deg)}
.dragon-heat::before{content:'';position:absolute;inset:10%;border-radius:50%;background:radial-gradient(ellipse,#ff9a353b,#e42b1322 30%,transparent 65%);filter:blur(12px);animation:dragon-breath 5s ease-in-out infinite}
.dragon-heat i{position:absolute;left:47%;top:44%;width:3px;height:3px;border-radius:50%;background:#ffdc92;box-shadow:0 0 8px #ff7800;animation:dragon-spark 4.2s linear infinite;opacity:0}
.dragon-heat i:nth-child(2){animation-delay:-1.4s;left:55%}.dragon-heat i:nth-child(3){animation-delay:-2.8s;left:35%;width:2px;height:2px}
.ruby-shards{position:absolute;inset:0;pointer-events:none}
.ruby-shards>i{--turn:21deg;--drift:18px;position:absolute;left:52%;top:23%;width:31px;height:82px;background:conic-gradient(from 25deg at 46% 43%,#ffbd7880,#7a0d08 17%,#200403 31%,#fe431f 46%,#74100b 58%,#ffb875 70%,#6f0b0780 88%,#ffbd7880);clip-path:polygon(43% 0,100% 36%,67% 100%,0 58%);filter:drop-shadow(0 0 12px #de371b55);animation:ruby-drift 9s ease-in-out infinite;transform:rotate(var(--turn));opacity:.85}
.ruby-shards>i::before{content:'';position:absolute;inset:1px;background:linear-gradient(113deg,#ffd1a080,transparent 24% 56%,#ff641c66 60%,transparent 65%);clip-path:polygon(43% 0,48% 44%,100% 36%,50% 48%,67% 100%,43% 51%,0 58%,40% 44%)}
.ruby-shards>i:nth-child(2){left:92%;top:19%;width:43px;height:108px;--turn:-23deg;animation-delay:-4s}
.ruby-shards>i:nth-child(3){left:58%;top:73%;width:38px;height:94px;--turn:-38deg;animation-delay:-2s;animation-duration:11s}
.ruby-shards>i:nth-child(4){left:95%;top:72%;width:22px;height:63px;--turn:39deg;animation-delay:-7s}
.ruby-shards>i:nth-child(5){left:70%;top:10%;width:12px;height:33px;--turn:36deg;animation-delay:-3s;opacity:.55}
.ruby-shards>i:nth-child(6){left:49%;top:52%;width:13px;height:37px;--turn:-25deg;animation-delay:-6s;opacity:.6}
.ruby-shards>i:nth-child(7){left:83%;top:83%;width:14px;height:40px;--turn:24deg;animation-delay:-1s;opacity:.6}
.hero-shade{background:linear-gradient(90deg,#07060599 0%,#07060524 42%,transparent 61%),linear-gradient(0deg,var(--bg),transparent 25% 88%,#07060544)}
.hero-content{position:relative;z-index:1}
.hero.is-scene-paused .hero-art,.hero.is-scene-paused .hero-art *,.hero.is-scene-paused .hero-art *::before,.hero.is-scene-paused .embers i{animation-play-state:paused!important}
@keyframes dragon-float{0%,100%{transform:translate3d(0,0,0) rotate(-.35deg)}50%{transform:translate3d(0,-12px,0) rotate(.35deg)}}
@keyframes dragon-aura{0%,100%{opacity:.65;transform:scale(.96)}50%{opacity:1;transform:scale(1.05)}}
@keyframes dragon-breath{0%,100%{opacity:.2;transform:scale(.65)}48%,62%{opacity:1;transform:scale(1.18)}55%{opacity:.7;transform:scale(1.05)}}
@keyframes dragon-spark{0%{opacity:0;transform:translate3d(0,0,0) scale(.4)}15%{opacity:.85}80%{opacity:.45}100%{opacity:0;transform:translate3d(-32px,90px,0) scale(.1)}}
@keyframes ruby-drift{0%,100%{transform:translate3d(0,0,0) rotate(var(--turn))}50%{transform:translate3d(4px,calc(-1 * var(--drift)),0) rotate(calc(var(--turn) + 9deg))}}
@media(min-width:1600px){.dragon-figure{right:0;width:56%;top:-2%;height:109%}}
@media(min-width:701px) and (max-width:1000px){.dragon-figure{width:65%;right:-10%;top:8%;height:95%}.ruby-shards>i:first-child{left:55%}.hero-shade{background:linear-gradient(90deg,#070605bf,transparent 80%),linear-gradient(0deg,var(--bg),transparent 35%)}}
@media(max-width:700px){.hero{min-height:max(900px,100svh);padding-bottom:100px}.hero-art{inset:0;opacity:1;background:radial-gradient(ellipse at 74% 62%,#380b08 0%,#120806 35%,#070605 68%)}.dragon-figure{width:113%;height:620px;right:-27%;top:auto;bottom:18px}.dragon-sculpture{-webkit-mask-image:linear-gradient(#000 0% 73%,transparent 98%);mask-image:linear-gradient(#000 0% 73%,transparent 98%)}.dragon-aura{width:120%;height:65%;right:-35%;top:30%}.dragon-floor{width:140%;height:27%;right:-50%;bottom:0}.hero-shade{background:linear-gradient(180deg,#08070699,transparent 38% 76%,var(--bg) 98%),linear-gradient(90deg,#08070655,transparent 70%)}.hero-bottom-copy>.primary-button{margin-top:350px}.hero-side-note{top:55%}.ruby-shards>i:nth-child(1){left:44%;top:48%;width:20px;height:56px}.ruby-shards>i:nth-child(2){left:91%;top:42%;width:25px;height:68px}.ruby-shards>i:nth-child(3){left:17%;top:75%;width:24px;height:60px}.ruby-shards>i:nth-child(4){left:88%;top:83%;width:16px;height:43px}.ruby-shards>i:nth-child(n+5){display:none}.embers i{bottom:18%}}
@media(max-width:370px){.hero{min-height:860px}.dragon-figure{height:570px;right:-29%;bottom:35px}.hero-bottom-copy>.primary-button{margin-top:330px}}
@media(prefers-reduced-motion:reduce){.hero-art{transform:none;will-change:auto}.dragon-figure{transform:none}.dragon-heat i{display:none}.dragon-heat::before{opacity:.4}}