.hexagon-grid{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.hexagon{position:absolute;opacity:.8;transition:opacity .3s ease,transform .3s ease}.hexagon:hover{opacity:1;transform:scale(1.05)}.hexagon-shape{transition:all .3s ease}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-10px) rotate(1deg)}66%{transform:translateY(5px) rotate(-1deg)}}.hexagon-grid.animated .hexagon{animation:float 6s ease-in-out infinite}@media (max-width:1024px){.hexagon-grid .hexagon{transform:scale(.9)}}@media (max-width:768px){.hexagon-grid .hexagon{transform:scale(.7)}.hexagon-grid.animated .hexagon{animation-duration:8s}}@media (max-width:480px){.hexagon-grid .hexagon{transform:scale(.5);opacity:.6}.hexagon-grid.animated .hexagon{animation-duration:10s}}.hexagon-grid{display:flex;justify-content:center;align-items:center}.hexagon-grid:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 0,rgba(8,12,20,.3) 70%,rgba(8,12,20,.85) 100%);z-index:2;pointer-events:none}.hexagon{z-index:3;will-change:transform,opacity}@media (prefers-reduced-motion:reduce){.hexagon-grid.animated .hexagon{animation:none}}@media (prefers-color-scheme:dark){.hexagon-shape{filter:brightness(1.1)}}@media print{.hexagon-grid.animated .hexagon{animation:none}}