.mbh-about-page { overflow: clip; }
.mbh-about-page .mbh-section { padding-block: 56px; }
.mbh-about-hero { background: linear-gradient(135deg, #fff8f4 0%, #f6f6f4 68%); }
.mbh-about-hero-grid { display: grid; gap: 34px; align-items: center; }
.mbh-about-hero-copy { max-width: 660px; }
.mbh-about-hero h1 { font-size: clamp(2.45rem, 11vw, 3.75rem); }
.mbh-about-lead { max-width: 620px; font-size: 1.08rem; }
.mbh-about-hero-media { overflow: visible; border: 1px solid rgba(21,21,21,.08); border-radius: var(--mbh-radius); background: #fff; box-shadow: var(--mbh-shadow); }
.mbh-about-hero-media img,
.mbh-about-hero-media .mbh-image-placeholder { width: 100%; height: auto; border-radius: inherit; object-fit: initial; }
.mbh-about-hero-media .mbh-image-placeholder { min-height: 260px; }
.mbh-about-reading { max-width: 780px; }
.mbh-about-reading h2 { margin-bottom: 24px; }
.mbh-about-story { background: var(--mbh-white); }
.mbh-about-story .mbh-prose { font-size: 1.04rem; }
.mbh-about-story-grid { display: grid; gap: 34px; align-items: center; }
.mbh-about-story-media { margin: 0; }
.mbh-about-story-media img { display: block; width: 100%; height: auto; border-radius: var(--mbh-radius); object-fit: initial; }
.mbh-story-highlights { display: grid; gap: 14px; margin-top: 38px; }
.mbh-story-highlight { display: flex; align-items: flex-start; gap: 15px; padding-block: 14px; border-top: 1px solid rgba(21,21,21,.09); }
.mbh-story-highlight h3 { margin: 0 0 5px; font-size: 1.08rem; }
.mbh-story-highlight p { margin: 0; color: var(--mbh-muted); }
.mbh-about-family { background: var(--mbh-guarantees-bg); }
.mbh-about-section-header { max-width: 780px; margin: 0 auto 34px; text-align: center; }
.mbh-family-grid { display: grid; gap: 16px; }
.mbh-family-card { padding: 24px 22px; border-top: 2px solid rgba(226,82,24,.22); background: transparent; }
.mbh-family-card h3 { font-size: 1.28rem; }
.mbh-family-card p { margin: 0; }
.mbh-about-icon { display: grid; flex: 0 0 46px; width: 46px; height: 46px; margin-bottom: 16px; place-items: center; border-radius: 50%; color: var(--mbh-orange); background: #fff1ea; }
.mbh-about-icon svg { width: 24px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
.mbh-about-closing { max-width: 760px; margin: 34px auto 0; color: var(--mbh-dark); font-size: 1.2rem; font-weight: 600; text-align: center; }
.mbh-about-reviews { text-align: center; }
.mbh-about-reviews h2 { margin-bottom: 34px; }
.mbh-about-reviews-content { min-width: 0; }
.mbh-about-faq-section { background: #fafafa; }
.mbh-about-faq-wrap { max-width: 900px; }
.mbh-about-faq-header { margin-bottom: 30px; }
.mbh-faq { border-top: 1px solid var(--mbh-border); }
.mbh-faq-item { border-bottom: 1px solid var(--mbh-border); }
.mbh-faq-item h3 { margin: 0; }
.mbh-faq-question { display: flex; width: 100%; min-height: 60px; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 4px; border: 0; color: var(--mbh-dark); background: transparent; cursor: pointer; font-family: var(--mbh-heading-font); font-size: 1.03rem; font-weight: 600; line-height: 1.35; text-align: left; }
.mbh-faq-symbol { position: relative; flex: 0 0 22px; width: 22px; height: 22px; }
.mbh-faq-symbol::before,
.mbh-faq-symbol::after { content: ""; position: absolute; top: 10px; left: 4px; width: 14px; height: 2px; background: var(--mbh-orange); }
.mbh-faq-symbol::after { transform: rotate(90deg); transition: transform 180ms ease; }
.mbh-faq-question[aria-expanded="true"] .mbh-faq-symbol::after { transform: rotate(0); }
.mbh-faq-answer { padding: 0 38px 19px 4px; }
.mbh-faq.is-enhanced .mbh-faq-answer[hidden] { display: none; }
.mbh-about-cta { color: var(--mbh-white); background: linear-gradient(135deg, var(--mbh-cta-bg), #bd3e0d); }
.mbh-about-cta-inner { text-align: center; }
.mbh-about-cta .mbh-eyebrow { color: #ffe1d4; }
.mbh-about-cta h2 { color: var(--mbh-white); }
.mbh-about-cta .mbh-prose { max-width: 760px; margin-inline: auto; }
.mbh-about-cta .mbh-actions { justify-content: center; }
.mbh-about-button-ghost { color: var(--mbh-white); border-color: rgba(255,255,255,.8); }
.mbh-about-button-ghost:hover { color: var(--mbh-dark); background: var(--mbh-white); }

@media (max-width: 479px) {
  .mbh-about-cta .mbh-actions { display: grid; }
  .mbh-about-cta .mbh-button { width: 100%; }
}

@media (min-width: 768px) {
  .mbh-about-page .mbh-section { padding-block: 72px; }
  .mbh-about-hero-grid { grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: clamp(42px, 6vw, 82px); }
  .mbh-about-story-grid { grid-template-columns: minmax(0, 1.12fr) minmax(320px, .88fr); gap: clamp(42px, 6vw, 76px); }
  .mbh-story-highlights { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; margin-top: 48px; }
  .mbh-family-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
}

@media (min-width: 1025px) {
  .mbh-about-page .mbh-section { padding-block: 60px; }
  .mbh-about-hero { padding-block: 76px 60px; }
  .mbh-about-story { padding-block: 56px 60px; }
  .mbh-about-family { padding-block: 56px; }
  .mbh-about-reviews { padding-block: 56px; }
  .mbh-about-faq-section { padding-block: 56px 60px; }
  .mbh-about-cta { padding-block: 60px; }
  .mbh-about-story-grid { grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr); gap: clamp(38px, 4.5vw, 62px); }
  .mbh-story-highlights { margin-top: 40px; }
  .mbh-about-reviews h2:last-child { margin-bottom: 0; }
  .mbh-about-hero-media .mbh-image-placeholder { min-height: 430px; }
}

@media (prefers-reduced-motion: reduce) {
  .mbh-faq-symbol::after { transition: none; }
}