/* L2: a single background inside the content-sized hero. Pointer source is the hero. */
.hero.ux-hero{position:relative;isolation:isolate;overflow:visible}
.hero.ux-hero>.hero-grid{position:relative;z-index:1}
.ua-hero-lines{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:var(--bg)}
.ua-hero-lines .floating-lines-container{width:100%;height:100%;position:relative;overflow:hidden;pointer-events:none;mask-image:linear-gradient(to right,transparent,rgba(0,0,0,.08) 8%,rgba(0,0,0,.08) 44%,#000 66%,#000 90%,transparent),linear-gradient(to bottom,transparent,#000 18%,#000 80%,transparent);mask-composite:intersect}
.ua-hero-lines canvas{width:100%;height:100%;display:block;pointer-events:none}
.ua-hero-lines .floating-lines-container[data-status=unavailable] canvas{visibility:hidden}
@media(max-width:1100px){.ua-hero-lines .floating-lines-container{mask-image:linear-gradient(to right,transparent,rgba(0,0,0,.5) 12%,#000 88%,transparent),linear-gradient(to bottom,transparent,rgba(0,0,0,.08) 12%,rgba(0,0,0,.08) 64%,#000 78%,#000 88%,transparent)}}