.mm-sh {
  --mm-hero-styled: 1;
  --mm-sh-color: #fff;
  --mm-sh-panel: #302822;
  --mm-sh-content-width: 75%;
  color: var(--mm-sh-color);
  background: var(--mm-sh-panel);
  width: 100%;
  min-width: 0;
}
.mm-sh, .mm-sh * { box-sizing: border-box; }
.mm-sh__stage { position: relative; isolation: isolate; }
.mm-sh__image { display: block; line-height: 0; }
.mm-sh .mm-sh__image img { display: block; width: 100%; max-width: none; height: auto; border: 0; border-radius: 0; object-fit: cover; object-position: center center; }
.mm-sh .mm-sh__content {
  display: grid;
  width: 100%;
  max-width: none;
  margin: 0;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
  gap: 30px;
  padding: 0;
  background: var(--mm-sh-panel);
}
.mm-sh__column { min-width: 0; display: flex; flex-direction: column; gap: var(--mm-sh-block-gap, 30px); }
.mm-sh .mm-sh__block {
  margin: 0;
  padding: 0;
  min-width: 0;
  max-width: none;
  color: inherit;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: manual;
  text-wrap: wrap;
  text-align: left;
}
.mm-sh .mm-sh__heading { font-family: inherit; font-size: clamp(26px, 2.6vw, 40px); font-weight: 400; line-height: 1.16; white-space: nowrap; overflow-wrap: normal; }
.mm-sh .mm-sh__heading b, .mm-sh .mm-sh__heading strong { font-weight: 700; }
.mm-sh .mm-sh__body { font-size: 14px; line-height: 1.4; font-weight: 500; }
.mm-sh .mm-sh__closing .mm-sh__text { padding-top: 10px; }
.mm-sh .mm-sh__block p { margin: 0 0 1.2em; padding: 0; color: inherit; font: inherit; }
.mm-sh .mm-sh__block p:last-child { margin-bottom: 0; }
.mm-sh .mm-sh__block ul, .mm-sh .mm-sh__block ol { margin: 0 0 1em; padding-left: 1.4em; }
.mm-sh .mm-sh__block a { color: inherit; text-decoration: underline; }
.mm-sh .mm-sh__block a:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.mm-sh[data-layout="flow"] .mm-sh__stage { min-height: var(--mm-sh-height, 540px); }
.mm-sh[data-layout="flow"] .mm-sh__image { position: absolute; inset: 0; }
.mm-sh[data-layout="flow"] .mm-sh__image img { height: 100%; }
.mm-sh[data-layout="flow"] .mm-sh__content { position: relative; display: flex; flex-direction: column; gap: var(--mm-sh-block-gap, 30px); padding-bottom: 75px; background: transparent; }
.mm-sh[data-layout="flow"] .mm-sh__column { width: var(--mm-sh-content-width); max-width: 90%; margin-inline: auto; }
.mm-sh[data-layout="overlay"] .mm-sh__stage, .mm-sh[data-layout="measuring"] .mm-sh__stage { height: var(--mm-sh-height); }
.mm-sh[data-layout="overlay"] .mm-sh__image, .mm-sh[data-layout="measuring"] .mm-sh__image { position: absolute; inset: 0; }
.mm-sh[data-layout="overlay"] .mm-sh__image img, .mm-sh[data-layout="measuring"] .mm-sh__image img { width: 100%; height: 100%; object-fit: cover; object-position: var(--mm-sh-x, 50%) var(--mm-sh-y, 50%); }
.mm-sh[data-layout="overlay"] .mm-sh__content, .mm-sh[data-layout="measuring"] .mm-sh__content { position: absolute; inset: 0; display: block; width: 100%; max-width: none; margin: 0; padding: 0; background: transparent; }
.mm-sh[data-layout="overlay"] .mm-sh__column, .mm-sh[data-layout="measuring"] .mm-sh__column { display: contents; }
.mm-sh[data-layout="overlay"] .mm-sh__block, .mm-sh[data-layout="measuring"] .mm-sh__block { position: absolute; left: var(--mm-sh-left); top: var(--mm-sh-top); width: var(--mm-sh-width); }
.mm-sh[data-layout="overlay"] .mm-sh__body::before, .mm-sh[data-layout="measuring"] .mm-sh__body::before { content: ""; display: block; float: right; width: 100%; height: var(--mm-sh-shape-height); shape-outside: var(--mm-sh-shape); shape-margin: var(--mm-sh-shape-gap); }
.mm-sh[data-layout="overlay"] .mm-sh__column[data-side="right"] .mm-sh__body::before, .mm-sh[data-layout="measuring"] .mm-sh__column[data-side="right"] .mm-sh__body::before { float: left; }
.mm-sh[data-layout="measuring"] .mm-sh__content { visibility: hidden; }
.mm-sh__debug { display: none; position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 2; }
.mm-sh[data-editor="1"][data-debug="1"][data-layout="overlay"] .mm-sh__debug { display: block; }
.mm-sh__debug polygon { fill: #ff815f22; stroke: #ff815f; stroke-width: 2; vector-effect: non-scaling-stroke; }
.mm-sh .mm-sh__status { margin: 0; padding: 8px 12px; font: 12px/1.5 sans-serif; color: #222; background: #fff3d9; }
