/* CMS additions only. The approved stylesheet, including Stats, is untouched. */
.about-story-inner.is-text-only { grid-template-columns: minmax(0, 1fr); }
.about-story-inner.is-text-only .about-story-content { max-width: 860px; }
.about-hero-content, .about-story-content, .about-connect .inner-content,
.about-approach-item, .about-final-cta .inner-content { min-width: 0; overflow-wrap: anywhere; }
.about-final-cta .button { white-space: normal; text-align: center; }
.header-menu-item { position: relative; display: flex; align-items: center; }
.header-menu-item > a { height: 100%; }
.ha-submenu { display: none; position: absolute; top: 100%; left: 0; min-width: 230px; padding: 8px 16px; background: #fff; box-shadow: 0 4px 18px rgba(22,48,88,.12); }
.ha-submenu .header-menu-item { display: block; }
.ha-submenu a { display: flex; padding: 10px 0; }
.ha-submenu .ha-submenu { top: 0; left: 100%; }
.header-menu-item:hover > .ha-submenu,
.header-menu-item:focus-within > .ha-submenu,
.header-menu-item.is-submenu-open > .ha-submenu { display: block; }
.ha-submenu-toggle { border: 0; background: transparent; color: inherit; cursor: pointer; padding: 4px; }
.header-menu-item:has(> .ha-submenu-toggle) > a > .icon { display: none; }
.ha-footer-legal { display: flex; gap: 16px; flex-wrap: wrap; }
.header-logo .brand-logo .inner-image,
.footer-logo .brand-logo .inner-image { max-height: 60px; object-fit: contain; }
.ecosystem-center .brand-logo .inner-image { max-height: 64px; object-fit: contain; }
.about-hero { background-image: linear-gradient(90deg, rgba(255,255,255,.99) 0%, rgba(255,255,255,.94) 46%, rgba(255,255,255,.26) 70%, rgba(255,255,255,.04) 100%), var(--about-hero-image, url('../images/hero-background.png')); }
@media (max-width: 991.98px) {
  .header-menu-item { display: block; }
  .ha-submenu { position: static; box-shadow: none; }
  .ha-submenu-toggle { position: absolute; right: 0; top: 10px; }
  .about-hero { background-image: linear-gradient(90deg, rgba(255,255,255,.99) 0%, rgba(255,255,255,.94) 56%, rgba(255,255,255,.44) 82%, rgba(255,255,255,.18) 100%), var(--about-hero-image, url('../images/hero-background.png')); }
}
@media (max-width: 767.98px) {
  .about-hero { background-image: linear-gradient(90deg, rgba(255,255,255,.99) 0%, rgba(255,255,255,.94) 68%, rgba(255,255,255,.7) 100%), var(--about-hero-image, url('../images/hero-background.png')); }
}
@media (max-width: 575.98px) {
  .header-logo .brand-logo .inner-image { max-height: 52px; }
}