.honeycomb-grid{grid-template-columns:repeat(auto-fit, calc(var(--s) + 2 * var(--mh)));--s:276px;--r:1;--h:.5;--v:.16;--hc:calc(clamp(0, var(--h), .5) * var(--s));--vc:calc(clamp(0, var(--v), .5) * var(--s) * var(--r));--mv:4px;--mh:calc(var(--mv) + (var(--s) - 2 * var(--hc)) / 2);--f:calc(2 * var(--s) * var(--r) + 4 * var(--mv) - 2 * var(--vc) - 2px);justify-content:center;display:grid}@media only screen and (max-width:459px){.honeycomb-grid{--s:110px}}@media only screen and (max-width:599px) and (min-width:460px){.honeycomb-grid{--s:140px}}@media only screen and (max-width:1023px) and (min-width:600px){.honeycomb-grid{--s:160px}}@media only screen and (max-width:1439px) and (min-width:1024px){.honeycomb-grid{--s:213px}}.honeycomb-container{padding-bottom:calc(var(--s) * var(--r) + var(--mv));grid-column:1/-1;margin:0 auto;font-size:0}.honeycomb-container .honeycomb-sub-container{width:var(--s);margin:var(--mv) var(--mh);height:calc(var(--s) * var(--r));font-size:initial;clip-path:url(#hexagonalShapeLarge);margin-bottom:calc(var(--mv) - var(--vc));will-change:transform;cursor:pointer;background:#fff;border:1px solid #0000000f;transition:transform .18s,box-shadow .18s,border-color .18s;display:inline-block;position:relative;box-shadow:0 10px 25px #00000014,0 0 0 1px #00000008}.honeycomb-container .honeycomb-sub-container:hover,.honeycomb-container .honeycomb-sub-container:focus-within,.honeycomb-container .honeycomb-sub-container:active{border-color:#f04e2340;transform:translateY(-3px);box-shadow:0 16px 35px #0000001f,0 0 0 1px #f04e231f}@media (prefers-reduced-motion:reduce){.honeycomb-container .honeycomb-sub-container{transition:none}}.honeycomb-container:before{content:"";width:calc(var(--s) / 2 + var(--mh));float:left;shape-outside:repeating-linear-gradient(transparent 0 calc(var(--f) - 2px), #fff 0 var(--f));height:132%}