.feature-hexes{width:100%;position:relative;isolation:isolate}.feature-hexes__inner{max-width:var(--page-width);margin:0 auto;container-type:inline-size;container-name:feature-hexes}.feature-hexes__grid{--hex-h: var(--feature-hex-size, 22rem);--hex-shape-w: calc(var(--hex-h) * .8660254037844387);--hex-edge-gap: var(--feature-hex-gap, 8px);--hex-h-gap: var(--hex-edge-gap);--hex-clip: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);--hex-row-overlap: calc(var(--hex-h) * -.25 + var(--hex-edge-gap));position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,calc(var(--hex-shape-w) / 2 + var(--hex-h-gap) / 2));justify-content:center;width:fit-content;max-width:100%;margin:0 auto;column-gap:var(--hex-h-gap);row-gap:0;padding:calc(var(--hex-edge-gap) * .5) 0}.feature-hexes__item{width:100%;height:var(--hex-h);display:flex;justify-content:center;align-items:center}.feature-hex{position:relative;display:flex;align-items:center;justify-content:center;width:var(--hex-shape-w);height:var(--hex-h);flex-shrink:0;overflow:visible;text-decoration:none;color:#fff}.feature-hex__frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:visible;transform:scale(max(.78,calc(1 - (var(--feature-hex-border-inset, 10px) * 2) / var(--hex-h))));transform-origin:center}.feature-hex__frame polygon{fill:none;stroke:#fff;stroke-width:var(--feature-hex-border-width, 2);vector-effect:non-scaling-stroke;stroke-linejoin:miter}.feature-hex__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;clip-path:var(--hex-clip);background-color:#dcdcdc}.feature-hex__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,var(--feature-hex-overlay-opacity, .15));z-index:1}.feature-hex__image,.feature-hex__placeholder{width:100%;height:100%;object-fit:cover;display:block}.feature-hex__placeholder{opacity:.55}.feature-hex__label{position:relative;z-index:2;margin:0 auto;max-width:88%;padding-inline:6%;text-align:center;text-transform:uppercase;letter-spacing:.08em;font-size:clamp(.65rem,min(calc(var(--hex-h) * .14),calc(var(--hex-shape-w) * .105)),2.65rem);line-height:1.15;overflow-wrap:break-word;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);text-shadow:0 .1rem .4rem rgba(0,0,0,.35)}@media screen and (max-width:549px){.feature-hex__label{max-width:92%;padding-inline:4%;letter-spacing:.04em;font-size:clamp(.55rem,calc(var(--hex-shape-w) * .088),1.2rem)}}@media screen and (min-width:990px){.feature-hexes__grid{width:100%;grid-template-columns:repeat(6,minmax(0,1fr));--hex-shape-w: calc((100cqi - 2 * var(--hex-h-gap)) / 3);--hex-h: calc(var(--hex-shape-w) / .8660254037844387)}.feature-hexes__item:nth-child(1){grid-column:1 / 3;grid-row:1;margin-top:0}.feature-hexes__item:nth-child(2){grid-column:3 / 5;grid-row:1;margin-top:0}.feature-hexes__item:nth-child(3){grid-column:5 / 7;grid-row:1;margin-top:0}.feature-hexes__item:nth-child(4){grid-column:2 / 4;grid-row:2;margin-top:var(--hex-row-overlap)}.feature-hexes__item:nth-child(5){grid-column:4 / 6;grid-row:2;margin-top:var(--hex-row-overlap)}.feature-hexes__item:nth-child(n+6){grid-column:span 2;margin-top:var(--hex-row-overlap)}}@media screen and (max-width:989px){.feature-hexes__grid{width:100%;grid-template-columns:repeat(4,minmax(0,1fr));--hex-shape-w: calc((100cqi - var(--hex-h-gap)) / 2);--hex-h: calc(var(--hex-shape-w) / .8660254037844387)}.feature-hexes__item:nth-child(1){grid-column:1 / 3;grid-row:1;margin-top:0}.feature-hexes__item:nth-child(2){grid-column:3 / 5;grid-row:1;margin-top:0}.feature-hexes__item:nth-child(3){grid-column:2 / 4;grid-row:2;margin-top:var(--hex-row-overlap)}.feature-hexes__item:nth-child(4){grid-column:1 / 3;grid-row:3;margin-top:var(--hex-row-overlap)}.feature-hexes__item:nth-child(5){grid-column:3 / 5;grid-row:3;margin-top:var(--hex-row-overlap)}.feature-hexes__item:nth-child(n+6){grid-column:span 2;justify-self:center;margin-top:var(--hex-row-overlap)}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-feature-hexes.css.map */