.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));display:inline-block}.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%}