.iwpb-module,
.iwpb-public {
  --iw-page-bg-color: #fff;
  --iw-page-fg-color: #111827;
  color: #111827;
  font-family: var(--mis-font-body, Montserrat, Arial, sans-serif);
}

.iwpb-builder-form {
  margin: 0;
}

.iwpb-builder-host {
  min-height: 26rem;
}

.iwpb-savebar {
  align-items: center;
  background: rgba(255, 255, 255, 0.94);
  bottom: 1rem;
  box-shadow: 0 18px 45px rgba(17, 24, 39, 0.18);
  display: inline-flex;
  gap: 0.5rem;
  left: 50%;
  padding: 0.5rem;
  position: fixed;
  transform: translateX(-50%);
  width: max-content;
  z-index: 200500;
}

.iwpb-savebar button {
  appearance: none;
  border: 0;
  cursor: pointer;
  font: inherit;
  font-size: 0.78rem;
  font-weight: 900;
  min-height: 2.6rem;
  padding: 0 1rem;
  text-transform: uppercase;
}

.iwpb-savebar__cancel {
  background: #fff;
  color: #293042;
}

.iwpb-savebar__save {
  background: #e5e7eb;
  color: #697386;
}

.iwpb-savebar__save.is-dirty {
  background: #bd993f;
  color: #111827;
}

.iwpb-savebar__save:disabled {
  cursor: default;
}

.iwpb-savebar__status {
  color: #697386;
  font-size: 0.72rem;
  font-weight: 850;
  padding-inline: 0.5rem;
}

.iwpb-savebar__status.is-dirty {
  color: #9b191a;
}

.iwpb-loading {
  align-content: center;
  background: #f7f8fa;
  border: 1px dashed rgba(41, 48, 66, 0.22);
  color: #293042;
  display: grid;
  gap: 0.25rem;
  min-height: 18rem;
  padding: 2rem;
  text-align: center;
}

.iwpb-loading strong {
  font-size: 1rem;
  font-weight: 900;
}

.iwpb-loading span {
  color: #697386;
}

.iwpb-loading--error strong {
  color: #9b191a;
}

.iw-page-builder-section {
  --iw-page-bg-color: #fff;
  --iw-page-fg-color: #111827;
  background-color: var(--iw-page-bg-color);
  background-image: var(--iw-page-bg-image, none);
  background-position: var(--iw-page-bg-position, center);
  background-size: cover;
  box-sizing: border-box;
  color: var(--iw-page-fg-color);
  margin-block: var(--iw-page-margin-top, 0) var(--iw-page-margin-bottom, 24px);
  margin-inline: auto;
  max-width: 1120px;
  padding: var(--iw-page-padding-y, 56px) var(--iw-page-padding-x, 40px);
  position: relative;
  width: 100%;
}

.iw-page-builder-section--dark {
  --iw-page-bg-color: #111827;
  --iw-page-fg-color: #fff;
}

.iw-page-builder-section--accent {
  --iw-page-bg-color: #f3f8f2;
  --iw-page-fg-color: #172015;
}

.iw-page-builder-section[data-width="full"] {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  max-width: none;
  width: 100vw;
}

.iw-page-builder-section[data-width="custom"] {
  max-width: var(--iw-page-custom-width, 1120px);
}

.iw-page-builder-section__bg-video,
.iw-page-builder-section__overlay {
  inset: 0;
  pointer-events: none;
  position: absolute;
}

