.hex-grid{display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;padding:0;list-style:none;max-width:1400px}.hex{position:relative;visibility:hidden;outline:1px solid transparent}.hex::after{content:'';display:block;padding-bottom:86.602%}.hexIn{position:absolute;width:96%;padding-bottom:110.851%;margin:0 2%;top:0;left:0;visibility:hidden;outline:1px solid transparent;transform:rotate3d(0,0,1,-60deg)skewY(30deg)}.hexIn *{position:absolute;visibility:visible;outline:1px solid transparent}.hexLink{display:block;width:100%;height:100%;text-align:center;color:var(--text-primary);overflow:hidden;transform:skewY(-30deg)rotate3d(0,0,1,60deg);cursor:default}.hexLink img{left:-100%;right:-100%;width:auto;height:100%;margin:0 auto;object-fit:cover;transform:rotate3d(0,0,0,0)}.hex-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);text-decoration:none;color:inherit}.hex-title,.hex-desc{width:90%;padding:0 var(--space-2);box-sizing:border-box;font-weight:var(--font-weight-normal);transition:transform var(--transition-normal),opacity var(--transition-normal)}.hex-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;bottom:50%;transform:translateY(-100%);opacity:0}.hex-desc{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;top:50%;transform:translateY(100%);opacity:0}.hexLink:hover .hex-content{background:rgba(var(--bg-primary-rgb,15,15,26),.9)}.hexLink:hover .hex-title,.hexLink:hover .hex-desc{transform:translateY(0);opacity:1}@media(min-width:1201px){.hex{width:20%}.hex:nth-child(9n+6),.hex:nth-child(9n+7),.hex:nth-child(9n+8),.hex:nth-child(9n+9){margin-top:-4.1%;margin-bottom:-4.1%;transform:translateX(50%)rotate3d(0,0,1,60deg)skewY(-30deg)}.hex:nth-child(9n+6):last-child,.hex:nth-child(9n+7):last-child,.hex:nth-child(9n+8):last-child,.hex:nth-child(9n+9):last-child{margin-bottom:0}.hex:nth-child(9n+6){margin-left:.5%;clear:left}}@media(max-width:1200px) and (min-width:901px){.hex{width:25%}.hex:nth-child(7n+5),.hex:nth-child(7n+6),.hex:nth-child(7n+7){margin-top:-5.1%;margin-bottom:-5.1%;transform:translateX(50%)rotate3d(0,0,1,60deg)skewY(-30deg)}.hex:nth-child(7n+5):last-child,.hex:nth-child(7n+6):last-child,.hex:nth-child(7n+7):last-child{margin-bottom:0}.hex:nth-child(7n+5){margin-left:.5%;clear:left}}@media(max-width:900px) and (min-width:601px){.hex{width:33.33%}.hex:nth-child(5n+4),.hex:nth-child(5n+5){margin-top:-6.5%;margin-bottom:-6.5%;transform:translateX(50%)rotate3d(0,0,1,60deg)skewY(-30deg)}.hex:nth-child(5n+4):last-child,.hex:nth-child(5n+5):last-child{margin-bottom:0}.hex:nth-child(5n+4){margin-left:.5%;clear:left}}@media(max-width:600px){.hex{width:50%}.hex:nth-child(3n+3){margin-top:-8.5%;margin-bottom:-8.5%;transform:translateX(50%)rotate3d(0,0,1,60deg)skewY(-30deg)}.hex:nth-child(3n+3):last-child{margin-bottom:0}.hex:nth-child(3n+3){margin-left:.5%;clear:left}}[data-theme=dark] .hex-content{background:rgba(15,15,26,.85)}[data-theme=dark] .hexLink:hover .hex-content{background:rgba(15,15,26,.95)}[data-theme=dark] .hexLink img{background:#f5f5f5}