.mh-explainer{--mh-explainer-gutter: 16px;padding-top:var(--mh-explainer-padding-top, 48px);padding-bottom:var(--mh-explainer-padding-bottom, 48px);background:var(--mh-explainer-bg, #F8F7F7)}.mh-explainer__inner{display:flex;flex-direction:column;gap:40px;box-sizing:border-box;width:100%;max-width:var(--site-max-width, 1600px);margin:0 auto;padding:0 var(--mh-explainer-gutter)}.mh-explainer__media{position:relative;overflow:hidden;border-radius:16px;aspect-ratio:358 / 284}.mh-explainer__image{display:block;width:100%;height:100%;object-fit:cover}.mh-explainer__image--default{position:absolute;top:50%;left:58.38%;width:139.66%;max-width:none;height:auto;transform:translate(-50%,-50%)}.mh-explainer__content{display:flex;flex-direction:column;gap:24px;min-width:0}.mh-explainer__heading{display:flex;flex-direction:column;gap:8px}.mh-explainer__title{margin:0;color:#161413;font-family:Canela,serif;font-size:2.8rem;font-weight:400;line-height:1.2;letter-spacing:-.015em}.mh-explainer__text{max-width:520px;margin:0;color:#3d3834;font-family:Inter,sans-serif;font-size:17px;font-weight:400;line-height:1.65}.mh-explainer__stats{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none}.mh-explainer__stat{display:flex;flex-direction:column;gap:4px;padding:24px;border-radius:12px;background:#efedeb;color:#161413;text-align:center;overflow-wrap:break-word}.mh-explainer__stat-figure{font-family:Canela,serif;font-size:6.4rem;font-weight:400;line-height:1.1;letter-spacing:-.02em}.mh-explainer__stat-text{font-family:Inter,sans-serif;font-size:16px;font-weight:500;line-height:1.6}.mh-explainer__footnote{max-width:280px;margin:0;color:#9c948b;font-family:Inter,sans-serif;font-size:12px;font-weight:400;line-height:1.4}@media(min-width:768px){.mh-explainer__inner{align-items:center}.mh-explainer__media,.mh-explainer__content{width:100%;max-width:720px}.mh-explainer__media{aspect-ratio:16 / 9}.mh-explainer__title{font-size:4rem}.mh-explainer__stats{flex-direction:row}.mh-explainer__stat{flex:1 1 0;min-width:0}.mh-explainer__footnote{max-width:520px}}@media(min-width:1200px){.mh-explainer{--mh-explainer-gutter: 6.4rem}.mh-explainer__inner{flex-direction:row;gap:64px}.mh-explainer__media,.mh-explainer__content{flex:1 1 0;max-width:none}.mh-explainer__media{aspect-ratio:358 / 284}.mh-explainer__content{max-width:560px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/mh-explainer.css.map */