.hex-grid{--hex-gap:10px;--row-offset:0px}.hex-grid>ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.hex-grid .hex-row{list-style:none}.hex-grid .hex-row>ul{flex-direction:column;justify-content:center;align-items:center;gap:10px;margin:0;padding:0;list-style:none;display:flex}.hex-grid .hex-row:nth-child(2){transform:translateY(calc(var(--row-offset)*1*-1))}.hex-grid .hex-row:nth-child(2):last-child{margin-bottom:calc(var(--row-offset)*1*-1)}.hex-grid .hex-row:nth-child(3){transform:translateY(calc(var(--row-offset)*2*-1))}.hex-grid .hex-row:nth-child(3):last-child{margin-bottom:calc(var(--row-offset)*2*-1)}.hex-grid .hex-row:nth-child(4){transform:translateY(calc(var(--row-offset)*3*-1))}.hex-grid .hex-row:nth-child(4):last-child{margin-bottom:calc(var(--row-offset)*3*-1)}.hex-grid .hex-row:nth-child(5){transform:translateY(calc(var(--row-offset)*4*-1))}.hex-grid .hex-row:nth-child(5):last-child{margin-bottom:calc(var(--row-offset)*4*-1)}.hex-grid .hex-row:nth-child(6){transform:translateY(calc(var(--row-offset)*5*-1))}.hex-grid .hex-row:nth-child(6):last-child{margin-bottom:calc(var(--row-offset)*5*-1)}.hex-grid .hex-row:nth-child(7){transform:translateY(calc(var(--row-offset)*6*-1))}.hex-grid .hex-row:nth-child(7):last-child{margin-bottom:calc(var(--row-offset)*6*-1)}.hex-grid .hex-row:nth-child(8){transform:translateY(calc(var(--row-offset)*7*-1))}.hex-grid .hex-row:nth-child(8):last-child{margin-bottom:calc(var(--row-offset)*7*-1)}.hex-grid .hex-row:nth-child(9){transform:translateY(calc(var(--row-offset)*8*-1))}.hex-grid .hex-row:nth-child(9):last-child{margin-bottom:calc(var(--row-offset)*8*-1)}.hex-grid .hex-row:nth-child(10){transform:translateY(calc(var(--row-offset)*9*-1))}.hex-grid .hex-row:nth-child(10):last-child{margin-bottom:calc(var(--row-offset)*9*-1)}.hex-grid .hex-row:nth-child(11){transform:translateY(calc(var(--row-offset)*10*-1))}.hex-grid .hex-row:nth-child(11):last-child{margin-bottom:calc(var(--row-offset)*10*-1)}.hex-grid .hex-row:nth-child(12){transform:translateY(calc(var(--row-offset)*11*-1))}.hex-grid .hex-row:nth-child(12):last-child{margin-bottom:calc(var(--row-offset)*11*-1)}.hex-grid .hex-row:nth-child(13){transform:translateY(calc(var(--row-offset)*12*-1))}.hex-grid .hex-row:nth-child(13):last-child{margin-bottom:calc(var(--row-offset)*12*-1)}.hex-grid .hex-row:nth-child(14){transform:translateY(calc(var(--row-offset)*13*-1))}.hex-grid .hex-row:nth-child(14):last-child{margin-bottom:calc(var(--row-offset)*13*-1)}.hex-grid .hex-row:nth-child(15){transform:translateY(calc(var(--row-offset)*14*-1))}.hex-grid .hex-row:nth-child(15):last-child{margin-bottom:calc(var(--row-offset)*14*-1)}.hex-grid .hex-row:nth-child(16){transform:translateY(calc(var(--row-offset)*15*-1))}.hex-grid .hex-row:nth-child(16):last-child{margin-bottom:calc(var(--row-offset)*15*-1)}.hex-grid .hex-row:nth-child(17){transform:translateY(calc(var(--row-offset)*16*-1))}.hex-grid .hex-row:nth-child(17):last-child{margin-bottom:calc(var(--row-offset)*16*-1)}.hex-grid .hex-row:nth-child(18){transform:translateY(calc(var(--row-offset)*17*-1))}.hex-grid .hex-row:nth-child(18):last-child{margin-bottom:calc(var(--row-offset)*17*-1)}.hex-grid .hex-row:nth-child(19){transform:translateY(calc(var(--row-offset)*18*-1))}.hex-grid .hex-row:nth-child(19):last-child{margin-bottom:calc(var(--row-offset)*18*-1)}.hex-grid .hex-row:nth-child(20){transform:translateY(calc(var(--row-offset)*19*-1))}.hex-grid .hex-row:nth-child(20):last-child{margin-bottom:calc(var(--row-offset)*19*-1)}.hex-grid .hex-row:nth-child(21){transform:translateY(calc(var(--row-offset)*20*-1))}.hex-grid .hex-row:nth-child(21):last-child{margin-bottom:calc(var(--row-offset)*20*-1)}.hex-grid .hex-row:nth-child(22){transform:translateY(calc(var(--row-offset)*21*-1))}.hex-grid .hex-row:nth-child(22):last-child{margin-bottom:calc(var(--row-offset)*21*-1)}.hex-grid .hex-row:nth-child(23){transform:translateY(calc(var(--row-offset)*22*-1))}.hex-grid .hex-row:nth-child(23):last-child{margin-bottom:calc(var(--row-offset)*22*-1)}.hex-grid .hex-row:nth-child(24){transform:translateY(calc(var(--row-offset)*23*-1))}.hex-grid .hex-row:nth-child(24):last-child{margin-bottom:calc(var(--row-offset)*23*-1)}.hex-grid .hex-row:nth-child(25){transform:translateY(calc(var(--row-offset)*24*-1))}.hex-grid .hex-row:nth-child(25):last-child{margin-bottom:calc(var(--row-offset)*24*-1)}.hex-grid .hex-row:nth-child(26){transform:translateY(calc(var(--row-offset)*25*-1))}.hex-grid .hex-row:nth-child(26):last-child{margin-bottom:calc(var(--row-offset)*25*-1)}.hex-grid .hex-row:nth-child(27){transform:translateY(calc(var(--row-offset)*26*-1))}.hex-grid .hex-row:nth-child(27):last-child{margin-bottom:calc(var(--row-offset)*26*-1)}.hex-grid .hex-row:nth-child(28){transform:translateY(calc(var(--row-offset)*27*-1))}.hex-grid .hex-row:nth-child(28):last-child{margin-bottom:calc(var(--row-offset)*27*-1)}.hex-grid .hex-row:nth-child(29){transform:translateY(calc(var(--row-offset)*28*-1))}.hex-grid .hex-row:nth-child(29):last-child{margin-bottom:calc(var(--row-offset)*28*-1)}.hex-grid .hex-row:nth-child(30){transform:translateY(calc(var(--row-offset)*29*-1))}.hex-grid .hex-row:nth-child(30):last-child{margin-bottom:calc(var(--row-offset)*29*-1)}.hex-grid .hex-row:nth-child(31){transform:translateY(calc(var(--row-offset)*30*-1))}.hex-grid .hex-row:nth-child(31):last-child{margin-bottom:calc(var(--row-offset)*30*-1)}.hex-grid .hex-row:nth-child(32){transform:translateY(calc(var(--row-offset)*31*-1))}.hex-grid .hex-row:nth-child(32):last-child{margin-bottom:calc(var(--row-offset)*31*-1)}.hex-grid .hex-row:nth-child(33){transform:translateY(calc(var(--row-offset)*32*-1))}.hex-grid .hex-row:nth-child(33):last-child{margin-bottom:calc(var(--row-offset)*32*-1)}.hex-grid .hex-row:nth-child(34){transform:translateY(calc(var(--row-offset)*33*-1))}.hex-grid .hex-row:nth-child(34):last-child{margin-bottom:calc(var(--row-offset)*33*-1)}.hex-grid .hex-row:nth-child(35){transform:translateY(calc(var(--row-offset)*34*-1))}.hex-grid .hex-row:nth-child(35):last-child{margin-bottom:calc(var(--row-offset)*34*-1)}.hex-grid .hex-row:nth-child(36){transform:translateY(calc(var(--row-offset)*35*-1))}.hex-grid .hex-row:nth-child(36):last-child{margin-bottom:calc(var(--row-offset)*35*-1)}.hex-grid .hex-row:nth-child(37){transform:translateY(calc(var(--row-offset)*36*-1))}.hex-grid .hex-row:nth-child(37):last-child{margin-bottom:calc(var(--row-offset)*36*-1)}.hex-grid .hex-row:nth-child(38){transform:translateY(calc(var(--row-offset)*37*-1))}.hex-grid .hex-row:nth-child(38):last-child{margin-bottom:calc(var(--row-offset)*37*-1)}.hex-grid .hex-row:nth-child(39){transform:translateY(calc(var(--row-offset)*38*-1))}.hex-grid .hex-row:nth-child(39):last-child{margin-bottom:calc(var(--row-offset)*38*-1)}.hex-grid .hex-row:nth-child(40){transform:translateY(calc(var(--row-offset)*39*-1))}.hex-grid .hex-row:nth-child(40):last-child{margin-bottom:calc(var(--row-offset)*39*-1)}.hex-grid .hex-row:nth-child(41){transform:translateY(calc(var(--row-offset)*40*-1))}.hex-grid .hex-row:nth-child(41):last-child{margin-bottom:calc(var(--row-offset)*40*-1)}.hex-grid .hex-row:nth-child(42){transform:translateY(calc(var(--row-offset)*41*-1))}.hex-grid .hex-row:nth-child(42):last-child{margin-bottom:calc(var(--row-offset)*41*-1)}.hex-grid .hex-row:nth-child(43){transform:translateY(calc(var(--row-offset)*42*-1))}.hex-grid .hex-row:nth-child(43):last-child{margin-bottom:calc(var(--row-offset)*42*-1)}.hex-grid .hex-row:nth-child(44){transform:translateY(calc(var(--row-offset)*43*-1))}.hex-grid .hex-row:nth-child(44):last-child{margin-bottom:calc(var(--row-offset)*43*-1)}.hex-grid .hex-row:nth-child(45){transform:translateY(calc(var(--row-offset)*44*-1))}.hex-grid .hex-row:nth-child(45):last-child{margin-bottom:calc(var(--row-offset)*44*-1)}.hex-grid .hex-row:nth-child(46){transform:translateY(calc(var(--row-offset)*45*-1))}.hex-grid .hex-row:nth-child(46):last-child{margin-bottom:calc(var(--row-offset)*45*-1)}.hex-grid .hex-row:nth-child(47){transform:translateY(calc(var(--row-offset)*46*-1))}.hex-grid .hex-row:nth-child(47):last-child{margin-bottom:calc(var(--row-offset)*46*-1)}.hex-grid .hex-row:nth-child(48){transform:translateY(calc(var(--row-offset)*47*-1))}.hex-grid .hex-row:nth-child(48):last-child{margin-bottom:calc(var(--row-offset)*47*-1)}.hex-grid .hex-row:nth-child(49){transform:translateY(calc(var(--row-offset)*48*-1))}.hex-grid .hex-row:nth-child(49):last-child{margin-bottom:calc(var(--row-offset)*48*-1)}.hex-grid .hex-row:nth-child(50){transform:translateY(calc(var(--row-offset)*49*-1))}.hex-grid .hex-row:nth-child(50):last-child{margin-bottom:calc(var(--row-offset)*49*-1)}.hex-grid .hex-row:nth-child(51){transform:translateY(calc(var(--row-offset)*50*-1))}.hex-grid .hex-row:nth-child(51):last-child{margin-bottom:calc(var(--row-offset)*50*-1)}.hex-grid .hex-row:nth-child(52){transform:translateY(calc(var(--row-offset)*51*-1))}.hex-grid .hex-row:nth-child(52):last-child{margin-bottom:calc(var(--row-offset)*51*-1)}.hex-grid .hex-row:nth-child(53){transform:translateY(calc(var(--row-offset)*52*-1))}.hex-grid .hex-row:nth-child(53):last-child{margin-bottom:calc(var(--row-offset)*52*-1)}.hex-grid .hex-row:nth-child(54){transform:translateY(calc(var(--row-offset)*53*-1))}.hex-grid .hex-row:nth-child(54):last-child{margin-bottom:calc(var(--row-offset)*53*-1)}.hex-grid .hex-row:nth-child(55){transform:translateY(calc(var(--row-offset)*54*-1))}.hex-grid .hex-row:nth-child(55):last-child{margin-bottom:calc(var(--row-offset)*54*-1)}.hex-grid .hex-row:nth-child(56){transform:translateY(calc(var(--row-offset)*55*-1))}.hex-grid .hex-row:nth-child(56):last-child{margin-bottom:calc(var(--row-offset)*55*-1)}.hex-grid .hex-row:nth-child(57){transform:translateY(calc(var(--row-offset)*56*-1))}.hex-grid .hex-row:nth-child(57):last-child{margin-bottom:calc(var(--row-offset)*56*-1)}.hex-grid .hex-row:nth-child(58){transform:translateY(calc(var(--row-offset)*57*-1))}.hex-grid .hex-row:nth-child(58):last-child{margin-bottom:calc(var(--row-offset)*57*-1)}.hex-grid .hex-row:nth-child(59){transform:translateY(calc(var(--row-offset)*58*-1))}.hex-grid .hex-row:nth-child(59):last-child{margin-bottom:calc(var(--row-offset)*58*-1)}.hex-grid .hex-row:nth-child(60){transform:translateY(calc(var(--row-offset)*59*-1))}.hex-grid .hex-row:nth-child(60):last-child{margin-bottom:calc(var(--row-offset)*59*-1)}.hex-grid .hex-row:nth-child(61){transform:translateY(calc(var(--row-offset)*60*-1))}.hex-grid .hex-row:nth-child(61):last-child{margin-bottom:calc(var(--row-offset)*60*-1)}.hex-grid .hex-row:nth-child(62){transform:translateY(calc(var(--row-offset)*61*-1))}.hex-grid .hex-row:nth-child(62):last-child{margin-bottom:calc(var(--row-offset)*61*-1)}.hex-grid .hex-row:nth-child(63){transform:translateY(calc(var(--row-offset)*62*-1))}.hex-grid .hex-row:nth-child(63):last-child{margin-bottom:calc(var(--row-offset)*62*-1)}.hex-grid .hex-row:nth-child(64){transform:translateY(calc(var(--row-offset)*63*-1))}.hex-grid .hex-row:nth-child(64):last-child{margin-bottom:calc(var(--row-offset)*63*-1)}.hex-grid .hex-row:nth-child(65){transform:translateY(calc(var(--row-offset)*64*-1))}.hex-grid .hex-row:nth-child(65):last-child{margin-bottom:calc(var(--row-offset)*64*-1)}.hex-grid .hex-row:nth-child(66){transform:translateY(calc(var(--row-offset)*65*-1))}.hex-grid .hex-row:nth-child(66):last-child{margin-bottom:calc(var(--row-offset)*65*-1)}.hex-grid .hex-row:nth-child(67){transform:translateY(calc(var(--row-offset)*66*-1))}.hex-grid .hex-row:nth-child(67):last-child{margin-bottom:calc(var(--row-offset)*66*-1)}.hex-grid .hex-row:nth-child(68){transform:translateY(calc(var(--row-offset)*67*-1))}.hex-grid .hex-row:nth-child(68):last-child{margin-bottom:calc(var(--row-offset)*67*-1)}.hex-grid .hex-row:nth-child(69){transform:translateY(calc(var(--row-offset)*68*-1))}.hex-grid .hex-row:nth-child(69):last-child{margin-bottom:calc(var(--row-offset)*68*-1)}.hex-grid .hex-row:nth-child(70){transform:translateY(calc(var(--row-offset)*69*-1))}.hex-grid .hex-row:nth-child(70):last-child{margin-bottom:calc(var(--row-offset)*69*-1)}.hex-grid .hex-row:nth-child(71){transform:translateY(calc(var(--row-offset)*70*-1))}.hex-grid .hex-row:nth-child(71):last-child{margin-bottom:calc(var(--row-offset)*70*-1)}.hex-grid .hex-row:nth-child(72){transform:translateY(calc(var(--row-offset)*71*-1))}.hex-grid .hex-row:nth-child(72):last-child{margin-bottom:calc(var(--row-offset)*71*-1)}.hex-grid .hex-row:nth-child(73){transform:translateY(calc(var(--row-offset)*72*-1))}.hex-grid .hex-row:nth-child(73):last-child{margin-bottom:calc(var(--row-offset)*72*-1)}.hex-grid .hex-row:nth-child(74){transform:translateY(calc(var(--row-offset)*73*-1))}.hex-grid .hex-row:nth-child(74):last-child{margin-bottom:calc(var(--row-offset)*73*-1)}.hex-grid .hex-row:nth-child(75){transform:translateY(calc(var(--row-offset)*74*-1))}.hex-grid .hex-row:nth-child(75):last-child{margin-bottom:calc(var(--row-offset)*74*-1)}.hex-grid .hex-row:nth-child(76){transform:translateY(calc(var(--row-offset)*75*-1))}.hex-grid .hex-row:nth-child(76):last-child{margin-bottom:calc(var(--row-offset)*75*-1)}.hex-grid .hex-row:nth-child(77){transform:translateY(calc(var(--row-offset)*76*-1))}.hex-grid .hex-row:nth-child(77):last-child{margin-bottom:calc(var(--row-offset)*76*-1)}.hex-grid .hex-row:nth-child(78){transform:translateY(calc(var(--row-offset)*77*-1))}.hex-grid .hex-row:nth-child(78):last-child{margin-bottom:calc(var(--row-offset)*77*-1)}.hex-grid .hex-row:nth-child(79){transform:translateY(calc(var(--row-offset)*78*-1))}.hex-grid .hex-row:nth-child(79):last-child{margin-bottom:calc(var(--row-offset)*78*-1)}.hex-grid .hex-row:nth-child(80){transform:translateY(calc(var(--row-offset)*79*-1))}.hex-grid .hex-row:nth-child(80):last-child{margin-bottom:calc(var(--row-offset)*79*-1)}.hex-grid .hex-row:nth-child(81){transform:translateY(calc(var(--row-offset)*80*-1))}.hex-grid .hex-row:nth-child(81):last-child{margin-bottom:calc(var(--row-offset)*80*-1)}.hex-grid .hex-row:nth-child(82){transform:translateY(calc(var(--row-offset)*81*-1))}.hex-grid .hex-row:nth-child(82):last-child{margin-bottom:calc(var(--row-offset)*81*-1)}.hex-grid .hex-row:nth-child(83){transform:translateY(calc(var(--row-offset)*82*-1))}.hex-grid .hex-row:nth-child(83):last-child{margin-bottom:calc(var(--row-offset)*82*-1)}.hex-grid .hex-row:nth-child(84){transform:translateY(calc(var(--row-offset)*83*-1))}.hex-grid .hex-row:nth-child(84):last-child{margin-bottom:calc(var(--row-offset)*83*-1)}.hex-grid .hex-row:nth-child(85){transform:translateY(calc(var(--row-offset)*84*-1))}.hex-grid .hex-row:nth-child(85):last-child{margin-bottom:calc(var(--row-offset)*84*-1)}.hex-grid .hex-row:nth-child(86){transform:translateY(calc(var(--row-offset)*85*-1))}.hex-grid .hex-row:nth-child(86):last-child{margin-bottom:calc(var(--row-offset)*85*-1)}.hex-grid .hex-row:nth-child(87){transform:translateY(calc(var(--row-offset)*86*-1))}.hex-grid .hex-row:nth-child(87):last-child{margin-bottom:calc(var(--row-offset)*86*-1)}.hex-grid .hex-row:nth-child(88){transform:translateY(calc(var(--row-offset)*87*-1))}.hex-grid .hex-row:nth-child(88):last-child{margin-bottom:calc(var(--row-offset)*87*-1)}.hex-grid .hex-row:nth-child(89){transform:translateY(calc(var(--row-offset)*88*-1))}.hex-grid .hex-row:nth-child(89):last-child{margin-bottom:calc(var(--row-offset)*88*-1)}.hex-grid .hex-row:nth-child(90){transform:translateY(calc(var(--row-offset)*89*-1))}.hex-grid .hex-row:nth-child(90):last-child{margin-bottom:calc(var(--row-offset)*89*-1)}.hex-grid .hex-row:nth-child(91){transform:translateY(calc(var(--row-offset)*90*-1))}.hex-grid .hex-row:nth-child(91):last-child{margin-bottom:calc(var(--row-offset)*90*-1)}.hex-grid .hex-row:nth-child(92){transform:translateY(calc(var(--row-offset)*91*-1))}.hex-grid .hex-row:nth-child(92):last-child{margin-bottom:calc(var(--row-offset)*91*-1)}.hex-grid .hex-row:nth-child(93){transform:translateY(calc(var(--row-offset)*92*-1))}.hex-grid .hex-row:nth-child(93):last-child{margin-bottom:calc(var(--row-offset)*92*-1)}.hex-grid .hex-row:nth-child(94){transform:translateY(calc(var(--row-offset)*93*-1))}.hex-grid .hex-row:nth-child(94):last-child{margin-bottom:calc(var(--row-offset)*93*-1)}.hex-grid .hex-row:nth-child(95){transform:translateY(calc(var(--row-offset)*94*-1))}.hex-grid .hex-row:nth-child(95):last-child{margin-bottom:calc(var(--row-offset)*94*-1)}.hex-grid .hex-row:nth-child(96){transform:translateY(calc(var(--row-offset)*95*-1))}.hex-grid .hex-row:nth-child(96):last-child{margin-bottom:calc(var(--row-offset)*95*-1)}.hex-grid .hex-row:nth-child(97){transform:translateY(calc(var(--row-offset)*96*-1))}.hex-grid .hex-row:nth-child(97):last-child{margin-bottom:calc(var(--row-offset)*96*-1)}.hex-grid .hex-row:nth-child(98){transform:translateY(calc(var(--row-offset)*97*-1))}.hex-grid .hex-row:nth-child(98):last-child{margin-bottom:calc(var(--row-offset)*97*-1)}.hex-grid .hex-row:nth-child(99){transform:translateY(calc(var(--row-offset)*98*-1))}.hex-grid .hex-row:nth-child(99):last-child{margin-bottom:calc(var(--row-offset)*98*-1)}.hex-grid .hex-row:nth-child(100){transform:translateY(calc(var(--row-offset)*99*-1))}.hex-grid .hex-row:nth-child(100):last-child{margin-bottom:calc(var(--row-offset)*99*-1)}.hex-grid .hex-row .hex{--icon-size:80px;aspect-ratio:1/.866;background:var(--color-white);clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);cursor:pointer;width:160px;transition-property:background-color;transition-duration:.3s;position:relative}.hex-grid .hex-row .hex .hex-door{background-color:var(--color-copper);pointer-events:none;align-items:center;width:50%;height:100%;transition-property:left,right;transition-duration:.5s;display:flex;position:absolute;overflow:hidden}.hex-grid .hex-row .hex .hex-door.left{justify-content:flex-end;left:0}.hex-grid .hex-row .hex .hex-door.left svg{transform:translate(50%)}.hex-grid .hex-row .hex .hex-door.right{justify-content:flex-start;right:0}.hex-grid .hex-row .hex .hex-door.right svg{transform:translate(-50%)}.hex-grid .hex-row .hex .hex-door svg{color:var(--color-white);height:var(--icon-size);width:var(--icon-size)}.hex-grid .hex-row .hex a{text-decoration:none}.hex-grid .hex-row .hex .hex-inner{justify-content:center;align-items:center;width:100%;height:100%;padding:0 15%;display:flex}.hex-grid .hex-row .hex .hex-inner h3{color:var(--color-lead);overflow-wrap:break-word;text-align:center;height:fit-content;margin-bottom:0;font-size:.85rem;display:block}.hex-grid .hex-row .hex .hex-toggle{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.hex-grid .hex-row .hex .hex-reveal{display:none}@media (hover:hover){.hex-grid .hex-row .hex:hover .hex-door.left{left:-50%}.hex-grid .hex-row .hex:hover .hex-door.right{right:-50%}}@media (hover:none){.hex-grid .hex-row .hex .hex-reveal{cursor:pointer;z-index:2;-webkit-tap-highlight-color:#0000;display:block;position:absolute;inset:0}.hex-grid .hex-row .hex .hex-toggle:checked~.hex-door.left{left:-50%}.hex-grid .hex-row .hex .hex-toggle:checked~.hex-door.right{right:-50%}.hex-grid .hex-row .hex .hex-toggle:checked~.hex-reveal{pointer-events:none;z-index:-1}}@media (min-width:400px){.hex-grid .hex-row .hex{--icon-size:100px;width:200px}.hex-grid .hex-row .hex .hex-inner h3{font-size:1rem}}@media (min-width:576px){.hex-grid{--hex-size:121px;--row-offset:calc(var(--hex-size)*.25 + 7.5px)}.hex-grid>ul{gap:15px}.hex-grid .hex-row>ul{align-items:stretch;gap:var(--hex-gap);flex-direction:row}.hex-grid .hex-row .hex{--icon-size:calc(var(--hex-size)*.5);aspect-ratio:1;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);width:var(--hex-size)}.hex-grid .hex-row .hex .hex-inner h3{font-size:.7rem}}@media (min-width:768px){.hex-grid{--hex-size:166px}.hex-grid .hex-row .hex .hex-inner h3{font-size:.9rem}}@media (min-width:992px){.hex-grid{--hex-size:226px}.hex-grid .hex-row .hex .hex-inner h3{font-size:1.3rem}}@media (min-width:1200px){.hex-grid{--hex-size:271px}.hex-grid .hex-row .hex .hex-inner h3{font-size:1.5rem}}@media (min-width:1400px){.hex-grid{--hex-size:300px}.hex-grid .hex-row .hex .hex-inner h3{font-size:1.6rem}}
#services-page #hero-section{width:100%;height:500px;position:relative;overflow:hidden}#services-page #hero-section:after{content:"";pointer-events:none;z-index:1;background:#000000a6;position:absolute;inset:0}@media (min-width:992px){#services-page #hero-section:after{background:linear-gradient(90deg,#0000 0%,#000000e6 90%)}}#services-page #hero-section .container{color:var(--color-white);text-align:end;z-index:2;flex-direction:column;justify-content:center;height:100%;display:flex;position:relative}#services-page #hero-section .container h1{text-transform:uppercase}@media (min-width:768px){#services-page #hero-section .container h1{font-size:3.5rem}}#services-page #hero-section .container h2{text-transform:uppercase;font-weight:300}@media (min-width:768px){#services-page #hero-section .container h2{font-size:2.5rem}}#services-page #trusted-by-section{background-color:var(--color-copper);color:var(--color-white);text-align:center;padding-top:1rem;padding-bottom:1rem}#services-page #all-services-section{background-color:var(--color-cobalt);color:var(--color-white)}#services-page #all-services-section .hex-hint{opacity:.85;font-style:italic}#services-page #all-services-section .hex-hint.pointer-hint{display:none}@media (hover:hover){#services-page #all-services-section .hex-hint.pointer-hint{display:block}}#services-page #all-services-section .hex-hint.touch-hint{display:block}@media (hover:hover){#services-page #all-services-section .hex-hint.touch-hint{display:none}}#services-page #services-overview .row .col-6{margin-bottom:3rem}#services-page #services-overview .row .col-6:nth-last-child(-n+2){margin-bottom:0}#services-page #core-values-section{background-color:var(--color-steel)}#services-page #core-values-section .core-value-col{flex-direction:column;justify-content:space-between;gap:2rem;display:flex}#services-page #why-choose-us-section{background-color:var(--color-white)}#services-page #industrial-robotic-arms,#services-page #electrician-ceiling-light{width:100%;height:300px;position:relative}@media (min-width:768px){#services-page #industrial-robotic-arms,#services-page #electrician-ceiling-light{height:500px}}@media (min-width:1200px){#services-page #industrial-robotic-arms,#services-page #electrician-ceiling-light{height:650px}}#services-page #circuit-diagram-tools,#services-page #engineer-monitoring-switchgear,#services-page #fire-alarm-inspection{width:100%;height:300px;position:relative}
/*# sourceMappingURL=33b27277423b58af.css.map*/