.hero-grid-module__CBJZ3G__gridContainer{perspective:2000px;perspective-origin:50%;--hero-grid-hover-color-1:var(--primary);--hero-grid-hover-color-2:var(--primary);--hero-grid-hover-color-3:var(--primary);--hero-grid-hover-color-4:var(--primary);width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.hero-grid-module__CBJZ3G__mainGrid{aspect-ratio:1;grid-template-rows:repeat(40,1fr);grid-template-columns:repeat(40,1fr);width:140rem;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotateX(50deg)rotateY(-5deg)rotate(20deg)scale(1.25)}.hero-grid-module__CBJZ3G__mainGrid:after{content:"";pointer-events:none;z-index:3;background:radial-gradient(circle, transparent 25%, var(--background) 80%);position:absolute;inset:0}.hero-grid-module__CBJZ3G__tile{border:.5px solid oklch(from var(--foreground) l c h / .12);transition:background-color 1.5s}.dark .hero-grid-module__CBJZ3G__tile{border-color:oklch(from var(--foreground) l c h / .05)}.hero-grid-module__CBJZ3G__tile:hover{transition-duration:0s}.hero-grid-module__CBJZ3G__tile:nth-child(4n):hover{background-color:var(--hero-grid-hover-color-1)}.hero-grid-module__CBJZ3G__tile:nth-child(4n+1):hover{background-color:var(--hero-grid-hover-color-2)}.hero-grid-module__CBJZ3G__tile:nth-child(4n+2):hover{background-color:var(--hero-grid-hover-color-3)}.hero-grid-module__CBJZ3G__tile:nth-child(4n+3):hover{background-color:var(--hero-grid-hover-color-4)}.hero-grid-module__CBJZ3G__tile:nth-child(7n):hover{background-color:var(--hero-grid-hover-color-2)}.hero-grid-module__CBJZ3G__tile:nth-child(7n+3):hover{background-color:var(--hero-grid-hover-color-3)}.hero-grid-module__CBJZ3G__tile:nth-child(7n+5):hover{background-color:var(--hero-grid-hover-color-4)}.hero-grid-module__CBJZ3G__tile:nth-child(7n+6):hover,.hero-grid-module__CBJZ3G__tile:nth-child(11n+1):hover{background-color:var(--hero-grid-hover-color-1)}.hero-grid-module__CBJZ3G__tile:nth-child(11n+4):hover{background-color:var(--hero-grid-hover-color-2)}.hero-grid-module__CBJZ3G__tile:nth-child(11n+7):hover{background-color:var(--hero-grid-hover-color-3)}.hero-grid-module__CBJZ3G__tile:nth-child(11n+10):hover{background-color:var(--hero-grid-hover-color-4)}@media (prefers-reduced-motion:reduce){.hero-grid-module__CBJZ3G__mainGrid{transform:translate(-50%,-50%)rotate(20deg)}.hero-grid-module__CBJZ3G__tile{transition:none}}