/* Page-wide flowing background (2026-09-28) — see assets/js/flow-bg.js.
   Only active once JS has painted the gradient (html.yfb-on). */
.yfb-on .yfb-clear{background-color:transparent!important}
/* full-screen sticky stages that carried their own colour */
.yfb-on .yh-cinema__pin,
.yfb-on .yp-performance__sticky{background-color:transparent!important}
/* the performance photo fades in from the page instead of starting at a hard edge */
.yfb-on .yp-performance__backgrounds{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 26%);mask-image:linear-gradient(180deg,transparent 0,#000 26%)}
/* About · certifications: the WebGL contour field feathers into the page at top and bottom */
.yfb-on .yab-topo{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 16%,#000 84%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 16%,#000 84%,transparent 100%)}
