/* Fade the scene before its image or opening wrapper ends. */
.stk-home:before{display:none}
.stk-opening-scene:before{mask-image:linear-gradient(180deg,#000 0%,#000 45%,transparent 98%),linear-gradient(90deg,#000,transparent 34% 66%,#000);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 45%,transparent 98%),linear-gradient(90deg,#000,transparent 34% 66%,#000);mask-composite:intersect;-webkit-mask-composite:source-in}
.stk-opening-scene:after{background:radial-gradient(ellipse 34% 13% at 66% 35%,#ff8a0011,transparent 80%),linear-gradient(180deg,transparent 55%,#040c1100 72%,#040c11 100%)}
.stk-home #compare{border-top:0}
@media(min-width:1051px){
 .stk-opening-scene:before{top:0;background-image:linear-gradient(180deg,#040d1320 0%,#040d1366 38%,#040c11 100%),url('scene-continuation-v11.webp');background-position:center,center top;background-size:100% 100%,cover;filter:brightness(.57) saturate(.72);mask-image:linear-gradient(180deg,#000 0%,#000 45%,transparent 98%),linear-gradient(90deg,#000,transparent 36% 64%,#000);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 45%,transparent 98%),linear-gradient(90deg,#000,transparent 36% 64%,#000)}
 .stk-home .stk-hero-art{mask-image:linear-gradient(180deg,#000 0%,#000 26.8%,transparent 29.12%),linear-gradient(90deg,transparent,#000 2.8% 97.2%,transparent);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 26.8%,transparent 29.12%),linear-gradient(90deg,transparent,#000 2.8% 97.2%,transparent);mask-composite:intersect;-webkit-mask-composite:source-in}
}