.hex-grid{--hex: min(14.5vw, 260px);--gap: clamp(12px, 2.2vw, 26px)}@media (max-width: 899px){.hex-grid{--hex: 130px;--gap: 16px}}.hex-grid{--hex-h: calc(var(--hex) * 1.133);--row-overlap: calc(var(--hex-h) * .25);--front-bg: #007CC1;--back-bg: #007CC1;--accent: #FFDB00;--font-size-front: clamp(14px, 1.8vw, 28px);--font-size-back: clamp(12px, 1.4vw, 24px)}@media (max-width: 899px){.ch-beehive{overflow-x:hidden}}.hex-grid{display:grid;gap:0;background-color:var(--back-bg);overflow:hidden;aspect-ratio:17/8;min-height:400px}.hex-row{display:flex;align-items:center;gap:var(--gap);margin-top:calc(var(--gap) / -1);margin-left:calc((var(--hex) + var(--gap)) / -1.5);margin-right:calc((var(--hex) + var(--gap)) / -1.5)}.hex-row+.hex-row{margin-top:calc(var(--gap) - var(--row-overlap))}.hex-row.offset{margin-left:calc(var(--gap) / -.75)}.hex{width:var(--hex);height:var(--hex-h);position:relative;perspective:1000px;-webkit-perspective:1000px;flex:0 0 auto;isolation:isolate}.hex-flipper{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.hex-card{position:relative;display:block;width:100%;height:100%}.hex-face-wrapper{width:100%;height:100%;position:relative;display:block;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;will-change:transform;transition:transform .6s ease;pointer-events:none}.hex-face{position:absolute;inset:0;display:grid;place-items:center;padding:calc(var(--gap) / 1.5);backface-visibility:hidden;-webkit-backface-visibility:hidden;background-color:var(--front-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='100%25' height='100%25' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' clip-rule='evenodd' version='1.1' viewBox='0 0 3915 4359'%3E%3Cpath fill='none' stroke='%23ffdb00' stroke-width='150' d='M3578 3230c-75 38-155 71-228 113-428 241-837 541-1253 802-17 11-27 28-44 39-43 26-91 34-136 12-99-46-219-136-317-194-214-126-428-252-645-372-223-125-500-243-709-378-18-11-32-17-47-35-67-84-14-107 13-184 107-309 38-1071-6-1408-14-106-42-216-53-320-11-93 8-124 92-172 275-160 559-307 832-470 263-158 515-342 778-496 30-18 90-25 122-5 448 290 914 551 1394 783 83 40 227 88 295 133 44 30 59 55 64 108 10 101-17 266-21 375-13 390-19 783 8 1173 10 140 55 358 46 487-9 137-144 126-185 9Z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:cover;border-radius:10px;font-weight:600;line-height:1.1;clip-path:polygon(2% 25%,50% 1%,98% 25%,96% 50%,98% 75%,97% 78%,94% 79%,90% 77%,84% 80%,53% 98%,50% 99%,47% 98%,2% 77%,1% 75%,2% 72%,3.5% 65%,4% 55%,3.5% 40%);pointer-events:none}.hex-front{background-color:var(--front-bg);transform:rotate(0);z-index:2;font-size:var(--font-size-front)}.hex-back{background-color:var(--back-bg);transform:rotateY(180deg);z-index:1;font-size:var(--font-size-back)}.hex-flipper:checked+.hex-card .hex-face-wrapper{transform:rotateY(180deg)}.hex-card:hover .hex-front{filter:brightness(.98)}.hex-face{text-align:center}.hex.accent .hex-front,.hex.accent .hex-back{background-color:var(--accent)}.hex.accent .hex-face{color:#1a1a1a}.hex.accent .hex-card{transform:scale(.1);transform-origin:center;animation:accent 1s ease-in-out 1;animation-fill-mode:forwards}@keyframes accent{0%{transform:scale(.1);transform-origin:center}to{transform:scale(1);transform-origin:center}}.hex-icon{display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden}.hex-icon img{width:auto;max-height:65%}.hex-link a{position:static;color:var(--accent);text-decoration:none;pointer-events:auto}.hex-link a:after{content:"";width:100%;height:100%;display:block;position:absolute;inset:0}.hex-card,.hex-card *,.hex{-webkit-tap-highlight-color:transparent}.hex-card:focus,.hex-card:focus-visible,.hex-card:active,.hex-flipper:focus,.hex-flipper:focus-visible{outline:none}.hex-card{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-appearance:none;appearance:none;backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0)}.hex-flipper:not(:disabled)+.hex-card{cursor:pointer}.hex-content .hex-animation:after{content:"";display:block;position:absolute;bottom:0;right:5%;width:20%;height:20%;z-index:10;animation:pointerMove 5s 0s ease-in-out;background:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='100%25' height='100%25' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='1.5' clip-rule='evenodd' version='1.1' viewBox='0 0 80 115'%3E%3Cpath fill='%23fff' stroke='%23000' stroke-width='5.5' d='M41 112 29 86 3 108V3l73 74-34 3 11 26-12 6Z'/%3E%3C/svg%3E") no-repeat center;opacity:0;pointer-events:none}@keyframes pointerMove{0%{bottom:-10%;transform:translate(0);opacity:0}22%{transform:skewY(0) scaleY(1);bottom:20%;opacity:1}25%{bottom:20%;transform:skewY(-6deg) scaleY(.7);opacity:1}33%{bottom:20%;transform:skewY(0) scaleY(1);opacity:1}72%{bottom:20%;transform:skewY(0) scaleY(1);opacity:1}75%{bottom:20%;transform:skewY(-6deg) scaleY(.7);opacity:1}83%{bottom:20%;transform:skewY(0) scaleY(1);opacity:1}to{bottom:-10%;opacity:0}}.hex-content .hex-animation:before{content:"";display:block;position:absolute;bottom:28%;right:10.5%;width:22.6%;height:20%;z-index:10;border:2px solid #000000;border-radius:50%;animation:click 2.5s 1.35s ease-out 2;opacity:0;pointer-events:none}@keyframes click{0%{transform:scale(.2);opacity:1}60%{transform:scale(1);opacity:0}}.hex-content.hex-animation .hex-face-wrapper{animation:rotate 3.5s 1.5s ease-in-out}@keyframes rotate{0%{transform:rotateY(0)}40%{transform:rotateY(180deg)}65%{transform:rotateY(180deg)}to{transform:rotateY(0)}}