.mch{--mch-text: #111113;--mch-muted: #55565c;--mch-line: #e6e6e8;--mch-accent: #111113;display:block;overflow:hidden;background:var(--mch-background, #fff);color:var(--mch-text);font-family:Poppins,var(--font-body--family),Arial,sans-serif}.mch *,.mch *:before,.mch *:after{box-sizing:border-box}.mch__stage{display:grid;width:min(100%,1440px);height:clamp(360px,29vw,460px);grid-template-columns:minmax(0,29fr) minmax(420px,42fr) minmax(0,29fr);margin:0 auto;overflow:hidden;border-bottom:1px solid var(--mch-line)}.mch__collage{display:grid;min-width:0;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);grid-template-rows:1.08fr .78fr 1.14fr;gap:4px;padding:4px;overflow:hidden;background:#fff}.mch__mobile-banner{display:none}.mch__tile{position:relative;min-width:0;min-height:0;overflow:hidden;border-radius:4px;background:#ececed}.mch__tile--a{grid-column:1 / -1}.mch__tile--b{grid-column:1}.mch__tile--c{grid-column:2}.mch__tile--d{grid-column:1}.mch__tile--e{grid-column:2}.mch__tile--custom{grid:1 / 1 / -1 / -1}.mch__tile img{display:block;width:100%;height:100%;object-fit:cover}.mch__tile--a img{object-position:center 42%}.mch__tile--d img{object-position:center 48%}.mch__collage--right .mch__tile--a img{object-position:center 54%}.mch__collage--right .mch__tile--e img{object-position:64% center}.mch--banner .mch__stage{background:var(--mch-background, #fff) var(--mch-banner) center / 100% auto no-repeat}.mch--banner .mch__collage{background:transparent}.mch__play{position:absolute;top:50%;left:50%;display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:#18191bb3;color:#fff;transform:translate(-50%,-50%)}.mch__play svg{width:17px;height:17px;margin-left:2px;fill:currentColor}.mch__content{position:relative;z-index:2;display:grid;align-content:center;justify-items:center;min-width:0;padding:34px 34px 30px;background:var(--mch-background, #fff);text-align:center}.mch__eyebrow{margin-bottom:8px;color:var(--mch-muted);font-size:12px;font-weight:500;text-transform:uppercase}.mch__content h1{max-width:520px;margin:0;font-size:clamp(38px,3.35vw,52px);font-weight:600;line-height:1.04;letter-spacing:0}.mch__content p{max-width:390px;margin:16px 0 0;color:var(--mch-muted);font-size:13px;line-height:1.55}.mch__stats{display:grid;width:min(100%,430px);grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:28px}.mch__stat{display:grid;align-content:start;gap:7px}.mch__stat strong{font-size:clamp(25px,2.2vw,34px);font-weight:600;line-height:1}.mch__stat span{color:#34353a;font-size:12px;font-weight:400;line-height:1.25}.mch__platforms{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:26px}.mch__platform{display:inline-flex;min-height:34px;align-items:center;gap:7px;padding:0 13px;border:1px solid #ececef;border-radius:6px;background:#fff;box-shadow:0 3px 12px #1212140f;color:#27282c;font-size:12px;font-weight:500}.mch__platform svg{width:16px;height:16px;fill:currentColor}.mch__platform--youtube svg{color:red}.mch__platform--instagram svg{color:#e1306c}@media(max-width:989px){.mch__stage{grid-template-columns:minmax(0,25fr) minmax(360px,50fr) minmax(0,25fr)}.mch__content{padding-inline:24px}}@media(max-width:749px){.mch__stage{display:block;min-height:0;height:auto}.mch__collage{display:none}.mch--banner .mch__stage{background-image:none}.mch--banner .mch__mobile-banner{height:auto}.mch--banner .mch__mobile-banner img{height:auto;object-fit:contain}.mch__mobile-banner{display:block;height:178px;overflow:hidden;background:#eef0f1}.mch__mobile-banner img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 42%}.mch__content{min-height:0;padding:30px 20px 28px;text-align:left}.mch__eyebrow{display:none}.mch__content h1{max-width:320px;font-size:31px;line-height:1.06}.mch__content p{max-width:310px;margin-top:13px;font-size:12px;line-height:1.5}.mch__stats{width:min(100%,330px);gap:12px;margin-top:23px}.mch__stat{gap:5px}.mch__stat strong{font-size:24px}.mch__stat span{font-size:12px}.mch__platforms{justify-content:flex-start;gap:8px;margin-top:21px}.mch__platform{min-height:36px;padding:0 10px;font-size:12px}.mch__platform svg{width:15px;height:15px}}@media(max-width:390px){.mch__mobile-banner{height:150px}.mch__content{padding-inline:16px}.mch__content h1{font-size:28px}.mch__platform{padding-inline:8px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/monsga-creator-hero.css.map */