/* The source's chrome floor rail is replaced by the SAME river beneath it.
   No product raster, screen map, label, panel, sprite or stage dimensions change. */
.river-system-crop{overflow:clip}
.river-system-crop::before{
 content:"";position:absolute;z-index:0;left:0;right:0;
 top:79.9723347657%;height:60.7407407407%;
 background:url('assets/benefit-river-v20.png') 0 0/100% 100% no-repeat;
 filter:brightness(.96) saturate(1.04);pointer-events:none;
}
.river-system-crop #system-stage>.offer-stage-art{
 -webkit-mask-image:url('assets/core-floor-contour-v21.svg');
 mask-image:url('assets/core-floor-contour-v21.svg');
 -webkit-mask-size:100% 100%;mask-size:100% 100%;
 -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
}
/* Remove the previous straight bright cap; contour and real river supply the light. */
.river-system-crop::after{display:none}
@media(max-width:720px){
 /* Carry the same source coordinates into the short gap before the first plaque.
    Its artwork/text are above this layer and retain their existing geometry. */
 .river-system-crop+.river-benefits::before{
  content:"";display:block;position:absolute;z-index:1;left:0;right:0;top:0;height:3cqw;
  background:url('assets/benefit-river-v20.png') 0 -9.9907918969cqw/100% auto no-repeat;
  filter:brightness(.96) saturate(1.04);mix-blend-mode:normal;
  -webkit-mask-image:linear-gradient(#000,transparent);mask-image:linear-gradient(#000,transparent);
  pointer-events:none;
 }
}
