.hero{background:#000;width:100vw;height:100vh;position:relative;overflow:hidden}.pattern-layer{will-change:transform;width:200%;height:200%;animation:100s linear infinite drift;position:absolute;top:0;left:0}@keyframes drift{0%{transform:translate(0)}to{transform:translate(-50%,-50%)}}.icon-instance{position:absolute}.hero-text{z-index:10;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hero-title{font-family:var(--font-pixel), "Courier New", monospace;color:#fff;text-shadow:0 0 30px #3b82f680,0 0 60px #3b82f640;text-align:center;letter-spacing:2px;padding:0 20px;font-size:clamp(28px,7vw,64px);line-height:1.8}.hero-dots{color:#ffffffb3}