.moonou-hm__wrapper{background-color:var(--mhm-bg, transparent);position:relative;z-index:1}.moonou-hm{display:grid;grid-template-columns:var(--mhm-ratio, 1fr 1fr);grid-template-rows:auto 1fr;gap:var(--mhm-gap, 24px);padding-top:var(--mhm-pt, 72px);padding-bottom:var(--mhm-pb, 24px)}.moonou-hm__heading{grid-column:1;grid-row:1;font-size:var(--mhm-heading-fs, 48px);font-weight:var(--mhm-heading-fw, 400);line-height:var(--mhm-heading-lh, 1.1);letter-spacing:-.01em;color:var(--mhm-heading-color, inherit);margin:0;align-self:end;padding-bottom:var(--mhm-heading-gap, 0px)}.moonou-hm__media{overflow:hidden;position:relative}.moonou-hm__media--left{grid-column:1;grid-row:2;border-radius:var(--mhm-radius-left, 12px);aspect-ratio:var(--mhm-aspect-left, auto)}.moonou-hm__media--right{grid-column:2;grid-row:1 / -1;align-self:stretch;border-radius:var(--mhm-radius-right, 12px);margin-bottom:calc(-1 * var(--mhm-right-extend, 0px))}.moonou-hm__media--right.has-aspect-ratio{align-self:start;aspect-ratio:var(--mhm-aspect-right)}.moonou-hm__media-inner{height:100%;overflow:hidden}.moonou-hm__media img,.moonou-hm__media video,.moonou-hm__media iframe{display:block;width:100%;height:100%;object-fit:cover}.moonou-hm__media .media,.moonou-hm__media .deferred-media{height:100%}.moonou-hm__media video-media{height:100%}.moonou-hm__media video-media img{height:100%;object-fit:cover}.moonou-hm__media .placeholder{width:100%;height:100%;min-height:200px}@media(max-width:767px){.moonou-hm__hide-mobile{display:none!important}}@media(max-width:767px){.moonou-hm{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:var(--mhm-gap-m, 16px);padding-top:var(--mhm-pt-m, 40px);padding-bottom:var(--mhm-pb-m, 16px)}.moonou-hm__heading{grid-column:1;grid-row:2;font-size:var(--mhm-heading-fs-m, 32px);align-self:start}.moonou-hm__media--left{grid-column:1;grid-row:3;border-radius:var(--mhm-radius-left-m, 12px);aspect-ratio:var(--mhm-aspect-left-m, var(--mhm-aspect-left, auto))}.moonou-hm__media--right{grid-column:1;grid-row:1;align-self:start;border-radius:var(--mhm-radius-right-m, 12px);margin-bottom:calc(-1 * var(--mhm-right-extend-m, 0px));aspect-ratio:var(--mhm-aspect-right-m, var(--mhm-aspect-right, auto))}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/moonou-hero-media.css.map */