.posterStickyGrid{position:relative}.heroGridOverlay{--size:45px;--line:hsla(0,0%,76%,.3);position:sticky;top:0;height:100vh;width:100%;background:linear-gradient(90deg,var(--line) 1px,transparent 1px var(--size)) 50% 50% /var(--size) var(--size),linear-gradient(var(--line) 1px,transparent 1px var(--size)) 50% 50% /var(--size) var(--size);-webkit-mask:linear-gradient(-20deg,transparent 50%,#fff);mask:linear-gradient(-20deg,transparent 50%,#fff);pointer-events:none;z-index:0}.posterFixedGrid{position:relative}.posterFixedGrid:before{--size:45px;--line:hsla(0,0%,76%,.3);content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(90deg,var(--line) 1px,transparent 1px var(--size)) 50% 50% /var(--size) var(--size),linear-gradient(var(--line) 1px,transparent 1px var(--size)) 50% 50% /var(--size) var(--size);-webkit-mask:linear-gradient(0deg,transparent 40%,#fff);mask:linear-gradient(0deg,transparent 40%,#fff);pointer-events:none;z-index:0}