.hero-background,.cinematic .hero-background{background:radial-gradient(ellipse at 76% 20%,#f98965 0%,#ef6747 34%,#df462c 73%,#d33b25 100%)}
.hero-background::before{content:'';position:absolute;inset:0;background:url('assets/setsuhub-orbit-poster.jpg') center / cover no-repeat}
.hero-orbit{position:absolute;inset:0;opacity:0}
.hero-orbit canvas{display:block;width:100%;height:100%}
.orbit-ready .hero-orbit{opacity:1}
.orbit-ready::before{opacity:0}
.hero-background::after{background:linear-gradient(0deg,#552014b5,#63221199 25%,#762a1650 46%,transparent 73%)}
@media(max-width:600px){
 .hero-background::before{background-size:auto 47%;background-position:73% 56px;-webkit-mask-image:linear-gradient(#000 33%,transparent 49%);mask-image:linear-gradient(#000 33%,transparent 49%)}
 .hero-background::after{background:linear-gradient(0deg,#552014bd,#6322119c 32%,#762a1640 54%,transparent 74%)}
}
@media(prefers-reduced-motion:reduce){
 .hero-orbit{display:none!important}
 .hero-background::before{opacity:1!important}
}