:where([data-etch-element="container"]) {
  inline-size: 100%;
  display: flex;
  flex-direction: column;
  max-inline-size: var(--content-width, 1366px);
  align-self: center; margin-inline: auto;
}
:where([data-etch-element="flex-div"]) {
  inline-size: 100%;
  display: flex;
  flex-direction: column;
}
:where([data-etch-element="iframe"]) {
  inline-size: 100%;
  height: auto;
 aspect-ratio: 16/9;
}
:where([data-etch-element="section"]) {
  inline-size: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.st-tiles {
  
  display: grid;
  gap: calc(var(--st-gap) * 2);
  padding: 0;
  background-color: var(--st-surface-muted);

}
.st-tiles__grid {
  
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--st-gap);

  @media (width < 60em) {
    grid-template-columns: minmax(0, 1fr);
  }

}
.st-tile {
  
  position: relative;
  display: grid;
  overflow: hidden;
  color: var(--white);
  text-align: center;
  &:hover .st-tile__image, &:focus-visible .st-tile__image { scale: 1.03; }

}
.st-tile__media {
  
  grid-area: 1 / 1;
  margin: 0;
  aspect-ratio: 3 / 2;
  overflow: hidden;

}
.st-tile__image {
  
  display: block;
  inline-size: 100%;
  block-size: 100%;
  max-inline-size: none;
  object-fit: cover;
  object-position: center;
  transition: scale .7s ease-out;

}
.st-tile__content {
  
  position: absolute;
  inset: 0 0 auto;
  padding: calc(var(--space-s) * 1.83) var(--st-pad) var(--st-pad);

}
.st-tile__title {
  
  margin: 0 0 var(--st-pad-s);
  max-inline-size: none;
  color: var(--white);
  font-size: var(--st-display-l);
  font-weight: 700;
  line-height: 1;
  letter-spacing: var(--st-tracking);
  text-transform: uppercase;

  @media (width < 40em) {
    font-size: calc(var(--h1) * 0.8);
  }

}
.st-dot {
  
  color: var(--primary);

}
.st-tile__sub {
  
  margin: 0;
  max-inline-size: none;
  color: var(--white);
  font-size: var(--st-text-body);
  font-weight: 300;
  line-height: 1.3;

}
.st-promos__grid {
  
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--st-gap);

  @media (width < 60em) {
    grid-template-columns: minmax(0, 1fr);
  }

}
.st-promo {
  
  position: relative;
  display: grid;
  overflow: hidden;
  color: var(--white);
  text-align: center;
  &:hover .st-tile__image, &:focus-within .st-tile__image { scale: 1.03; }

}
.st-promo__content {
  
  position: absolute;
  inset: 0;
  justify-content: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--st-pad);
  & > .btn--primary + .btn--primary { margin-block-start: var(--st-pad-s); }

}
.st-promo__title {
  
  margin-block-end: var(--st-pad-s);

}
.st-promo__sub {
  
  margin-block-end: var(--st-pad-s);

}
.st-promo--offset-l {
  
  & .st-promo__content { padding-block-end: calc(var(--space-s) * 4.7 + var(--st-pad)); }

}
.st-promo--offset-m {
  
  & .st-promo__content { padding-block-end: calc(var(--space-s) * 3.5 + var(--st-pad)); }

}
.mm-hero {
  background: var(--base-dark); color: var(--white);
  & .mm-eyebrow { color: var(--accent); }
}
.mm-hero__grid {
  display: grid; grid-template-columns: var(--grid-auto-2); gap: var(--container-gap); align-items: center; width: 100%;
}
.mm-hero__content {
  display: flex; flex-direction: column; align-items: flex-start; gap: var(--content-gap);
}
.mm-eyebrow {
  font-size: var(--text-s); font-weight: 700; text-transform: uppercase; color: var(--primary);
}
.mm-hero__title {
  font-size: var(--h1); color: var(--white);
}
.mm-hero__lede {
  font-size: var(--text-l); color: var(--text-light-muted);
}
.mm-hero__actions {
  display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-m);
}
.mm-hero__link {
  color: var(--white); text-decoration: underline; text-underline-offset: var(--border-width);
}
.mm-hero__media {
  margin: 0; aspect-ratio: 4 / 3; border-radius: var(--radius-xl); overflow: hidden;
}
.mm-hero__image {
  display: block; width: 100%; height: 100%; object-fit: cover;
}
.mm-pillars {
  background: var(--base-ultra-light);
}
.mm-section-head {
  display: flex; flex-direction: column; gap: var(--space-xs); max-width: var(--width-60);
}
.mm-section-head__title {
  font-size: var(--h2); color: var(--base-dark);
}
.mm-grid {
  display: grid; grid-template-columns: var(--grid-auto-3); gap: var(--grid-gap); width: 100%;
}
.mm-card {
  display: flex; flex-direction: column; gap: var(--space-s); padding: var(--space-l); background: var(--white); border-radius: var(--radius-l); border-block-start: var(--border-width) solid var(--primary);
}
.mm-card__title {
  font-size: var(--h4); color: var(--base-dark);
}
.mm-card__text {
  color: var(--text-dark-muted);
}
.mm-steps {
  list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: var(--grid-auto-4); gap: var(--grid-gap); width: 100%; counter-reset: mm-step;
}
.mm-step {
  counter-increment: mm-step; display: flex; flex-direction: column; gap: var(--space-xs); padding-block-start: var(--space-s); border-block-start: var(--border-width) solid var(--base-light);
  &::before { content: counter(mm-step, decimal-leading-zero); font-size: var(--h2); font-weight: 700; color: var(--primary); }
}
.mm-step__title {
  font-size: var(--h4); color: var(--base-dark);
}
.mm-step__text {
  color: var(--text-dark-muted);
}
.mm-quote {
  background: var(--primary-dark); color: var(--white);
}
.mm-quote__block {
  margin: 0; padding: 0; background: none; border: none; display: flex; flex-direction: column; gap: var(--space-m); max-width: var(--width-80);
}
.mm-quote__text {
  font-size: var(--h3); color: var(--white);
}
.mm-quote__cite {
  font-style: normal; color: var(--text-light-muted);
}
.mm-cta {
  background: var(--accent-ultra-light);
}
.mm-cta__inner {
  display: flex; flex-direction: column; align-items: center; text-align: center; gap: var(--content-gap); max-width: var(--width-60); margin-inline: auto;
}
.mm-cta__title {
  font-size: var(--h2); color: var(--base-dark);
}
.mm-cta__text {
  font-size: var(--text-l); color: var(--text-dark-muted);
}