.dot-pattern-container{position:absolute;top:0;left:0;width:100%;height:100vh;pointer-events:none;z-index:0;overflow:hidden}@media(max-width:1024px){.dot-pattern-container{display:none!important}}@media(max-width:768px){.dot-pattern-container{display:none!important}}@media(hover:none)and (pointer:coarse){.dot-pattern-container{display:none!important}}.dot-pattern-item{position:absolute;opacity:.6;transition:opacity .3s ease}.dot-pattern-item.dot-pattern-left{left:-6vw;transform:translateX(0)}.dot-pattern-item.dot-pattern-right{right:-6vw;transform:translateX(0)}.dot-matrix{display:grid;grid-template-rows:repeat(8,1fr);gap:2vw;width:15vw;height:15vw}.dot-row{display:grid;grid-template-columns:repeat(8,1fr);gap:2vw}.dot{width:.5vw;height:.5vw;background-color:var(--primary-blue);border-radius:0;opacity:.25;transition:opacity .3s ease,transform .3s ease;animation:dotPulse 6s ease-in-out infinite}.dot:hover{opacity:.4;transform:scale(1.1)}.dark .dot{background-color:var(--primary-blue);opacity:.2}.dark .dot-pattern-item{opacity:.4}@keyframes dotPulse{0%,to{opacity:.25;transform:scale(1)}50%{opacity:.35;transform:scale(1.02)}}@media(min-width:1440px){.dot-matrix{width:12vw;height:12vw;gap:1.6vw}.dot-row{gap:1.6vw}.dot{width:.4vw;height:.4vw}}@media(min-width:1920px){.dot-matrix{width:10vw;height:10vw;gap:1.3vw}.dot-row{gap:1.3vw}.dot{width:.3vw;height:.3vw}}