/* ============================================================
   ABOUT PAGE — LAYOUT
   ============================================================ */

/* Strip Astra container padding */
body.mf-about .site-main,
body.mf-about #main {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
  overflow-x: hidden !important;
}

/* Override Astra container on about page */
body.mf-about .ast-container {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Frosted glass box — tightly wraps text only */
body.mf-about .mf-page-hero__glass {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.07) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(78, 205, 196, 0.3) !important;
  border-radius: var(--radius-lg) !important;
  padding: 24px 32px !important;
  box-shadow: var(--shadow-deep) !important;
}

/* Body section — full width background */
.mf-about-body-section {
  width: 100% !important;
  padding: 64px 0 80px !important;
  background: var(--color-white-wave) !important;
  box-sizing: border-box !important;
}

/* Tabs wrapper — constrained to match home page */
.mf-tabs-wrapper {
  max-width: 1152px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

/* Hero background image position — about page specific */
body.mf-about .mf-page-hero {
  background-position: center 26% !important;
}

/* Mobile padding override */
@media (max-width: 768px) {
  body.mf-about .mf-tabs-wrapper {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
}