.hex-grid{display:flex;justify-content:center;max-width:100vw;overflow-x:"clip"}.hex-grid-list{--amount: 8;position:relative;padding:0;margin:0;list-style-type:none;display:grid;grid-template-columns:repeat(var(--amount),1fr 2fr) 1fr;grid-gap:2.5rem 5rem}.hex-grid-item{position:relative;grid-column:1/span 3;grid-row:calc(var(--counter) + var(--counter))/span 2;filter:drop-shadow(0 0 10px rgba(68,68,68,.08));height:0;padding-bottom:90%}.hex-grid-item:hover{filter:drop-shadow(0 0 40px rgba(68,68,68,.5))}.hex-grid-content{position:absolute;height:100%;width:100%;font-size:1.125rem;color:#111;background-color:#fff;clip-path:polygon(75% 0,100% 50%,75% 100%,25% 100%,0 50%,25% 0);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem 25%;text-decoration:none;text-align:center;transition:transform .24s ease-out}@media screen and (min-width: 1440px){.hex-grid-list{--amount: 9;--counter: 1;grid-gap:1rem 2rem}.hex-grid-item:nth-of-type(9n+1){grid-column:1/span 3}.hex-grid-item:nth-of-type(9n+2){grid-column:3/span 3;grid-row:calc(var(--counter) + var(--counter) - 1)/span 2}.hex-grid-item:nth-of-type(9n+3){grid-column:5/span 3}.hex-grid-item:nth-of-type(9n+4){grid-column:7/span 3;grid-row:calc(var(--counter) + var(--counter) - 1)/span 2}.hex-grid-item:nth-of-type(9n+5){grid-column:9/span 3}.hex-grid-item:nth-of-type(9n+6){grid-column:11/span 3;grid-row:calc(var(--counter) + var(--counter) - 1)/span 2}.hex-grid-item:nth-of-type(9n+7){grid-column:13/span 3}.hex-grid-item:nth-of-type(9n+8){grid-column:15/span 3;grid-row:calc(var(--counter) + var(--counter) - 1)/span 2}.hex-grid-item:nth-of-type(9n+9){grid-column:17/span 3}.hex-grid-item:nth-of-type(n+10){--counter: 2}.hex-grid-item:nth-of-type(n+19){--counter: 3}.hex-grid-item:nth-of-type(n+28){--counter: 4}.hex-grid-item:nth-of-type(n+37){--counter: 5}.hex-grid-item:nth-of-type(n+46){--counter: 6}.hex-grid-item:nth-of-type(n+55){--counter: 7}.hex-grid-item:nth-of-type(n+64){--counter: 8}.hex-grid-item:nth-of-type(n+73){--counter: 9}.hex-grid-item:nth-of-type(n+82){--counter: 10}.hex-grid-item:nth-of-type(n+91){--counter: 11}.hex-grid-item:nth-of-type(n+100){--counter: 12}.hex-grid-item:nth-of-type(n+109){--counter: 13}.hex-grid-item:nth-of-type(n+118){--counter: 14}.hex-grid-item:nth-of-type(n+127){--counter: 15}.hex-grid-item:nth-of-type(n+136){--counter: 16}.hex-grid-item:nth-of-type(n+145){--counter: 17}.hex-grid-item:nth-of-type(n+154){--counter: 18}.hex-grid-item:nth-of-type(n+163){--counter: 19}.hex-grid-item:nth-of-type(n+172){--counter: 20}.hex-grid-item:nth-of-type(n+181){--counter: 21}}@media screen and (min-width: 1120px) and (max-width: 1439px){.hex-grid-list{--amount: 5;--counter: 1;grid-gap:1rem 2rem}.hex-grid-item:nth-of-type(5n+1){grid-column:1/span 3}.hex-grid-item:nth-of-type(5n+2){grid-column:3/span 3;grid-row:calc(var(--counter) + var(--counter) - 1)/span 2}.hex-grid-item:nth-of-type(5n+3){grid-column:5/span 3}.hex-grid-item:nth-of-type(5n+4){grid-column:7/span 3;grid-row:calc(var(--counter) + var(--counter) - 1)/span 2}.hex-grid-item:nth-of-type(5n+5){grid-column:9/span 3}.hex-grid-item:nth-of-type(n+6){--counter: 2}.hex-grid-item:nth-of-type(n+11){--counter: 3}.hex-grid-item:nth-of-type(n+16){--counter: 4}.hex-grid-item:nth-of-type(n+21){--counter: 5}.hex-grid-item:nth-of-type(n+26){--counter: 6}.hex-grid-item:nth-of-type(n+31){--counter: 7}.hex-grid-item:nth-of-type(n+36){--counter: 8}.hex-grid-item:nth-of-type(n+41){--counter: 9}.hex-grid-item:nth-of-type(n+46){--counter: 10}.hex-grid-item:nth-of-type(n+51){--counter: 11}.hex-grid-item:nth-of-type(n+56){--counter: 12}.hex-grid-item:nth-of-type(n+61){--counter: 13}.hex-grid-item:nth-of-type(n+66){--counter: 14}.hex-grid-item:nth-of-type(n+71){--counter: 15}.hex-grid-item:nth-of-type(n+76){--counter: 16}.hex-grid-item:nth-of-type(n+81){--counter: 17}.hex-grid-item:nth-of-type(n+86){--counter: 18}.hex-grid-item:nth-of-type(n+91){--counter: 19}.hex-grid-item:nth-of-type(n+96){--counter: 20}.hex-grid-item:nth-of-type(n+101){--counter: 21}}@media screen and (min-width: 840px) and (max-width: 1119px){.hex-grid-list{--amount: 3;--counter: 1;grid-gap:1.5rem 3rem}.hex-grid-item:nth-of-type(3n+1){grid-column:1/span 3}.hex-grid-item:nth-of-type(3n+2){grid-column:3/span 3;grid-row:calc(var(--counter) + var(--counter) - 1)/span 2}.hex-grid-item:nth-of-type(3n+3){grid-column:5/span 3}.hex-grid-item:nth-of-type(n+4){--counter: 2}.hex-grid-item:nth-of-type(n+7){--counter: 3}.hex-grid-item:nth-of-type(n+10){--counter: 4}.hex-grid-item:nth-of-type(n+13){--counter: 5}.hex-grid-item:nth-of-type(n+16){--counter: 6}.hex-grid-item:nth-of-type(n+19){--counter: 7}.hex-grid-item:nth-of-type(n+22){--counter: 8}.hex-grid-item:nth-of-type(n+25){--counter: 9}.hex-grid-item:nth-of-type(n+28){--counter: 10}.hex-grid-item:nth-of-type(n+31){--counter: 11}.hex-grid-item:nth-of-type(n+34){--counter: 12}.hex-grid-item:nth-of-type(n+37){--counter: 13}.hex-grid-item:nth-of-type(n+40){--counter: 14}.hex-grid-item:nth-of-type(n+43){--counter: 15}.hex-grid-item:nth-of-type(n+46){--counter: 16}.hex-grid-item:nth-of-type(n+49){--counter: 17}.hex-grid-item:nth-of-type(n+52){--counter: 18}.hex-grid-item:nth-of-type(n+55){--counter: 19}.hex-grid-item:nth-of-type(n+58){--counter: 20}.hex-grid-item:nth-of-type(n+61){--counter: 21}}@media screen and (min-width: 480px) and (max-width: 839px){.hex-grid-list{--amount: 3;--counter: 1;grid-gap:1.5rem 3rem}.hex-grid-item:nth-of-type(3n+1){grid-column:1/span 3}.hex-grid-item:nth-of-type(3n+2){grid-column:3/span 3;grid-row:calc(var(--counter) + var(--counter) - 1)/span 2}.hex-grid-item:nth-of-type(3n+3){grid-column:5/span 3}.hex-grid-item:nth-of-type(n+4){--counter: 2}.hex-grid-item:nth-of-type(n+7){--counter: 3}.hex-grid-item:nth-of-type(n+10){--counter: 4}.hex-grid-item:nth-of-type(n+13){--counter: 5}.hex-grid-item:nth-of-type(n+16){--counter: 6}.hex-grid-item:nth-of-type(n+19){--counter: 7}.hex-grid-item:nth-of-type(n+22){--counter: 8}.hex-grid-item:nth-of-type(n+25){--counter: 9}.hex-grid-item:nth-of-type(n+28){--counter: 10}.hex-grid-item:nth-of-type(n+31){--counter: 11}.hex-grid-item:nth-of-type(n+34){--counter: 12}.hex-grid-item:nth-of-type(n+37){--counter: 13}.hex-grid-item:nth-of-type(n+40){--counter: 14}.hex-grid-item:nth-of-type(n+43){--counter: 15}.hex-grid-item:nth-of-type(n+46){--counter: 16}.hex-grid-item:nth-of-type(n+49){--counter: 17}.hex-grid-item:nth-of-type(n+52){--counter: 18}.hex-grid-item:nth-of-type(n+55){--counter: 19}.hex-grid-item:nth-of-type(n+58){--counter: 20}.hex-grid-item:nth-of-type(n+61){--counter: 21}}@media screen and (max-width: 479px){.hex-grid-list{--amount: 3;--counter: 1;grid-gap:1.5rem 3rem}.hex-grid-item:nth-of-type(3n+1){grid-column:1/span 3}.hex-grid-item:nth-of-type(3n+2){grid-column:3/span 3;grid-row:calc(var(--counter) + var(--counter) - 1)/span 2}.hex-grid-item:nth-of-type(3n+3){grid-column:5/span 3}.hex-grid-item:nth-of-type(n+4){--counter: 2}.hex-grid-item:nth-of-type(n+7){--counter: 3}.hex-grid-item:nth-of-type(n+10){--counter: 4}.hex-grid-item:nth-of-type(n+13){--counter: 5}.hex-grid-item:nth-of-type(n+16){--counter: 6}.hex-grid-item:nth-of-type(n+19){--counter: 7}.hex-grid-item:nth-of-type(n+22){--counter: 8}.hex-grid-item:nth-of-type(n+25){--counter: 9}.hex-grid-item:nth-of-type(n+28){--counter: 10}.hex-grid-item:nth-of-type(n+31){--counter: 11}.hex-grid-item:nth-of-type(n+34){--counter: 12}.hex-grid-item:nth-of-type(n+37){--counter: 13}.hex-grid-item:nth-of-type(n+40){--counter: 14}.hex-grid-item:nth-of-type(n+43){--counter: 15}.hex-grid-item:nth-of-type(n+46){--counter: 16}.hex-grid-item:nth-of-type(n+49){--counter: 17}.hex-grid-item:nth-of-type(n+52){--counter: 18}.hex-grid-item:nth-of-type(n+55){--counter: 19}.hex-grid-item:nth-of-type(n+58){--counter: 20}.hex-grid-item:nth-of-type(n+61){--counter: 21}}