.scroll-float{overflow:hidden}.scroll-float-text{display:inline-block;font-size:clamp(1.6rem,8vw,10rem);font-weight:900;text-align:center;line-height:1.5}.word{white-space:nowrap}.char,.space,.word{display:inline-block}.dot-grid{display:flex;align-items:center;justify-content:center}.dot-grid,.dot-grid__wrap{height:100%;width:100%;position:relative}.dot-grid__wrap{-webkit-mask-image:radial-gradient(circle at center,rgba(0,0,0,1) 24%,rgba(0,0,0,.92) 42%,rgba(0,0,0,.58) 64%,rgba(0,0,0,.18) 82%,transparent 100%),linear-gradient(180deg,transparent 0,rgba(0,0,0,1) 16%,rgba(0,0,0,1) 84%,transparent),linear-gradient(90deg,rgba(0,0,0,.72) 0,rgba(0,0,0,1) 8%,rgba(0,0,0,1) 92%,rgba(0,0,0,.72));-webkit-mask-composite:source-in;mask-image:radial-gradient(circle at center,rgba(0,0,0,1) 24%,rgba(0,0,0,.92) 42%,rgba(0,0,0,.58) 64%,rgba(0,0,0,.18) 82%,transparent 100%),linear-gradient(180deg,transparent 0,rgba(0,0,0,1) 16%,rgba(0,0,0,1) 84%,transparent),linear-gradient(90deg,rgba(0,0,0,.72) 0,rgba(0,0,0,1) 8%,rgba(0,0,0,1) 92%,rgba(0,0,0,.72));-webkit-mask-composite:source-in,xor;mask-composite:intersect}.dot-grid__canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}