/* Fade only decorative scenery into its existing dark surface. */
.hero-wechat .hero-scene,
.svc-experience .svc-scene,
.mf-manufacturer-hero .mf-warehouse-scene,
.calculator-scene .calculator-scene-image{
 --scene-edge-fade:clamp(100px,12vw,160px);
 -webkit-mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - var(--scene-edge-fade)),transparent 100%);
 mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - var(--scene-edge-fade)),transparent 100%);
 -webkit-mask-repeat:no-repeat;
 mask-repeat:no-repeat;
}
/* The homepage scene can be either shorter or taller than the translated copy. */
.hero.hero-wechat::after{
 content:"";position:absolute;left:0;right:0;bottom:0;
 height:clamp(100px,12vw,160px);z-index:1;pointer-events:none;
 background:linear-gradient(to bottom,transparent,#061323);
}
.hero-wechat + #manufacturers.mf-teaser{
 background:linear-gradient(to bottom,#061323,#102232 128px);
}
@media(max-width:760px){
 .hero-wechat .hero-scene,
 .svc-experience .svc-scene,
 .mf-manufacturer-hero .mf-warehouse-scene,
 .calculator-scene .calculator-scene-image{--scene-edge-fade:clamp(48px,14vw,64px)}
 .hero.hero-wechat::after{display:none}
 .hero-wechat + #manufacturers.mf-teaser{background:linear-gradient(to bottom,#061323,#102232 96px)}
}