.ma-benefits-hex{--ma-hex-w: 212px;--ma-hex-h: calc(var(--ma-hex-w) * 190 / 212);--ma-hex-col: calc(var(--ma-hex-w) * 164 / 212);--ma-hex-drop: calc(var(--ma-hex-h) / 2);--ma-hex-fill: #f28c52;--ma-hex-stroke: #d4733b;overflow:hidden}.ma-benefits-hex__header{display:flex;flex-direction:column;gap:10px;max-width:900px}.ma-benefits-hex__eyebrow{color:var(--ma-clay)}.ma-benefits-hex__heading{font-size:clamp(32px,2.8vw,40px);color:var(--ma-ink)}.ma-benefits-hex__intro{font-family:var(--ma-font-body);font-size:clamp(16px,1.4vw,20px);line-height:var(--ma-lh-body);margin:0;max-width:62ch;color:var(--ma-ink)}.ma-benefits-hex__stage{position:relative;display:flex;justify-content:center;margin-top:calc(var(--ma-hex-w) * 99 / 212 + 24px)}.ma-benefits-hex__cluster{position:relative;width:calc(var(--ma-hex-col) * 2 + var(--ma-hex-w))}.ma-benefits-hex__grid{position:relative;list-style:none;margin:0;padding:0;width:calc(var(--ma-hex-col) * 2 + var(--ma-hex-w));height:calc(var(--ma-hex-drop) + var(--ma-hex-h) * 2)}.ma-benefits-hex__cell{position:absolute;width:var(--ma-hex-w);height:var(--ma-hex-h)}.ma-benefits-hex__cell:nth-child(1){left:0;top:0}.ma-benefits-hex__cell:nth-child(2){left:var(--ma-hex-col);top:var(--ma-hex-drop)}.ma-benefits-hex__cell:nth-child(3){left:calc(var(--ma-hex-col) * 2);top:0}.ma-benefits-hex__cell:nth-child(4){left:0;top:var(--ma-hex-h)}.ma-benefits-hex__cell:nth-child(5){left:var(--ma-hex-col);top:calc(var(--ma-hex-drop) + var(--ma-hex-h))}.ma-benefits-hex__cell:nth-child(6){left:calc(var(--ma-hex-col) * 2);top:var(--ma-hex-h)}.ma-benefits-hex__tile{position:relative;width:100%;height:100%}.ma-benefits-hex__shape{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.ma-benefits-hex__shape path{fill:var(--ma-hex-fill);stroke:var(--ma-hex-stroke);stroke-width:3;vector-effect:non-scaling-stroke}.ma-benefits-hex__face{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.ma-benefits-hex__content{display:flex;flex-direction:column;align-items:center;gap:12px;width:90%;text-align:center;color:var(--ma-clay)}.ma-benefits-hex__icon{display:block;width:calc(var(--ma-hex-w) * 40 / 212);height:calc(var(--ma-hex-w) * 40 / 212)}.ma-benefits-hex__icon svg,.ma-benefits-hex__icon img{display:block;width:100%;height:100%}.ma-benefits-hex__label{font-family:var(--ma-font-display);font-size:calc(var(--ma-hex-w) * 16 / 212);line-height:1.25;letter-spacing:.04em;color:var(--ma-clay)}.ma-benefits-hex__molecule{position:absolute;left:calc(var(--ma-hex-w) * 144 / 212);top:calc(var(--ma-hex-w) * -99 / 212);width:calc(var(--ma-hex-w) * 246 / 212);height:calc(var(--ma-hex-w) * 181 / 212);pointer-events:none;z-index:0}.ma-benefits-hex__sparkle{position:absolute;width:22px;height:22px;pointer-events:none}.ma-benefits-hex__sparkle svg{width:100%;height:100%;display:block}.ma-benefits-hex__sparkle--1{left:12%;top:2%}.ma-benefits-hex__sparkle--2{right:6%;top:-4%;width:18px;height:18px}.ma-benefits-hex__sparkle--3{right:10%;bottom:14%;width:18px;height:18px}.ma-benefits-hex__sparkle--4{left:2%;bottom:-2%;width:20px;height:20px}@media screen and (max-width:1199px){.ma-benefits-hex{--ma-hex-w: 180px}}@media screen and (max-width:989px){.ma-benefits-hex{--ma-hex-w: 160px}}@media screen and (max-width:749px){.ma-benefits-hex{--ma-hex-w: 140px}.ma-benefits-hex__stage{margin-top:32px}.ma-benefits-hex__molecule,.ma-benefits-hex__sparkle--2,.ma-benefits-hex__sparkle--3{display:none}}@media screen and (max-width:419px){.ma-benefits-hex{--ma-hex-w: 126px}}@media screen and (min-width:750px){.ma-benefits-hex__grid{margin-block:33px}}.ma-benefits-hex__tile{scale:.94}@media screen and (max-width:749px){.ma-benefits-hex__header,.ma-benefits-hex__intro{text-align:center;align-items:center;margin-inline:auto}.ma-benefits-hex{--ma-hex-w: 128px}.ma-benefits-hex__molecule{display:block}.ma-benefits-hex__stage{margin-top:64px}}@media screen and (max-width:749px){.ma-benefits-hex__stage{margin-top:104px}.ma-benefits-hex__label{font-size:11px;line-height:1.15;white-space:normal;max-width:80%;text-align:center}.ma-benefits-hex__icon{width:22px;height:22px}}@media screen and (min-width:750px)and (max-width:989px){.ma-benefits-hex{--ma-hex-w: 196px}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/section-ma-benefits-hex-v2.css.map */