.mx-hero{position:relative;background:var(--mx-cream, #fff8f4);padding-top:32px;padding-bottom:0;overflow:hidden}.mx-hero__grid{display:grid;grid-template-columns:1fr;gap:32px;align-items:center;min-height:auto;padding-top:32px;padding-bottom:32px}@media(min-width:990px){.mx-hero__grid{grid-template-columns:1.1fr 1fr;gap:48px;min-height:80vh;padding-top:48px;padding-bottom:48px}}.mx-hero__copy{display:flex;flex-direction:column;gap:24px}.mx-hero__chip{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:6px 12px;background:#0a17170a;border:1px solid rgba(10,23,23,.12);border-radius:999px;font-size:12px;font-weight:600}.mx-hero__dot{width:8px;height:8px;background:#2f7a3d;border-radius:999px}.mx-hero__lede{max-width:500px}.mx-hero__ctas{display:flex;gap:12px;flex-wrap:wrap}.mx-hero__stats{display:flex;gap:32px;margin-top:24px;flex-wrap:wrap}@media(max-width:749px){.mx-hero__copy{min-width:0}.mx-hero__stats{display:flex;flex-wrap:nowrap;gap:28px;margin-top:20px;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;min-width:0;max-width:100%;scroll-snap-type:x proximity}.mx-hero__stats::-webkit-scrollbar{display:none}.mx-hero__stat{flex:0 0 auto;scroll-snap-align:start}.mx-hero__stat-h,.mx-hero__stat-s{white-space:nowrap}}.mx-hero__stat-h{font-family:var(--font-display, "Gopher", system-ui, sans-serif);font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1}.mx-hero__stat-s{font-size:13px;color:#0a171799;margin-top:4px}.mx-hero__collage{position:relative;height:60vh;min-height:480px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:14px}@media(min-width:990px){.mx-hero__collage{height:72vh;min-height:560px}}.mx-hero__tile{position:relative;border-radius:24px;overflow:hidden;display:flex;align-items:center;justify-content:center}.mx-hero__tile-doodle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:115%;height:115%;object-fit:contain;opacity:.18;filter:saturate(.3);mix-blend-mode:multiply}.mx-hero__tile-bottle{position:relative;width:92%;height:auto;max-height:96%;object-fit:contain;filter:drop-shadow(0 18px 24px rgba(10,23,23,.22))}.mx-hero__tile-label{position:absolute;top:18px;left:0;right:0;text-align:center;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mx-ink, #0a1717);opacity:.75}
/*# sourceMappingURL=/cdn/shop/t/7/assets/muxum-hero.css.map */