.iw-page-builder-section__bg-video {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.iw-page-builder-section__overlay {
  background: var(--iw-page-overlay-color, #000);
  opacity: var(--iw-page-overlay-opacity, 0);
}

.iw-page-builder-section__copy,
.iw-page-builder-section__slots,
.iw-page-builder-section__slot {
  position: relative;
  z-index: 1;
}

.iw-page-builder-section__copy {
  display: grid;
  gap: 0.85rem;
  justify-items: start;
}

.iw-page-builder-section--center .iw-page-builder-section__copy {
  justify-items: center;
  text-align: center;
}

.iw-page-builder-section--right .iw-page-builder-section__copy {
  justify-items: end;
  text-align: right;
}

.iw-page-builder-section__slots {
  display: grid;
  gap: clamp(1rem, 2vw, 1.75rem);
  grid-template-columns: repeat(var(--iw-page-columns, 1), minmax(0, 1fr));
}

.iw-page-builder-section__slots[data-preset="1"] {
  grid-template-columns: minmax(0, 1fr);
}

.iw-page-builder-section__slots[data-preset="2"] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.iw-page-builder-section__slots[data-preset="3"] {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.iw-page-builder-section__slots[data-preset="4"] {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.iw-page-builder-section__slots[data-preset="left-wide"] {
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}

.iw-page-builder-section__slots[data-preset="right-wide"] {
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
}

.iw-page-builder-section__slot {
  align-content: start;
  display: grid;
  gap: 0.85rem;
}

.iw-page-builder-section__eyebrow {
  color: #9b191a;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.iw-page-builder-section--dark .iw-page-builder-section__eyebrow {
  color: #e8bc53;
}

.iw-page-builder-section h2 {
  color: inherit;
  font-family: var(--mis-font-heading, Georgia, serif);
  font-size: clamp(2rem, 4vw, 4.5rem);
  font-weight: 650;
  line-height: 0.98;
  margin: 0;
}

.iw-page-builder-section p,
.iw-page-builder-section__richtext {
  color: color-mix(in srgb, currentColor 78%, transparent);
  font-size: clamp(1rem, 1.35vw, 1.18rem);
  line-height: 1.7;
  margin: 0;
  max-width: 68ch;
}

.iw-page-builder-section__cta {
  align-items: center;
  background: #bd993f;
  color: #111827;
  display: inline-flex;
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  min-height: 2.85rem;
  padding: 0.85rem 1.1rem;
  text-decoration: none;
  text-transform: uppercase;
}

.iw-page-builder-section__media {
  margin: 0;
  width: min(100%, 42rem);
}

.iw-page-builder-section__media img {
  aspect-ratio: 4 / 3;
  display: block;
  height: auto;
  object-fit: cover;
  width: 100%;
}

.iw-page-builder-section__quote {
  color: inherit;
  font-family: var(--mis-font-heading, Georgia, serif);
  font-size: clamp(1.6rem, 2.5vw, 3rem);
  line-height: 1.08;
  margin: 0;
}

.iw-page-builder-section__divider {
  border: 0;
  border-top: 1px solid color-mix(in srgb, currentColor 18%, transparent);
  margin: 0.5rem 0;
  width: min(100%, 42rem);
}

.iw-page-builder-compound {
  display: grid;
  gap: 0.8rem;
  width: 100%;
}

.iw-page-builder-compound details,
.iw-page-builder-compound article,
.iw-page-builder-compound__panel {
  background: color-mix(in srgb, currentColor 4%, transparent);
  border: 1px solid color-mix(in srgb, currentColor 14%, transparent);
  box-sizing: border-box;
  padding: 0.9rem;
}

.iw-page-builder-compound__tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.iw-page-builder-compound__tabs span {
  border-bottom: 2px solid #bd993f;
  font-size: 0.72rem;
  font-weight: 900;
  padding: 0.42rem 0.55rem;
  text-transform: uppercase;
}

.iw-page-builder-home-section {
  box-sizing: border-box;
  margin: 0;
  max-width: none;
  width: 100%;
}

.iw-page-builder-home-section[data-width="full"] {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  width: 100vw;
}

.mis-split-pane .iw-page-builder-home-section[data-width="full"] {
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  width: 100%;
}

.iw-page-builder-home-section .iw-block__inner {
  box-sizing: border-box;
  width: 100%;
}

.iw-public-mosaic {
  box-sizing: border-box;
  display: grid;
  gap: var(--iw-block-tile-gap, 10px);
  height: var(--iw-block-height, 75vh);
  min-height: 22rem;
  padding: var(--iw-block-outer-padding, 0);
  width: 100%;
}

.iw-public-mosaic[data-tile-gap="false"] {
  gap: 0;
  padding: 0;
}

.iw-public-mosaic[data-layout="single"] {
  grid-template-columns: minmax(0, 1fr);
}

.iw-public-mosaic[data-layout="single"] .iw-public-mosaic__tile:not(:first-child) {
  display: none;
}

.iw-public-mosaic[data-layout="feature-left-4"] {
  grid-template-columns: minmax(0, 2fr) repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

.iw-public-mosaic[data-layout="feature-left-4"] .iw-public-mosaic__tile[data-slot="1"] {
  grid-row: 1 / span 2;
}

.iw-public-mosaic__tile {
  background: #f3f4f6;
  min-width: 0;
  overflow: hidden;
  position: relative;
}

.iw-public-mosaic[data-rounded-corners="true"] .iw-public-mosaic__tile {
  border-radius: 8px;
}

.iw-public-mosaic__picture,
.iw-public-mosaic__media {
  display: block;
  height: 100%;
  width: 100%;
}

.iw-public-mosaic__media {
  object-fit: cover;
}

.iw-public-mosaic__tile-link {
  inset: 0;
  position: absolute;
  z-index: 2;
}

.iw-public-mosaic__overlay {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  inset: 0;
  justify-content: center;
  padding: var(--iw-overlay-padding, 10px);
  pointer-events: none;
  position: absolute;
  z-index: 3;
}

.iw-public-mosaic__overlay[data-overlay-bg]:not([data-overlay-bg="none"])::before {
  background: var(--iw-overlay-bg, #111827);
  border-radius: var(--iw-overlay-radius, 0);
  content: "";
  height: var(--iw-overlay-height, auto);
  opacity: var(--iw-overlay-opacity, 0.35);
  position: absolute;
  width: var(--iw-overlay-width, auto);
}

.iw-public-mosaic__overlay[data-position="center-left"] {
  justify-content: flex-start;
}

.iw-public-mosaic__overlay[data-position="center-right"] {
  justify-content: flex-end;
}

.iw-public-mosaic__overlay[data-position^="bottom-"] {
  align-items: flex-end;
}

.iw-public-mosaic__overlay[data-position="bottom-left"] {
  justify-content: flex-start;
}

.iw-public-mosaic__overlay[data-position="bottom-right"] {
  justify-content: flex-end;
}

.iw-public-mosaic__overlay-content {
  max-width: 100%;
  position: relative;
  z-index: 1;
}

.iw-public-mosaic__overlay-content p {
  color: inherit;
  margin: 0;
}

.iw-public-mosaic__overlay-content p:first-child {
  font-family: var(--mis-font-heading, Georgia, serif);
  font-size: clamp(2.5rem, 4.6vw, 5.6rem);
  font-weight: 650;
  line-height: 1;
  max-width: 12ch;
  text-shadow: 0 3px 20px rgba(0, 0, 0, 0.42);
}

.iw-public-mosaic__overlay-content p + p {
  font-size: clamp(1rem, 1.35vw, 1.35rem);
  font-weight: 900;
  margin-top: 0.65rem;
  text-shadow: 0 2px 15px rgba(0, 0, 0, 0.44);
}

.mis-img-heading {
  --misih-gold: #bd9943;
  --misih-gold-light: #e8bc53;
  --misih-text: #fff;
  --misih-muted: rgba(255, 255, 255, 0.9);
  --misih-serif: "Bodoni Moda", Georgia, "Times New Roman", serif;
  --misih-sans: "Montserrat", Arial, Helvetica, sans-serif;
  box-sizing: border-box;
  color: var(--misih-text);
  font-family: var(--misih-sans);
  margin: 0;
  max-width: 100%;
  padding: clamp(0.8rem, 1.6vw, 1.4rem);
  text-align: center;
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.55), 0 10px 34px rgba(0, 0, 0, 0.36);
  width: min(86vw, 62rem) !important;
}

.mis-img-heading__list {
  color: var(--misih-muted);
  display: grid;
  font-family: var(--misih-sans);
  font-size: clamp(1.25rem, 2.4vw, 2.1rem);
  font-weight: 900;
  gap: 0.12rem;
  letter-spacing: 0;
  line-height: 1.15;
  list-style: none;
  margin: 0;
  padding: 0;
}

.iw-page-builder-section--misg-why,
.iwb-section[data-type="misg-why"] {
  --misg-red: #c02020;
  --misg-red-dark: #8f1414;
  --misg-gold: #bd9943;
  --misg-gold-light: #e8bc53;
  --misg-text: #171210;
  --misg-muted: #625956;
  --misg-divider: rgba(189, 153, 67, 0.34);
  --misg-serif: var(--mis-font-heading, "Bodoni Moda", Georgia, "Times New Roman", serif);
  --misg-sans: var(--mis-font-body, "Montserrat", Arial, Helvetica, sans-serif);
  background: #fff;
  color: var(--misg-text);
  font-family: var(--misg-sans);
  overflow: hidden;
  padding: var(--iw-page-padding-y, clamp(30px, 3vw, 50px)) var(--iw-page-padding-x, 0);
}

.iwb-section[data-type="misg-why"] {
  padding: var(--iwb-padding-y, 56px) var(--iwb-padding-x, 24px);
}

.iw-page-builder-section--misg-why *,
.iw-page-builder-section--misg-why *::before,
.iw-page-builder-section--misg-why *::after,
.iwb-section[data-type="misg-why"] *,
.iwb-section[data-type="misg-why"] *::before,
.iwb-section[data-type="misg-why"] *::after {
  box-sizing: border-box;
}

.misg_why_wrap {
  margin: 0 auto;
  width: min(1760px, calc(100% - 28px));
}

.misg_why_header {
  margin: 0 auto 24px;
  max-width: 780px;
  text-align: center;
}

.misg_why_eyebrow {
  align-items: center;
  color: var(--misg-gold);
  display: inline-flex;
  font-family: var(--misg-sans);
  font-size: 9px;
  font-weight: 700;
  gap: 11px;
  justify-content: center;
  letter-spacing: 0.24em;
  line-height: 1;
  margin-bottom: 9px;
  text-transform: uppercase;
}

.misg_why_eyebrow::before,
.misg_why_eyebrow::after {
  background: var(--misg-gold-light);
  content: "";
  height: 1px;
  opacity: 0.8;
  width: 42px;
}

.misg_why_title,
.misg_why_header h2 {
  color: var(--misg-text);
  font-family: var(--misg-serif);
  font-size: clamp(28px, 2.55vw, 46px);
  font-weight: 600;
  letter-spacing: -0.055em;
  line-height: 1.02;
  margin: 0;
}

.misg_why_title span,
.misg_why_header h2 span {
  color: var(--misg-red) !important;
}

.misg_why_intro,
.misg_why_header p {
  color: var(--misg-muted);
  font-family: var(--misg-sans);
  font-size: 12.4px;
  font-weight: 400;
  line-height: 1.56;
  margin: 13px auto 0;
  max-width: 640px;
}

.misg_why_strip {
  border: 0 !important;
  margin: 0 auto;
  width: min(1500px, 100%);
}

.misg_why_grid {
  background: #fff;
  border: 0 !important;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.misg_why_card {
  align-items: center;
  background: #fff;
  border-bottom: 0 !important;
  border-top: 0 !important;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 210px;
  padding: 10px 32px 12px;
  position: relative;
  text-align: center;
  transition: transform 0.25s ease;
}

.misg_why_card:not(:last-child)::after {
  background: var(--misg-divider);
  content: "";
  height: calc(100% - 52px);
  position: absolute;
  right: 0;
  top: 26px;
  width: 1px;
}

.misg_why_card:hover {
  transform: translateY(-2px);
  z-index: 2;
}

.misg_why_icon_wrap {
  align-items: center;
  background: transparent;
  border: 0;
  display: flex;
  flex: 0 0 auto;
  height: 134px;
  justify-content: center;
  margin: 0 auto 6px;
  position: relative;
  width: 210px;
}

.misg_why_icon {
  display: block;
  object-fit: contain;
  object-position: center center;
}

.misg_why_icon_1 {
  height: 134px;
  width: 194px;
}

.misg_why_icon_2 {
  height: 130px;
  width: 180px;
}

.misg_why_icon_3 {
  height: 134px;
  width: 188px;
}

.misg_why_icon_4 {
  height: 128px;
  width: 162px;
}

.misg_why_icon_placeholder {
  align-items: center;
  border: 1px dashed rgba(189, 153, 67, 0.45);
  color: var(--misg-gold);
  display: inline-flex;
  height: 72px;
  justify-content: center;
  width: 72px;
}

.misg_why_card h3 {
  align-items: center;
  color: var(--misg-text);
  display: flex;
  font-family: var(--misg-serif);
  font-size: clamp(16.5px, 0.92vw, 18px);
  font-weight: 600;
  justify-content: center;
  letter-spacing: 0;
  line-height: 1.08;
  margin: 0 0 6px;
  min-height: 38px;
}

.misg_why_card p {
  color: var(--misg-muted);
  font-size: 11.6px;
  font-weight: 400;
  line-height: 1.48;
  margin: 0 auto;
  max-width: 300px;
}

.misg_why_cta_wrap {
  display: flex;
  justify-content: center;
  margin: 22px auto 0;
}

.misg_why_cta {
  align-items: center;
  background: var(--misg-red);
  border: 1px solid var(--misg-red);
  color: #fff !important;
  display: inline-flex;
  font-family: var(--misg-sans);
  font-size: 11px;
  font-weight: 700;
  justify-content: center;
  letter-spacing: 0;
  line-height: 1;
  min-height: 42px;
  padding: 12px 24px;
  text-decoration: none !important;
  text-transform: uppercase;
  transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}

.misg_why_cta:hover,
.misg_why_cta:focus {
  background: var(--misg-red-dark);
  border-color: var(--misg-red-dark);
  box-shadow: 0 14px 34px rgba(95, 12, 12, 0.14);
  color: #fff !important;
  transform: translateY(-2px);
}

.iwb-card-media-button {
  align-items: center;
  background: rgba(17, 24, 39, 0.86);
  border: 0;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font: inherit;
  font-size: 0.68rem;
  font-weight: 850;
  gap: 0.3rem;
  inset: auto 0 0 auto;
  min-height: 1.8rem;
  padding: 0.35rem 0.5rem;
  position: absolute;
  text-transform: uppercase;
  z-index: 4;
}

.iwb-card-media-button:hover,
.iwb-card-media-button:focus {
  background: #bd993f;
  color: #111827;
}

@media (max-width: 1024px) {
  .iw-public-mosaic[data-layout="feature-left-4"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }

  .iw-public-mosaic[data-layout="feature-left-4"] .iw-public-mosaic__tile[data-slot="1"] {
    grid-column: 1 / -1;
    grid-row: 1;
  }

  .iw-page-builder-section__slots {
    grid-template-columns: repeat(var(--iw-page-tablet-columns, 2), minmax(0, 1fr));
  }

  .misg_why_wrap {
    width: min(1180px, calc(100% - 36px));
  }

  .misg_why_strip {
    width: min(1080px, 100%);
  }

  .misg_why_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 18px;
  }

  .misg_why_card {
    min-height: 218px;
    padding: 14px 30px 16px;
  }

  .misg_why_card:nth-child(2)::after {
    display: none;
  }
}

@media (max-width: 767px) {
  .iw-public-mosaic {
    height: auto;
    min-height: 0;
  }

  .iw-public-mosaic[data-layout="single"] {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: none;
  }

  .iw-public-mosaic[data-layout="feature-left-4"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto;
  }

  .iw-public-mosaic[data-layout="single"] .iw-public-mosaic__tile {
    aspect-ratio: 4 / 3;
  }

  .iw-public-mosaic[data-layout="feature-left-4"] .iw-public-mosaic__tile[data-slot="1"] {
    aspect-ratio: 16 / 10;
    grid-column: 1 / 3;
    grid-row: auto;
  }

  .iw-public-mosaic[data-layout="feature-left-4"] .iw-public-mosaic__tile:not([data-slot="1"]) {
    aspect-ratio: 16 / 11;
    grid-column: auto;
    grid-row: auto;
  }

  .iw-public-mosaic__overlay-content p:first-child {
    font-size: clamp(2rem, 12vw, 3.5rem);
  }

  .iw-page-builder-section {
    background-image: var(--iw-page-mobile-bg-image, var(--iw-page-bg-image, none));
    padding-inline: min(var(--iw-page-padding-x, 40px), 24px);
  }

  .iw-page-builder-section__slots {
    grid-template-columns: repeat(var(--iw-page-mobile-columns, 1), minmax(0, 1fr));
  }

  .iw-page-builder-section--misg-why,
  .iwb-section[data-type="misg-why"] {
    padding-block: 34px 40px;
  }

  .misg_why_wrap {
    width: min(100% - 24px, 100%);
  }

  .misg_why_header {
    margin-bottom: 22px;
  }

  .misg_why_eyebrow {
    font-size: 9px;
    gap: 9px;
    letter-spacing: 0.18em;
  }

  .misg_why_eyebrow::before,
  .misg_why_eyebrow::after {
    width: 28px;
  }

  .misg_why_title,
  .misg_why_header h2 {
    font-size: clamp(27px, 8vw, 36px);
    line-height: 1.04;
  }

  .misg_why_intro,
  .misg_why_header p {
    font-size: 12.4px;
    line-height: 1.58;
    margin-top: 12px;
  }

  .misg_why_grid {
    grid-template-columns: 1fr;
    row-gap: 14px;
  }

  .misg_why_card {
    min-height: auto;
    padding: 14px 18px 16px;
  }

  .misg_why_card::after,
  .misg_why_card:not(:last-child)::after {
    display: none;
  }

  .misg_why_icon_wrap {
    height: 128px;
    margin-bottom: 6px;
    width: 198px;
  }

  .misg_why_icon_1 {
    height: 126px;
    width: 184px;
  }

  .misg_why_icon_2 {
    height: 122px;
    width: 170px;
  }

  .misg_why_icon_3 {
    height: 126px;
    width: 178px;
  }

  .misg_why_icon_4 {
    height: 120px;
    width: 154px;
  }

  .misg_why_card h3 {
    font-size: 18px;
    margin-bottom: 7px;
    min-height: auto;
  }

  .misg_why_card p {
    font-size: 12px;
    line-height: 1.55;
    max-width: 310px;
  }

  .misg_why_cta {
    font-size: 10.5px;
    max-width: 100%;
    min-height: 42px;
    padding: 12px 22px;
    width: auto;
  }
}

/* ---- MIS.MarketingBlocks helpers ---- */
.mis-mb-public { display: block; }

/* Keep the skin's split-pane height chain intact: the pane sizes its module
   wrappers to 100%, and this extra wrapper must pass that height through so
   single-image blocks fill the pane edge-to-edge like page-builder ones do. */
.mis-split-pane .mis-mb-public {
  box-sizing: border-box;
  height: 100%;
  min-width: 0;
  width: 100%;
}

@media (max-width: 1100px) {
  .mis-split-pane .mis-mb-public {
    height: auto;
    min-height: 0;
  }
}
.mis-mb-empty,
.mis-mb-edit-note {
  padding: 18px 20px;
  border: 1px dashed rgba(0,0,0,.2);
  border-radius: 10px;
  font-family: Arial, Helvetica, sans-serif;
  color: #555;
}
.mis-mb-empty strong,
.mis-mb-edit-note strong { display:block; margin-bottom:4px; color:#222; }

/* ---- "Why MISG" block type (misg-why) ------------------------------------
   Exact copy of the original hand-written HTML module's CSS, scoped under
   .mis-mb-public so it overrides the older shared misg_why rules above. */
.mis-mb-public .misg_why_section {
  --misg-red: #c02020;
  --misg-red-dark: #8f1414;
  --misg-gold: #bd9943;
  --misg-gold-light: #e8bc53;
  --misg-text: #171210;
  --misg-muted: #625956;
  --misg-divider: rgba(189, 153, 67, 0.34);
  --misg-serif: "Bodoni Moda", Georgia, "Times New Roman", serif;
  --misg-sans: "Montserrat", Arial, Helvetica, sans-serif;

  background: #ffffff;
  padding: clamp(30px, 3vw, 50px) 0;
  color: var(--misg-text);
  font-family: var(--misg-sans);
  position: relative;
  overflow: hidden;
}

.mis-mb-public .misg_why_section *,
.mis-mb-public .misg_why_section *::before,
.mis-mb-public .misg_why_section *::after {
  box-sizing: border-box;
}

.mis-mb-public .misg_why_section .misg_why_wrap {
  width: min(1760px, calc(100% - 28px));
  margin: 0 auto;
}

.mis-mb-public .misg_why_section .misg_why_header {
  max-width: 780px;
  margin: 0 auto 24px;
  text-align: center;
}

.mis-mb-public .misg_why_section .misg_why_eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  color: var(--misg-gold);
  font-family: var(--misg-sans);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  margin-bottom: 9px;
}

.mis-mb-public .misg_why_section .misg_why_eyebrow::before,
.mis-mb-public .misg_why_section .misg_why_eyebrow::after {
  content: "";
  width: 42px;
  height: 1px;
  background: var(--misg-gold-light);
  opacity: 0.8;
}

.mis-mb-public .misg_why_section .misg_why_title {
  margin: 0;
  font-family: var(--misg-serif);
  font-size: clamp(28px, 2.55vw, 46px);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.055em;
  color: var(--misg-text);
  text-transform: none;
}

.mis-mb-public .misg_why_section .misg_why_title span {
  color: var(--misg-red) !important;
}

.mis-mb-public .misg_why_section .misg_why_intro {
  max-width: 640px;
  margin: 13px auto 0;
  color: var(--misg-muted);
  font-family: var(--misg-sans);
  font-size: 12.4px;
  line-height: 1.56;
  font-weight: 400;
}

.mis-mb-public .misg_why_section .misg_why_strip {
  width: min(1500px, 100%);
  margin: 0 auto;
  border: none !important;
}

.mis-mb-public .misg_why_section .misg_why_grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  background: #ffffff;
  border: none !important;
}

.mis-mb-public .misg_why_section .misg_why_card {
  position: relative;
  min-height: 210px;
  padding: 10px 32px 12px;
  text-align: center;
  background: #ffffff;
  border-top: none !important;
  border-bottom: none !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  transition: transform 0.25s ease;
}

.mis-mb-public .misg_why_section .misg_why_card:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 26px;
  right: 0;
  width: 1px;
  height: calc(100% - 52px);
  background: var(--misg-divider);
}

.mis-mb-public .misg_why_section .misg_why_card:hover {
  transform: translateY(-2px);
  z-index: 2;
}

.mis-mb-public .misg_why_section .misg_why_icon_wrap {
  width: 210px;
  height: 134px;
  margin: 0 auto 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
  flex: 0 0 auto;
}

.mis-mb-public .misg_why_section .misg_why_icon {
  display: block;
  object-fit: contain;
  object-position: center center;
}

.mis-mb-public .misg_why_section .misg_why_icon_1 {
  width: 194px;
  height: 134px;
}

.mis-mb-public .misg_why_section .misg_why_icon_2 {
  width: 180px;
  height: 130px;
}

.mis-mb-public .misg_why_section .misg_why_icon_3 {
  width: 188px;
  height: 134px;
}

.mis-mb-public .misg_why_section .misg_why_icon_4 {
  width: 162px;
  height: 128px;
}

.mis-mb-public .misg_why_section .misg_why_card h3 {
  min-height: 38px;
  margin: 0 0 6px;
  font-family: var(--misg-serif);
  color: var(--misg-text);
  font-size: clamp(16.5px, 0.92vw, 18px);
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -0.035em;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mis-mb-public .misg_why_section .misg_why_card p {
  margin: 0 auto;
  max-width: 300px;
  color: var(--misg-muted);
  font-family: var(--misg-sans);
  font-size: 11.6px;
  line-height: 1.48;
  font-weight: 400;
}

.mis-mb-public .misg_why_section .misg_why_cta_wrap {
  display: flex;
  justify-content: center;
  margin: 22px auto 0;
}

.mis-mb-public .misg_why_section .misg_why_cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 12px 24px;
  border: 1px solid var(--misg-red);
  background: var(--misg-red);
  color: #ffffff !important;
  font-family: var(--misg-sans);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.16em;
  line-height: 1;
  text-transform: uppercase;
  text-decoration: none !important;
  transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}

.mis-mb-public .misg_why_section .misg_why_cta:hover,
.mis-mb-public .misg_why_section .misg_why_cta:focus {
  background: var(--misg-red-dark);
  border-color: var(--misg-red-dark);
  color: #ffffff !important;
  transform: translateY(-2px);
  box-shadow: 0 14px 34px rgba(95, 12, 12, 0.14);
}

@media (max-width: 1280px) {
  .mis-mb-public .misg_why_section .misg_why_wrap {
    width: min(1180px, calc(100% - 36px));
  }

  .mis-mb-public .misg_why_section .misg_why_strip {
    width: min(1080px, 100%);
    border: none !important;
  }

  .mis-mb-public .misg_why_section .misg_why_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 18px;
    border: none !important;
  }

  .mis-mb-public .misg_why_section .misg_why_card {
    min-height: 218px;
    padding: 14px 30px 16px;
    border-top: none !important;
    border-bottom: none !important;
  }

  .mis-mb-public .misg_why_section .misg_why_card:nth-child(2)::after {
    display: none;
  }

  .mis-mb-public .misg_why_section .misg_why_icon_wrap {
    width: 204px;
    height: 132px;
  }

  .mis-mb-public .misg_why_section .misg_why_icon_1 {
    width: 188px;
    height: 132px;
  }

  .mis-mb-public .misg_why_section .misg_why_icon_2 {
    width: 174px;
    height: 128px;
  }

  .mis-mb-public .misg_why_section .misg_why_icon_3 {
    width: 182px;
    height: 132px;
  }

  .mis-mb-public .misg_why_section .misg_why_icon_4 {
    width: 156px;
    height: 126px;
  }

  .mis-mb-public .misg_why_section .misg_why_cta_wrap {
    margin-top: 24px;
  }
}

@media (max-width: 767px) {
  .mis-mb-public .misg_why_section {
    padding: 34px 0 40px;
  }

  .mis-mb-public .misg_why_section .misg_why_wrap {
    width: min(100% - 24px, 100%);
  }

  .mis-mb-public .misg_why_section .misg_why_header {
    margin-bottom: 22px;
  }

  .mis-mb-public .misg_why_section .misg_why_eyebrow {
    font-size: 9px;
    letter-spacing: 0.18em;
    gap: 9px;
  }

  .mis-mb-public .misg_why_section .misg_why_eyebrow::before,
  .mis-mb-public .misg_why_section .misg_why_eyebrow::after {
    width: 28px;
  }

  .mis-mb-public .misg_why_section .misg_why_title {
    font-size: clamp(27px, 8vw, 36px);
    line-height: 1.04;
  }

  .mis-mb-public .misg_why_section .misg_why_intro {
    margin-top: 12px;
    font-size: 12.4px;
    line-height: 1.58;
  }

  .mis-mb-public .misg_why_section .misg_why_strip {
    width: 100%;
    border: none !important;
  }

  .mis-mb-public .misg_why_section .misg_why_grid {
    grid-template-columns: 1fr;
    row-gap: 14px;
    border: none !important;
  }

  .mis-mb-public .misg_why_section .misg_why_card {
    min-height: auto;
    padding: 14px 18px 16px;
    border-top: none !important;
    border-bottom: none !important;
  }

  .mis-mb-public .misg_why_section .misg_why_card::after,
  .mis-mb-public .misg_why_section .misg_why_card:not(:last-child)::after {
    display: none;
  }

  .mis-mb-public .misg_why_section .misg_why_icon_wrap {
    width: 198px;
    height: 128px;
    margin-bottom: 6px;
  }

  .mis-mb-public .misg_why_section .misg_why_icon_1 {
    width: 184px;
    height: 126px;
  }

  .mis-mb-public .misg_why_section .misg_why_icon_2 {
    width: 170px;
    height: 122px;
  }

  .mis-mb-public .misg_why_section .misg_why_icon_3 {
    width: 178px;
    height: 126px;
  }

  .mis-mb-public .misg_why_section .misg_why_icon_4 {
    width: 154px;
    height: 120px;
  }

  .mis-mb-public .misg_why_section .misg_why_card h3 {
    min-height: auto;
    font-size: 18px;
    margin-bottom: 7px;
  }

  .mis-mb-public .misg_why_section .misg_why_card p {
    max-width: 310px;
    font-size: 12px;
    line-height: 1.55;
  }

  .mis-mb-public .misg_why_section .misg_why_cta_wrap {
    margin-top: 20px;
  }

  .mis-mb-public .misg_why_section .misg_why_cta {
    width: auto;
    max-width: 100%;
    min-height: 42px;
    padding: 12px 22px;
    font-size: 10.5px;
    letter-spacing: 0.14em;
  }
}

/* ---- "Logo carousel" block type (misg-logos) ------------------------------
   Converted from the hand-written Razor logo carousel; auto-scrolling strip
   of brand logos with the shared centered header. */
.mis-mb-public .mis-logo-carousel {
  --mis-logo-ink: var(--mis-shop-ink, #1f1a17);
  --mis-logo-muted: var(--mis-shop-muted, #6f6259);
  --mis-logo-red: var(--mis-shop-action, #b32317);
  --mis-logo-red-dark: var(--mis-shop-action-dark, #87190f);
  --mis-logo-gold: var(--mis-shop-gold, #b88a2a);
  --mis-logo-line: var(--mis-shop-line, #e7e0d8);
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  background: #fff;
  color: var(--mis-logo-ink);
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
}

.mis-mb-public .mis-logo-carousel *,
.mis-mb-public .mis-logo-carousel *::before,
.mis-mb-public .mis-logo-carousel *::after {
  box-sizing: border-box;
}

.mis-mb-public .mis-logo-carousel .mis-logo-carousel__inner {
  width: min(100%, 116rem);
  margin: 0 auto;
  padding: clamp(2rem, 4vw, 4.5rem) clamp(1rem, 3.5vw, 3.8rem);
  border-block: 1px solid color-mix(in oklab, var(--mis-logo-gold) 24%, transparent);
}

.mis-mb-public .mis-logo-carousel .mis-logo-carousel__header {
  max-width: 48rem;
  margin: 0 auto clamp(1.3rem, 2.8vw, 2.25rem);
  text-align: center;
}

.mis-mb-public .mis-logo-carousel .misg_why_eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  margin-bottom: 9px;
  color: var(--mis-logo-gold);
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.24em;
  line-height: 1;
  text-transform: uppercase;
}

.mis-mb-public .mis-logo-carousel .misg_why_eyebrow::before,
.mis-mb-public .mis-logo-carousel .misg_why_eyebrow::after {
  content: "";
  width: 42px;
  height: 1px;
  background: color-mix(in oklab, var(--mis-logo-gold) 82%, #fff);
  opacity: 0.9;
}

.mis-mb-public .mis-logo-carousel .misg_why_title {
  margin: 0;
  color: var(--mis-logo-ink);
  font-family: "Bodoni Moda", Georgia, "Times New Roman", serif;
  font-size: clamp(28px, 2.55vw, 46px);
  font-weight: 600;
  letter-spacing: -0.055em;
  line-height: 1.02;
  text-transform: none;
}

.mis-mb-public .mis-logo-carousel .misg_why_title span {
  color: var(--mis-logo-red) !important;
}

.mis-mb-public .mis-logo-carousel .misg_why_intro {
  max-width: 640px;
  margin: 13px auto 0;
  color: var(--mis-logo-muted);
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-size: 12.4px;
  font-weight: 400;
  line-height: 1.56;
  text-align: center;
}

.mis-mb-public .mis-logo-carousel .mis-logo-carousel__viewport {
  position: relative;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 9%, #000 91%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 9%, #000 91%, transparent);
}

.mis-mb-public .mis-logo-carousel .mis-logo-carousel__track {
  display: flex;
  width: max-content;
  min-width: 100%;
  gap: clamp(0.85rem, 1.6vw, 1.35rem);
  animation: misMbLogoScroll 38s linear infinite;
  will-change: transform;
}

.mis-mb-public .mis-logo-carousel .mis-logo-carousel__viewport:hover .mis-logo-carousel__track,
.mis-mb-public .mis-logo-carousel .mis-logo-carousel__viewport:focus-within .mis-logo-carousel__track {
  animation-play-state: paused;
}

.mis-mb-public .mis-logo-carousel .mis-logo-carousel__item {
  display: grid;
  width: clamp(9.5rem, 13vw, 14.5rem);
  min-width: clamp(9.5rem, 13vw, 14.5rem);
  aspect-ratio: 2.8 / 1;
  place-items: center;
  border: 1px solid color-mix(in oklab, var(--mis-logo-gold) 30%, transparent);
  background: #fff;
  padding: clamp(0.7rem, 1.1vw, 1rem);
  transition: border-color 160ms ease, background-color 160ms ease;
}

.mis-mb-public .mis-logo-carousel .mis-logo-carousel__item:hover {
  border-color: color-mix(in oklab, var(--mis-logo-gold) 58%, transparent);
  background: #fff;
}

.mis-mb-public .mis-logo-carousel .mis-logo-carousel__item img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  filter: saturate(0.88) contrast(1.02);
}

@keyframes misMbLogoScroll {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(calc(-50% - (clamp(0.85rem, 1.6vw, 1.35rem) / 2)));
  }
}

@media (prefers-reduced-motion: reduce) {
  .mis-mb-public .mis-logo-carousel .mis-logo-carousel__track {
    animation: none;
  }
}

@media (max-width: 767px) {
  .mis-mb-public .mis-logo-carousel .mis-logo-carousel__inner {
    padding-block: clamp(1.75rem, 7vw, 2.75rem);
  }

  .mis-mb-public .mis-logo-carousel .misg_why_eyebrow {
    gap: 9px;
    font-size: 9px;
    letter-spacing: 0.18em;
  }

  .mis-mb-public .mis-logo-carousel .misg_why_eyebrow::before,
  .mis-mb-public .mis-logo-carousel .misg_why_eyebrow::after {
    width: 28px;
  }

  .mis-mb-public .mis-logo-carousel .misg_why_title {
    font-size: clamp(27px, 8vw, 36px);
    line-height: 1.04;
  }

  .mis-mb-public .mis-logo-carousel .mis-logo-carousel__viewport {
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
    mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
  }

  .mis-mb-public .mis-logo-carousel .mis-logo-carousel__track {
    animation-duration: 32s;
  }

  .mis-mb-public .mis-logo-carousel .mis-logo-carousel__item {
    width: clamp(8.25rem, 38vw, 10.5rem);
    min-width: clamp(8.25rem, 38vw, 10.5rem);
  }
}

/* ---- "Benefits strip" block type (misg-benefits) --------------------------
   Exact copy of the original hand-written HTML module's CSS, scoped under
   .mis-mb-public. Headerless 4-item strip: icon + title + text. */
.mis-mb-public .misg_benefits_section {
  --misg-gold: #bd9943;
  --misg-gold-light: #e8bc53;
  --misg-text: #171210;
  --misg-muted: #625956;
  --misg-divider: rgba(189, 153, 67, 0.34);
  --misg-serif: "Bodoni Moda", Georgia, "Times New Roman", serif;
  --misg-sans: "Montserrat", Arial, Helvetica, sans-serif;

  background: #ffffff;
  padding: clamp(28px, 3vw, 44px) 0;
  color: var(--misg-text);
  font-family: var(--misg-sans);
  position: relative;
  overflow: hidden;
}

.mis-mb-public .misg_benefits_section *,
.mis-mb-public .misg_benefits_section *::before,
.mis-mb-public .misg_benefits_section *::after {
  box-sizing: border-box;
}

.mis-mb-public .misg_benefits_section .misg_benefits_wrap {
  width: min(1760px, calc(100% - 28px));
  margin: 0 auto;
}

.mis-mb-public .misg_benefits_section .misg_benefits_grid {
  width: min(1500px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  background: #ffffff;
}

.mis-mb-public .misg_benefits_section .misg_benefits_item {
  position: relative;
  min-height: 210px;
  padding: 10px 34px 12px;
  text-align: center;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  transition: transform 0.25s ease;
}

.mis-mb-public .misg_benefits_section .misg_benefits_item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 30px;
  right: 0;
  width: 1px;
  height: calc(100% - 60px);
  background: var(--misg-divider);
}

.mis-mb-public .misg_benefits_section .misg_benefits_item:hover {
  transform: translateY(-2px);
  z-index: 2;
}

.mis-mb-public .misg_benefits_section .misg_benefits_icon_wrap {
  width: 128px;
  height: 100px;
  margin: 0 auto 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

.mis-mb-public .misg_benefits_section .misg_benefits_icon_img {
  display: block;
  object-fit: contain;
  object-position: center center;
}

.mis-mb-public .misg_benefits_section .misg_benefits_icon_1 {
  width: 120px;
  height: 92px;
}

.mis-mb-public .misg_benefits_section .misg_benefits_icon_2 {
  width: 100px;
  height: 92px;
}

.mis-mb-public .misg_benefits_section .misg_benefits_icon_3 {
  width: 108px;
  height: 92px;
}

.mis-mb-public .misg_benefits_section .misg_benefits_icon_4 {
  width: 106px;
  height: 92px;
}

.mis-mb-public .misg_benefits_section .misg_benefits_title {
  min-height: 48px;
  margin: 0 0 9px;
  font-family: var(--misg-serif);
  color: var(--misg-text);
  font-size: clamp(20px, 1.12vw, 23px);
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -0.035em;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: none;
}

.mis-mb-public .misg_benefits_section .misg_benefits_text {
  margin: 0 auto;
  max-width: 340px;
  color: var(--misg-muted);
  font-size: 14px;
  line-height: 1.55;
  font-weight: 400;
}

/* Optional centered header (eyebrow/title/intro), same treatment as the why section */
.mis-mb-public .misg_benefits_section {
  --misg-red: #c02020;
  --misg-red-dark: #8f1414;
}

.mis-mb-public .misg_benefits_section .misg_benefits_header {
  max-width: 780px;
  margin: 0 auto 24px;
  text-align: center;
}

.mis-mb-public .misg_benefits_section .misg_why_eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  color: var(--misg-gold);
  font-family: var(--misg-sans);
  font-size: 9px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  margin-bottom: 9px;
}

.mis-mb-public .misg_benefits_section .misg_why_eyebrow::before,
.mis-mb-public .misg_benefits_section .misg_why_eyebrow::after {
  content: "";
  width: 42px;
  height: 1px;
  background: var(--misg-gold-light);
  opacity: 0.8;
}

.mis-mb-public .misg_benefits_section .misg_why_title {
  margin: 0;
  font-family: var(--misg-serif);
  font-size: clamp(28px, 2.55vw, 46px);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.055em;
  color: var(--misg-text);
  text-transform: none;
}

.mis-mb-public .misg_benefits_section .misg_why_title span {
  color: var(--misg-red) !important;
}

.mis-mb-public .misg_benefits_section .misg_why_intro {
  max-width: 640px;
  margin: 13px auto 0;
  color: var(--misg-muted);
  font-family: var(--misg-sans);
  font-size: 12.4px;
  line-height: 1.56;
  font-weight: 400;
}

@media (max-width: 1280px) {
  .mis-mb-public .misg_benefits_section .misg_benefits_wrap {
    width: min(1180px, calc(100% - 36px));
  }

  .mis-mb-public .misg_benefits_section .misg_benefits_grid {
    width: min(1080px, 100%);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 24px;
  }

  .mis-mb-public .misg_benefits_section .misg_benefits_item {
    min-height: 210px;
    padding: 14px 30px 16px;
  }

  .mis-mb-public .misg_benefits_section .misg_benefits_item:nth-child(2)::after {
    display: none;
  }

  .mis-mb-public .misg_benefits_section .misg_benefits_icon_wrap {
    width: 126px;
    height: 98px;
  }

  .mis-mb-public .misg_benefits_section .misg_benefits_icon_1 {
    width: 118px;
    height: 90px;
  }

  .mis-mb-public .misg_benefits_section .misg_benefits_icon_2 {
    width: 98px;
    height: 90px;
  }

  .mis-mb-public .misg_benefits_section .misg_benefits_icon_3 {
    width: 106px;
    height: 90px;
  }

  .mis-mb-public .misg_benefits_section .misg_benefits_icon_4 {
    width: 104px;
    height: 90px;
  }
}

@media (max-width: 767px) {
  .mis-mb-public .misg_benefits_section {
    padding: 30px 0;
  }

  .mis-mb-public .misg_benefits_section .misg_benefits_wrap {
    width: min(100% - 24px, 100%);
  }

  .mis-mb-public .misg_benefits_section .misg_benefits_header {
    margin-bottom: 22px;
  }

  .mis-mb-public .misg_benefits_section .misg_why_eyebrow {
    gap: 9px;
    font-size: 9px;
    letter-spacing: 0.18em;
  }

  .mis-mb-public .misg_benefits_section .misg_why_eyebrow::before,
  .mis-mb-public .misg_benefits_section .misg_why_eyebrow::after {
    width: 28px;
  }

  .mis-mb-public .misg_benefits_section .misg_why_title {
    font-size: clamp(27px, 8vw, 36px);
    line-height: 1.04;
  }

  .mis-mb-public .misg_benefits_section .misg_benefits_grid {
    width: 100%;
    grid-template-columns: 1fr;
    row-gap: 18px;
  }

  .mis-mb-public .misg_benefits_section .misg_benefits_item {
    min-height: auto;
    padding: 14px 18px 18px;
  }

  .mis-mb-public .misg_benefits_section .misg_benefits_item::after,
  .mis-mb-public .misg_benefits_section .misg_benefits_item:not(:last-child)::after {
    display: none;
  }

  .mis-mb-public .misg_benefits_section .misg_benefits_icon_wrap {
    width: 122px;
    height: 96px;
    margin-bottom: 10px;
  }

  .mis-mb-public .misg_benefits_section .misg_benefits_icon_1 {
    width: 114px;
    height: 88px;
  }

  .mis-mb-public .misg_benefits_section .misg_benefits_icon_2 {
    width: 96px;
    height: 88px;
  }

  .mis-mb-public .misg_benefits_section .misg_benefits_icon_3 {
    width: 102px;
    height: 88px;
  }

  .mis-mb-public .misg_benefits_section .misg_benefits_icon_4 {
    width: 100px;
    height: 88px;
  }

  .mis-mb-public .misg_benefits_section .misg_benefits_title {
    min-height: auto;
    font-size: 22px;
    margin-bottom: 8px;
  }

  .mis-mb-public .misg_benefits_section .misg_benefits_text {
    max-width: 330px;
    font-size: 14px;
    line-height: 1.55;
  }
}

/* ---- Section background styles (shared by misg-why / misg-logos / misg-benefits)
   Selected per block in the editor: white (default), the footer's gold paper
   gradient, or a custom color carried in --mis-mb-bg. Placed last so these
   override each section's base white background. */
.mis-mb-public .mis-mb-bg--paper {
  background: linear-gradient(135deg, rgba(184, 138, 42, 0.13), rgba(184, 138, 42, 0) 34rem), #f8f5ef !important;
}

.mis-mb-public .mis-mb-bg--custom {
  background: var(--mis-mb-bg, #fff) !important;
}

/* On a non-white section background, the inner card/grid surfaces go
   transparent so the tint shows through. Logo tiles keep their white boxes. */
.mis-mb-public .mis-mb-bg .misg_why_grid,
.mis-mb-public .mis-mb-bg .misg_why_card,
.mis-mb-public .mis-mb-bg .misg_benefits_grid,
.mis-mb-public .mis-mb-bg .misg_benefits_item {
  background: transparent;
}