/**
 * Who we are (/v3/who-we-are): standalone marketing main — no Elementor / WP asset bridge.
 */
#ke-who-we-are-root {
  /* visible: avoid clipping long copy when inner blocks use negative offsets; horizontal bleed is rare here */
  overflow-x: visible;
  font-family: "Montserrat", system-ui, sans-serif;
  max-width: none;
}

/* Normal document flow + padding: counters any stray overlap when sibling sections stack. */
#ke-who-we-are-root .hero-container {
  position: relative;
  z-index: 2;
  padding-top: 100px;
  padding-bottom: 48px;
  padding-left: 24px;
  padding-right: 24px;
}

#ke-who-we-are-root .ticker-wrapper {
  position: relative;
  z-index: 1;
  margin-top: 0;
  padding-top: 80px;
  padding-bottom: 80px;
  padding-left: 24px;
  padding-right: 24px;
}

#ke-who-we-are-root .story-section {
  padding-left: 24px;
  padding-right: 24px;
}

/* Process timeline icons: keep glyph visible on hover (same issue as former #ke-about-wp-root bridge). */
#ke-who-we-are-root .process-sec .t-item.th-o:hover .t-icon,
#ke-who-we-are-root .process-sec .t-item.th-g:hover .t-icon {
  background: #ffffff !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.12) !important;
}

#ke-who-we-are-root .process-sec .t-item.th-o:hover .t-icon {
  border-color: var(--c-orange, #ed5024) !important;
  color: var(--c-orange, #ed5024) !important;
  box-shadow:
    0 14px 34px rgba(237, 80, 36, 0.22),
    0 0 0 1px rgba(237, 80, 36, 0.12) inset !important;
}

#ke-who-we-are-root .process-sec .t-item.th-g:hover .t-icon {
  border-color: var(--c-green, #22ae60) !important;
  color: var(--c-green, #22ae60) !important;
  box-shadow:
    0 14px 34px rgba(34, 174, 96, 0.22),
    0 0 0 1px rgba(34, 174, 96, 0.12) inset !important;
}

#ke-who-we-are-root .process-sec .t-item:hover .t-icon i,
#ke-who-we-are-root .process-sec .t-item:hover .t-icon .fa-solid {
  color: inherit !important;
}

#ke-who-we-are-root .process-sec .t-item:hover .t-icon svg {
  fill: currentColor !important;
  color: inherit !important;
}

#ke-who-we-are-root .process-sec .t-item.th-o:hover .t-icon {
  transform: scale(1.15) rotate(10deg) !important;
}

#ke-who-we-are-root .process-sec .t-item.th-g:hover .t-icon {
  transform: scale(1.15) rotate(-10deg) !important;
}

@media screen and (max-width: 768px) {
  #ke-who-we-are-root .process-sec .t-item.th-o:hover .t-icon,
  #ke-who-we-are-root .process-sec .t-item.th-g:hover .t-icon {
    transform: translateY(-50%) scale(1.12) rotate(0deg) !important;
  }
}