.guide-page.site-subpage{padding-top:0}.guide-page .guide-hero{min-height:max(680px,100svh);background-image:url('../images/nexus-dragon-steppe-poster-v3.jpg');background-position:center;background-size:cover}.guide-page .guide-hero-video{inset:-8%;width:116%;height:116%;object-position:center 52%;opacity:0;transition:opacity .6s ease}.guide-page.steppe-video-ready .guide-hero-video{opacity:1}.guide-page .guide-hero::after{content:"";position:absolute;z-index:0;inset:auto 0 -1px;height:280px;background:linear-gradient(to bottom,transparent 0,rgba(10,7,16,.08) 25%,rgba(10,7,16,.32) 51%,rgba(10,7,16,.7) 76%,#0a0710 100%);pointer-events:none}.guide-page .magic-section{position:relative;z-index:1;isolation:isolate}.guide-page .magic-section::before{content:"";position:absolute;z-index:0;inset:-260px 0 auto;height:360px;background:linear-gradient(to bottom,transparent 0,rgba(10,7,16,.08) 18%,rgba(10,7,16,.48) 48%,#0a0710 76%,transparent 100%);pointer-events:none}.guide-page .magic-section>*{position:relative;z-index:1}@media(max-width:760px){.guide-page .guide-hero{min-height:520px}.guide-page .guide-hero-video{inset:-3%;width:106%;height:106%}.guide-page .guide-hero::after{height:190px}.guide-page .magic-section::before{inset:-175px 0 auto;height:245px}}