/**
 * Moyo About Page — Styles
 *
 * File: masterstudy-child/inc/pages/about/about.css
 * All colors use moyo-brand.css variables — zero hardcoded values.
 * BEM naming: .moyo-about-{section}__{element}--{modifier}
 *
 * Sections:
 *   0. Hide parent theme title box + breadcrumbs (our hero has its own)
 *   1. Hero
 *   2. Mission / Vision
 *   3. Core Values
 *   4. Team
 *   5. Stats / Achievements
 *   6. Partners / Certifications
 *   7. Scroll Reveal Stagger
 *   8. Responsive (960px)
 *   9. Responsive (640px)
 */



/* =====================================================================
   1. HERO — Full-width dark navy banner with breadcrumb
   ===================================================================== */

.moyo-about-hero {
	position: relative;
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(-50vw + 50%) !important;
	box-sizing: border-box;
	overflow: hidden;
}

.moyo-about-hero__bg {
	position: absolute;
	inset: 0;
	z-index: 0;
	background-color: var(--moyo-hero-bg, #0c2340);
	background-image:
		linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
	background-size: 60px 60px;
}

.moyo-about-hero__inner {
	position: relative;
	z-index: 1;
	max-width: var(--moyo-container-max, 1200px);
	margin: 0 auto;
	padding: 80px 40px 72px;
	box-sizing: border-box;
	text-align: center;
}

/* Breadcrumb */
.moyo-about-hero__breadcrumb {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 28px;
	font-family: var(--moyo-font-body, 'Poppins', sans-serif) !important;
	font-size: 13px !important;
	font-weight: 400 !important;
}

.moyo-about-hero__breadcrumb-link {
	color: rgba(255, 255, 255, 0.65) !important;
	text-decoration: none !important;
	transition: color var(--moyo-transition, 0.2s ease);
}

.moyo-about-hero__breadcrumb-link:hover {
	color: var(--moyo-on-primary, #ffffff) !important;
	text-decoration: none !important;
}

.moyo-about-hero__breadcrumb-sep {
	display: inline-flex;
	align-items: center;
	color: rgba(255, 255, 255, 0.35) !important;
}

.moyo-about-hero__breadcrumb-current {
	color: rgba(255, 255, 255, 0.9) !important;
	font-weight: 500 !important;
}

/* Heading */
.moyo-about-hero__title {
	font-family: var(--moyo-font-heading, 'Poppins', sans-serif) !important;
	font-size: 48px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	color: var(--moyo-on-primary, #ffffff) !important;
	margin: 0 0 20px 0 !important;
	letter-spacing: -0.5px;
}

/* Subtitle */
.moyo-about-hero__subtitle {
	font-family: var(--moyo-font-body, 'Poppins', sans-serif) !important;
	font-size: 17px !important;
	font-weight: 400 !important;
	line-height: 1.7 !important;
	color: rgba(255, 255, 255, 0.7) !important;
	margin: 0 auto !important;
	max-width: 680px;
}

/* Hero entrance animation */
@keyframes moyoAboutFadeUp {
	from { opacity: 0; transform: translateY(24px); }
	to   { opacity: 1; transform: translateY(0); }
}

.moyo-about-hero__breadcrumb { animation: moyoAboutFadeUp 0.6s ease 0.1s both; }
.moyo-about-hero__title      { animation: moyoAboutFadeUp 0.6s ease 0.25s both; }
.moyo-about-hero__subtitle   { animation: moyoAboutFadeUp 0.6s ease 0.4s both; }


/* =====================================================================
   2. MISSION / VISION — Two-column: text left, image right
   ===================================================================== */

.moyo-about-mission {
	padding: 96px 0;
	background: var(--moyo-card, #ffffff) !important;
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(-50vw + 50%) !important;
	box-sizing: border-box;
}

.moyo-about-mission__inner {
	max-width: var(--moyo-container-max, 1200px);
	margin: 0 auto;
	padding: 0 40px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 64px;
	align-items: center;
}

/* Text column */
.moyo-about-mission__text {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.moyo-about-mission__block {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.moyo-about-mission__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-family: var(--moyo-font-body, 'Poppins', sans-serif) !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--moyo-primary, #2563eb) !important;
}

.moyo-about-mission__eyebrow svg {
	flex-shrink: 0;
}

.moyo-about-mission__body {
	font-family: var(--moyo-font-body, 'Poppins', sans-serif) !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1.75 !important;
	color: var(--moyo-body, #475569) !important;
	margin: 0 !important;
}

/* Image column */
.moyo-about-mission__media {
	position: relative;
}

.moyo-about-mission__image-wrap {
	position: relative;
	border-radius: var(--moyo-radius-xl, 16px);
	overflow: hidden;
	box-shadow: var(--moyo-shadow-lg, 0 4px 16px rgba(0, 0, 0, 0.10));
}

.moyo-about-mission__image-wrap img {
	width: 100%;
	height: 380px;
	display: block;
	object-fit: cover;
}

/* Decorative accent square behind image */
.moyo-about-mission__accent {
	position: absolute;
	bottom: -16px;
	right: -16px;
	width: 120px;
	height: 120px;
	border-radius: var(--moyo-radius-lg, 8px);
	background: rgba(var(--moyo-primary-rgb, 37, 99, 235), 0.08);
	z-index: -1;
}


/* =====================================================================
   2b. OUR STORY — Two-column: image left, text right
   ===================================================================== */

.moyo-about-story {
	padding: 96px 0;
	background: var(--moyo-bg, #f3f4f6) !important;
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(-50vw + 50%) !important;
	box-sizing: border-box;
}

.moyo-about-story__inner {
	max-width: var(--moyo-container-max, 1200px);
	margin: 0 auto;
	padding: 0 40px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 64px;
	align-items: center;
}

/* Left: Image column */
.moyo-about-story__media {
	position: relative;
	border-radius: var(--moyo-radius-xl, 16px);
	overflow: hidden;
	box-shadow: var(--moyo-shadow-lg, 0 4px 16px rgba(0, 0, 0, 0.10));
}

.moyo-about-story__media img {
	width: 100%;
	height: 380px;
	display: block;
	object-fit: cover;
}

.moyo-about-story__accent {
	position: absolute;
	top: -16px;
	left: -16px;
	width: 120px;
	height: 120px;
	border-radius: var(--moyo-radius-lg, 8px);
	background: rgba(var(--moyo-primary-rgb, 37, 99, 235), 0.08);
	z-index: -1;
}

/* Right: Text column */
.moyo-about-story__content {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.moyo-about-story__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-family: var(--moyo-font-body, 'Poppins', sans-serif) !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: var(--moyo-primary, #2563eb) !important;
}

.moyo-about-story__eyebrow svg {
	flex-shrink: 0;
}

.moyo-about-story__title {
	font-family: var(--moyo-font-heading, 'Poppins', sans-serif) !important;
	font-size: 36px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	color: var(--moyo-heading, #1e293b) !important;
	margin: 0 !important;
}

.moyo-about-story__text {
	font-family: var(--moyo-font-body, 'Poppins', sans-serif) !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1.75 !important;
	color: var(--moyo-body, #475569) !important;
	margin: 0 !important;
}

.moyo-about-story__highlight {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 20px 24px;
	background: rgba(var(--moyo-primary-rgb, 37, 99, 235), 0.04);
	border-left: 3px solid var(--moyo-primary, #2563eb);
	border-radius: 0 var(--moyo-radius-lg, 8px) var(--moyo-radius-lg, 8px) 0;
	margin-top: 4px;
}

.moyo-about-story__highlight-number {
	font-family: var(--moyo-font-heading, 'Poppins', sans-serif) !important;
	font-size: 36px !important;
	font-weight: 700 !important;
	color: var(--moyo-primary, #2563eb) !important;
	line-height: 1 !important;
	white-space: nowrap;
}

.moyo-about-story__highlight-label {
	font-family: var(--moyo-font-body, 'Poppins', sans-serif) !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	color: var(--moyo-body, #475569) !important;
	line-height: 1.4 !important;
}


/* =====================================================================
   3. CORE VALUES — Card grid (3 cols desktop)
   ===================================================================== */

.moyo-about-values {
	padding: 96px 0;
	background: var(--moyo-bg, #f3f4f6) !important;
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(-50vw + 50%) !important;
	box-sizing: border-box;
}

.moyo-about-values__inner {
	max-width: var(--moyo-container-max, 1200px);
	margin: 0 auto;
	padding: 0 40px;
}

/* Header */
.moyo-about-values__header {
	text-align: center;
	margin-bottom: 56px;
}

.moyo-about-values__eyebrow {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	font-family: var(--moyo-font-body, 'Poppins', sans-serif) !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: var(--moyo-primary, #2563eb) !important;
	margin-bottom: 14px;
}

.moyo-about-values__eyebrow::before,
.moyo-about-values__eyebrow::after {
	content: '';
	width: 24px;
	height: 2px;
	background: var(--moyo-primary, #2563eb);
	border-radius: 2px;
}

.moyo-about-values__title {
	font-family: var(--moyo-font-heading, 'Poppins', sans-serif) !important;
	font-size: 40px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	color: var(--moyo-heading, #1e293b) !important;
	margin: 0 0 16px 0 !important;
}

.moyo-about-values__subtitle {
	font-family: var(--moyo-font-body, 'Poppins', sans-serif) !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1.7 !important;
	color: var(--moyo-body, #475569) !important;
	margin: 0 auto !important;
	max-width: 640px;
}

/* Card Grid */
.moyo-about-values__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 28px;
}

/* Individual card */
.moyo-about-values__card {
	background: var(--moyo-card, #ffffff);
	border: 1px solid var(--moyo-border, #e5e7eb);
	border-radius: var(--moyo-radius-xl, 16px);
	padding: 36px 32px;
	transition: transform var(--moyo-transition, 0.2s ease),
	            box-shadow var(--moyo-transition, 0.2s ease);
}

.moyo-about-values__card:hover {
	transform: translateY(-4px);
	box-shadow: var(--moyo-shadow-lg, 0 4px 16px rgba(0, 0, 0, 0.10));
}

/* Icon circle */
.moyo-about-values__icon {
	width: 56px;
	height: 56px;
	border-radius: 14px;
	background: rgba(var(--moyo-primary-rgb, 37, 99, 235), 0.08);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
	color: var(--moyo-primary, #2563eb);
}

.moyo-about-values__card-title {
	font-family: var(--moyo-font-heading, 'Poppins', sans-serif) !important;
	font-size: 20px !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	color: var(--moyo-heading, #1e293b) !important;
	margin: 0 0 10px 0 !important;
}

.moyo-about-values__card-desc {
	font-family: var(--moyo-font-body, 'Poppins', sans-serif) !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 1.7 !important;
	color: var(--moyo-body, #475569) !important;
	margin: 0 !important;
}


/* =====================================================================
   4. TEAM — Card grid (4 cols desktop)
   ===================================================================== */

.moyo-about-team {
	padding: 96px 0;
	background: var(--moyo-card, #ffffff) !important;
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(-50vw + 50%) !important;
	box-sizing: border-box;
}

.moyo-about-team__inner {
	max-width: var(--moyo-container-max, 1200px);
	margin: 0 auto;
	padding: 0 40px;
}

/* Header */
.moyo-about-team__header {
	text-align: center;
	margin-bottom: 56px;
}

.moyo-about-team__title {
	font-family: var(--moyo-font-heading, 'Poppins', sans-serif) !important;
	font-size: 40px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	color: var(--moyo-heading, #1e293b) !important;
	margin: 0 0 16px 0 !important;
}

.moyo-about-team__subtitle {
	font-family: var(--moyo-font-body, 'Poppins', sans-serif) !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1.7 !important;
	color: var(--moyo-body, #475569) !important;
	margin: 0 auto !important;
	max-width: 640px;
}

/* Card Grid */
.moyo-about-team__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 28px;
}

/* Individual card */
.moyo-about-team__card {
	background: var(--moyo-card, #ffffff);
	border: 1px solid var(--moyo-border, #e5e7eb);
	border-radius: var(--moyo-radius-xl, 16px);
	overflow: hidden;
	transition: transform var(--moyo-transition, 0.2s ease),
	            box-shadow var(--moyo-transition, 0.2s ease);
}

.moyo-about-team__card:hover {
	transform: translateY(-4px);
	box-shadow: var(--moyo-shadow-lg, 0 4px 16px rgba(0, 0, 0, 0.10));
}

/* Photo */
.moyo-about-team__photo-wrap {
	position: relative;
	width: 100%;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	background: var(--moyo-bg, #f3f4f6);
}

.moyo-about-team__photo {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.3s ease;
}

.moyo-about-team__card:hover .moyo-about-team__photo {
	transform: scale(1.05);
}

/* Placeholder when no photo */
.moyo-about-team__photo-placeholder {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--moyo-muted, #64748b);
	background: var(--moyo-bg, #f3f4f6);
}

/* Info section */
.moyo-about-team__info {
	padding: 20px 24px 24px;
	text-align: center;
}

.moyo-about-team__name {
	font-family: var(--moyo-font-heading, 'Poppins', sans-serif) !important;
	font-size: 17px !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	color: var(--moyo-heading, #1e293b) !important;
	margin: 0 0 4px 0 !important;
}

.moyo-about-team__role {
	display: block;
	font-family: var(--moyo-font-body, 'Poppins', sans-serif) !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	color: var(--moyo-muted, #64748b) !important;
	margin-bottom: 12px;
}

/* LinkedIn link */
.moyo-about-team__social {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: rgba(var(--moyo-primary-rgb, 37, 99, 235), 0.08);
	color: var(--moyo-primary, #2563eb) !important;
	text-decoration: none !important;
	transition: all var(--moyo-transition, 0.2s ease);
}

.moyo-about-team__social:hover {
	background: var(--moyo-primary, #2563eb);
	color: var(--moyo-on-primary, #ffffff) !important;
	text-decoration: none !important;
}


/* =====================================================================
   5. STATS / ACHIEVEMENTS — Full-width light gray strip with counters
   ===================================================================== */

.moyo-about-stats {
	padding: 80px 0;
	background: var(--moyo-bg, #f3f4f6) !important;
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(-50vw + 50%) !important;
	box-sizing: border-box;
}

.moyo-about-stats__inner {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	max-width: var(--moyo-container-max, 1200px);
	margin: 0 auto;
	padding: 0 40px;
}

.moyo-about-stats__item {
	text-align: center;
	padding: 32px 20px;
	position: relative;
}

/* Subtle vertical divider between items */
.moyo-about-stats__item:not(:last-child)::after {
	content: '';
	position: absolute;
	right: 0;
	top: 25%;
	height: 50%;
	width: 1px;
	background: var(--moyo-border, #e5e7eb);
}

.moyo-about-stats__number {
	display: block;
	font-family: var(--moyo-font-body, 'Poppins', sans-serif) !important;
	font-size: 48px !important;
	font-weight: 700 !important;
	color: var(--moyo-primary, #2563eb) !important;
	line-height: 1 !important;
	margin-bottom: 10px !important;
}

.moyo-about-stats__suffix {
	font-weight: 400 !important;
	color: var(--moyo-primary, #2563eb) !important;
	opacity: 0.7;
}

.moyo-about-stats__label {
	display: block;
	font-family: var(--moyo-font-body, 'Poppins', sans-serif) !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	color: var(--moyo-muted, #64748b) !important;
	letter-spacing: 0.3px;
	text-transform: uppercase;
}


/* =====================================================================
   6. PARTNERS / CERTIFICATIONS — Logo grid with grayscale hover
   ===================================================================== */

.moyo-about-partners {
	padding: 96px 0;
	background: var(--moyo-card, #ffffff) !important;
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(-50vw + 50%) !important;
	box-sizing: border-box;
}

.moyo-about-partners__inner {
	max-width: var(--moyo-container-max, 1200px);
	margin: 0 auto;
	padding: 0 40px;
}

/* Header */
.moyo-about-partners__header {
	text-align: center;
	margin-bottom: 56px;
}

.moyo-about-partners__eyebrow {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	font-family: var(--moyo-font-body, 'Poppins', sans-serif) !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: var(--moyo-primary, #2563eb) !important;
	margin-bottom: 14px;
}

.moyo-about-partners__eyebrow::before,
.moyo-about-partners__eyebrow::after {
	content: '';
	width: 24px;
	height: 2px;
	background: var(--moyo-primary, #2563eb);
	border-radius: 2px;
}

.moyo-about-partners__title {
	font-family: var(--moyo-font-heading, 'Poppins', sans-serif) !important;
	font-size: 40px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	color: var(--moyo-heading, #1e293b) !important;
	margin: 0 !important;
}

/* Logo Grid */
.moyo-about-partners__grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 28px;
	align-items: center;
	justify-items: center;
}

.moyo-about-partners__item {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 100px;
	padding: 24px;
	background: var(--moyo-bg, #f3f4f6);
	border: 1px solid var(--moyo-border, #e5e7eb);
	border-radius: var(--moyo-radius-lg, 8px);
	filter: grayscale(100%);
	opacity: 0.7;
	transition: all var(--moyo-transition, 0.2s ease);
	text-decoration: none !important;
}

.moyo-about-partners__item:hover {
	filter: grayscale(0%);
	opacity: 1;
	box-shadow: var(--moyo-shadow-md, 0 2px 8px rgba(0, 0, 0, 0.08));
	transform: translateY(-2px);
	text-decoration: none !important;
}

.moyo-about-partners__logo {
	max-width: 120px;
	max-height: 48px;
	width: auto;
	height: auto;
	object-fit: contain;
	display: block;
}

/* Placeholder when no logo uploaded */
.moyo-about-partners__placeholder {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	color: var(--moyo-muted, #64748b);
}

.moyo-about-partners__name {
	font-family: var(--moyo-font-body, 'Poppins', sans-serif) !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	color: var(--moyo-muted, #64748b) !important;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}


/* =====================================================================
   6b. CERTIFICATIONS — Two certificate cards side by side
   ===================================================================== */

.moyo-about-certs {
	padding: 96px 0;
	background: #ffffff !important;
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(-50vw + 50%) !important;
	box-sizing: border-box;
}

.moyo-about-certs__inner {
	max-width: var(--moyo-container-max, 1200px);
	margin: 0 auto;
	padding: 0 40px;
}

.moyo-about-certs__header {
	text-align: center;
	margin-bottom: 36px;
}

.moyo-about-certs__eyebrow {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	font-family: var(--moyo-font-body, 'Poppins', sans-serif) !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: var(--moyo-primary, #2563eb) !important;
	margin-bottom: 14px;
}

.moyo-about-certs__eyebrow::before,
.moyo-about-certs__eyebrow::after {
	content: '';
	width: 24px;
	height: 2px;
	background: var(--moyo-primary, #2563eb);
	border-radius: 2px;
}

.moyo-about-certs__title {
	font-family: var(--moyo-font-heading, 'Poppins', sans-serif) !important;
	font-size: 32px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	color: var(--moyo-heading, #1e293b) !important;
	margin: 0 0 12px 0 !important;
}

.moyo-about-certs__subtitle {
	font-family: var(--moyo-font-body, 'Poppins', sans-serif) !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 1.7 !important;
	color: var(--moyo-body, #475569) !important;
	margin: 0 auto !important;
	max-width: 540px;
}

.moyo-about-certs__grid {
	display: flex !important;
	justify-content: center !important;
	gap: 32px !important;
	flex-wrap: wrap;
}

.moyo-about-certs__card {
	text-align: center;
	flex: 0 0 350px !important;
	max-width: 350px !important;
}

/* ── Certificate card ── */

.moyo-about-certs__placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 16 / 11;
	border-radius: var(--moyo-radius-xl, 16px);
	border: 1px solid var(--moyo-border, #e5e7eb);
	background: var(--moyo-bg, #f3f4f6);
	margin-bottom: 24px;
	color: var(--moyo-body, #475569);
	transition: transform var(--moyo-transition, 0.2s ease),
	            box-shadow var(--moyo-transition, 0.2s ease);
}

.moyo-about-certs__placeholder:hover {
	transform: translateY(-4px);
	box-shadow: var(--moyo-shadow-lg, 0 4px 16px rgba(0, 0, 0, 0.10));
}

.moyo-about-certs__img {
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	display: block !important;
	margin: 0 auto 16px !important;
	border-radius: 6px !important;
	border: 1px solid var(--moyo-border, #e5e7eb) !important;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
	transition: transform var(--moyo-transition, 0.2s ease),
	            box-shadow var(--moyo-transition, 0.2s ease);
}

.moyo-about-certs__img:hover {
	transform: translateY(-4px);
	box-shadow: var(--moyo-shadow-lg, 0 4px 16px rgba(0, 0, 0, 0.10));
}

.moyo-about-certs__label {
	font-family: var(--moyo-font-heading, 'Poppins', sans-serif) !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	color: var(--moyo-heading, #1e293b) !important;
	margin: 0 0 8px !important;
}

.moyo-about-certs__desc {
	font-family: var(--moyo-font-body, 'Poppins', sans-serif) !important;
	font-size: 15px !important;
	font-weight: 400 !important;
	line-height: 1.7 !important;
	color: var(--moyo-body, #475569) !important;
	max-width: 440px;
	margin: 0 auto !important;
}


/* =====================================================================
   7. SCROLL REVEAL STAGGER — nth-child delays
   ===================================================================== */

/* Values cards stagger */
.moyo-about-values__card.moyo-reveal:nth-child(1) { transition-delay: 0s; }
.moyo-about-values__card.moyo-reveal:nth-child(2) { transition-delay: 0.1s; }
.moyo-about-values__card.moyo-reveal:nth-child(3) { transition-delay: 0.2s; }
.moyo-about-values__card.moyo-reveal:nth-child(4) { transition-delay: 0.3s; }
.moyo-about-values__card.moyo-reveal:nth-child(5) { transition-delay: 0.4s; }
.moyo-about-values__card.moyo-reveal:nth-child(6) { transition-delay: 0.5s; }

/* Team cards stagger */
.moyo-about-team__card.moyo-reveal:nth-child(1) { transition-delay: 0s; }
.moyo-about-team__card.moyo-reveal:nth-child(2) { transition-delay: 0.1s; }
.moyo-about-team__card.moyo-reveal:nth-child(3) { transition-delay: 0.15s; }
.moyo-about-team__card.moyo-reveal:nth-child(4) { transition-delay: 0.2s; }

/* Mission columns stagger */
.moyo-about-mission__text.moyo-reveal   { transition-delay: 0s; }
.moyo-about-mission__media.moyo-reveal  { transition-delay: 0.15s; }

/* Stats items stagger */
.moyo-about-stats__item.moyo-reveal:nth-child(1) { transition-delay: 0s; }
.moyo-about-stats__item.moyo-reveal:nth-child(2) { transition-delay: 0.1s; }
.moyo-about-stats__item.moyo-reveal:nth-child(3) { transition-delay: 0.2s; }
.moyo-about-stats__item.moyo-reveal:nth-child(4) { transition-delay: 0.3s; }

/* Certifications cards stagger */
.moyo-about-certs__card.moyo-reveal:nth-child(1) { transition-delay: 0s; }
.moyo-about-certs__card.moyo-reveal:nth-child(2) { transition-delay: 0.15s; }

/* Partners items stagger */
.moyo-about-partners__item.moyo-reveal:nth-child(1) { transition-delay: 0s; }
.moyo-about-partners__item.moyo-reveal:nth-child(2) { transition-delay: 0.07s; }
.moyo-about-partners__item.moyo-reveal:nth-child(3) { transition-delay: 0.14s; }
.moyo-about-partners__item.moyo-reveal:nth-child(4) { transition-delay: 0.21s; }
.moyo-about-partners__item.moyo-reveal:nth-child(5) { transition-delay: 0.28s; }
.moyo-about-partners__item.moyo-reveal:nth-child(6) { transition-delay: 0.35s; }


/* =====================================================================
   8. RESPONSIVE — 960px (tablet)
   ===================================================================== */

@media (max-width: 960px) {

	/* Hero */
	.moyo-about-hero__inner {
		padding: 64px 28px 56px;
	}
	.moyo-about-hero__title {
		font-size: 36px !important;
	}
	.moyo-about-hero__subtitle {
		font-size: 15px !important;
	}

	/* Mission */
	.moyo-about-mission {
		padding: 72px 0;
	}
	.moyo-about-mission__inner {
		grid-template-columns: 1fr;
		gap: 48px;
		padding: 0 28px;
	}
	/* Reverse order: image first on tablet */
	.moyo-about-mission__media {
		order: -1;
	}

	/* Story */
	.moyo-about-story {
		padding: 72px 0;
	}
	.moyo-about-story__inner {
		grid-template-columns: 1fr;
		gap: 48px;
		padding: 0 28px;
	}
	.moyo-about-story__title {
		font-size: 30px !important;
	}

	/* Values */
	.moyo-about-values {
		padding: 72px 0;
	}
	.moyo-about-values__inner {
		padding: 0 28px;
	}
	.moyo-about-values__grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 24px;
	}
	.moyo-about-values__title {
		font-size: 32px !important;
	}

	/* Team */
	.moyo-about-team {
		padding: 72px 0;
	}
	.moyo-about-team__inner {
		padding: 0 28px;
	}
	.moyo-about-team__grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 24px;
	}
	.moyo-about-team__title {
		font-size: 32px !important;
	}

	/* Stats */
	.moyo-about-stats {
		padding: 64px 0;
	}
	.moyo-about-stats__inner {
		grid-template-columns: repeat(2, 1fr);
		padding: 0 28px;
	}
	.moyo-about-stats__item:nth-child(2)::after {
		display: none;
	}
	.moyo-about-stats__number {
		font-size: 40px !important;
	}

	/* Partners */
	.moyo-about-partners {
		padding: 72px 0;
	}
	.moyo-about-partners__inner {
		padding: 0 28px;
	}
	.moyo-about-partners__grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
	}
	.moyo-about-partners__title {
		font-size: 32px !important;
	}

	/* Certifications */
	.moyo-about-certs {
		padding: 72px 0;
	}
	.moyo-about-certs__inner {
		padding: 0 28px;
	}
	.moyo-about-certs__title {
		font-size: 26px !important;
	}
	.moyo-about-certs__subtitle {
		font-size: 13px !important;
	}
	.moyo-about-certs__grid {
		flex-direction: column !important;
		align-items: center !important;
		gap: 32px !important;
	}
	.moyo-about-certs__card {
		flex: 0 0 240px !important;
		max-width: 240px !important;
	}
	.moyo-about-certs__label {
		font-size: 15px !important;
	}
}


/* =====================================================================
   9. RESPONSIVE — 640px (mobile)
   ===================================================================== */

@media (max-width: 640px) {

	/* Hero */
	.moyo-about-hero__inner {
		padding: 48px 20px 40px;
	}
	.moyo-about-hero__title {
		font-size: 28px !important;
	}
	.moyo-about-hero__subtitle {
		font-size: 14px !important;
	}
	.moyo-about-hero__breadcrumb {
		font-size: 12px !important;
	}

	/* Mission */
	.moyo-about-mission {
		padding: 56px 0;
	}
	.moyo-about-mission__inner {
		padding: 0 20px;
		gap: 36px;
	}
	.moyo-about-mission__eyebrow {
		font-size: 12px !important;
	}
	.moyo-about-mission__body {
		font-size: 15px !important;
	}
	.moyo-about-mission__image-wrap img {
		height: 260px;
	}
	.moyo-about-mission__accent {
		display: none;
	}

	/* Story */
	.moyo-about-story {
		padding: 56px 0;
	}
	.moyo-about-story__inner {
		padding: 0 20px;
		gap: 36px;
	}
	.moyo-about-story__title {
		font-size: 26px !important;
	}
	.moyo-about-story__text {
		font-size: 15px !important;
	}
	.moyo-about-story__media img {
		height: 260px;
	}
	.moyo-about-story__accent {
		display: none;
	}
	.moyo-about-story__highlight-number {
		font-size: 28px !important;
	}

	/* Values */
	.moyo-about-values {
		padding: 56px 0;
	}
	.moyo-about-values__inner {
		padding: 0 20px;
	}
	.moyo-about-values__header {
		margin-bottom: 36px;
	}
	.moyo-about-values__grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}
	.moyo-about-values__title {
		font-size: 26px !important;
	}
	.moyo-about-values__subtitle {
		font-size: 14px !important;
	}
	.moyo-about-values__card {
		padding: 28px 24px;
	}

	/* Team */
	.moyo-about-team {
		padding: 56px 0;
	}
	.moyo-about-team__inner {
		padding: 0 20px;
	}
	.moyo-about-team__header {
		margin-bottom: 36px;
	}
	.moyo-about-team__grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}
	.moyo-about-team__title {
		font-size: 26px !important;
	}
	.moyo-about-team__subtitle {
		font-size: 14px !important;
	}

	/* Stats */
	.moyo-about-stats {
		padding: 48px 0;
	}
	.moyo-about-stats__inner {
		grid-template-columns: repeat(2, 1fr);
		padding: 0 20px;
	}
	.moyo-about-stats__item {
		padding: 24px 16px;
	}
	.moyo-about-stats__number {
		font-size: 32px !important;
	}
	.moyo-about-stats__label {
		font-size: 12px !important;
	}

	/* Partners */
	.moyo-about-partners {
		padding: 56px 0;
	}
	.moyo-about-partners__inner {
		padding: 0 20px;
	}
	.moyo-about-partners__header {
		margin-bottom: 36px;
	}
	.moyo-about-partners__grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 16px;
	}
	.moyo-about-partners__title {
		font-size: 26px !important;
	}
	.moyo-about-partners__item {
		min-height: 80px;
		padding: 16px;
	}

	/* Certifications */
	.moyo-about-certs {
		padding: 56px 0;
	}
	.moyo-about-certs__inner {
		padding: 0 20px;
	}
	.moyo-about-certs__header {
		margin-bottom: 36px;
	}
	.moyo-about-certs__grid {
		gap: 24px !important;
	}
	.moyo-about-certs__card {
		flex: 0 0 220px !important;
		max-width: 220px !important;
	}
	.moyo-about-certs__title {
		font-size: 22px !important;
	}
	.moyo-about-certs__label {
		font-size: 14px !important;
	}
}


/* ══════════════════════════════════════════════
   TECHNOLOGIES & TOOLS — dark tabbed section
   ══════════════════════════════════════════════ */
/* Ensure parent containers don't clip full-width sections */
.elementor-widget-moyo_about_tech,
.elementor-widget-moyo_about_hiring,
.elementor-widget-moyo_about_founders {
	overflow: visible !important;
	max-width: none !important;
}

.elementor-widget-moyo_about_tech > .elementor-widget-container,
.elementor-widget-moyo_about_hiring > .elementor-widget-container,
.elementor-widget-moyo_about_founders > .elementor-widget-container {
	overflow: visible !important;
	max-width: none !important;
}

.moyo-about-tech{
	padding:80px 24px;
	background:var(--moyo-hero-bg, #0c2340);
	position:relative;overflow:hidden;
	width:100vw !important;max-width:100vw !important;margin-left:calc(-50vw + 50%) !important;
}
.moyo-about-tech::before{
	content:'';position:absolute;
	width:600px;height:600px;border-radius:50%;
	background:radial-gradient(circle,rgba(var(--moyo-primary-rgb,37,99,235),.1) 0%,transparent 70%);
	top:-200px;left:-100px;pointer-events:none;
}
.moyo-about-tech::after{
	content:'';position:absolute;
	width:400px;height:400px;border-radius:50%;
	background:radial-gradient(circle,rgba(var(--moyo-primary-rgb,37,99,235),.06) 0%,transparent 70%);
	bottom:-100px;right:-50px;pointer-events:none;
}
.moyo-about-tech__inner{max-width:var(--moyo-container-max,1200px);margin:0 auto;position:relative;z-index:1}
.moyo-about-tech__header{text-align:center;max-width:600px;margin:0 auto 56px}
.moyo-about-tech__badge{
	display:inline-flex;align-items:center;gap:8px;
	padding:6px 18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);
	border-radius:20px;font-size:12px;font-weight:600;
	color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:16px;
}
.moyo-about-tech__badge::before{content:'';width:6px;height:6px;background:var(--moyo-primary,#2563eb);border-radius:50%}
.moyo-about-tech__title{
	font-family:var(--moyo-font-heading,'DM Serif Display',serif) !important;
	font-size:40px !important;color:#fff !important;line-height:1.2;margin-bottom:12px;
}
.moyo-about-tech__subtitle{font-size:15px;color:rgba(255,255,255,.45) !important;line-height:1.7}

.moyo-about-tech__tabs{display:flex !important;justify-content:center !important;gap:6px !important;margin-bottom:40px !important;flex-wrap:wrap !important}
button.moyo-about-tech__tab{
	padding:10px 22px !important;
	background:rgba(255,255,255,.05) !important;
	border:1px solid rgba(255,255,255,.1) !important;
	border-radius:10px !important;
	font-family:var(--moyo-font-body,'Poppins',sans-serif) !important;
	font-size:13px !important;
	font-weight:500 !important;
	color:rgba(255,255,255,.5) !important;
	cursor:pointer !important;
	transition:all .2s !important;
	text-transform:none !important;
	letter-spacing:0 !important;
	line-height:normal !important;
	box-shadow:none !important;
	outline:none !important;
	margin:0 !important;
	min-width:auto !important;
	height:auto !important;
}
button.moyo-about-tech__tab:hover{background:rgba(255,255,255,.08) !important;color:rgba(255,255,255,.8) !important}
button.moyo-about-tech__tab.is-active{background:var(--moyo-primary,#2563eb) !important;border-color:var(--moyo-primary,#2563eb) !important;color:#fff !important}

.moyo-about-tech__panel{display:none}
.moyo-about-tech__panel.is-active{display:block}
.moyo-about-tech__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px}

.moyo-about-tech__card{
	display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 16px;
	background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);
	border-radius:14px;transition:all .25s;cursor:default;
}
.moyo-about-tech__card:hover{
	background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);
	transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.2);
}
.moyo-about-tech__card-icon{
	width:48px;height:48px;display:flex;align-items:center;justify-content:center;
	border-radius:12px;font-family:var(--moyo-font-body,'Poppins',sans-serif);
	font-size:16px;font-weight:800;color:#fff;position:relative;
}
.moyo-about-tech__card-icon::after{
	content:'';position:absolute;inset:-4px;border-radius:16px;
	background:inherit;opacity:.2;filter:blur(8px);z-index:-1;
}
.moyo-about-tech__card-name{font-size:12px;font-weight:500;color:rgba(255,255,255,.65);text-align:center;line-height:1.3}

@media(max-width:960px){
	.moyo-about-tech__title{font-size:32px !important}
	.moyo-about-tech__grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}
}
@media(max-width:640px){
	.moyo-about-tech{padding:60px 20px}
	.moyo-about-tech__title{font-size:26px !important}
	.moyo-about-tech__tabs{gap:4px !important}
	button.moyo-about-tech__tab{padding:8px 14px !important;font-size:12px !important}
	.moyo-about-tech__grid{grid-template-columns:repeat(3,1fr);gap:10px}
	.moyo-about-tech__card{padding:18px 12px}
	.moyo-about-tech__card-icon{width:40px;height:40px;font-size:14px}
}


/* ══════════════════════════════════════════════
   TOP HIRING COMPANIES — light bg
   ══════════════════════════════════════════════ */
.moyo-about-hiring{padding:80px 24px;background:var(--moyo-bg-alt,#f8fafc);width:100vw !important;max-width:100vw !important;margin-left:calc(-50vw + 50%) !important}
.moyo-about-hiring__inner{max-width:var(--moyo-container-max,1200px);margin:0 auto}
.moyo-about-hiring__header{text-align:center;max-width:600px;margin:0 auto 48px}
.moyo-about-hiring__badge{
	display:inline-flex;align-items:center;gap:8px;padding:6px 18px;
	background:rgba(var(--moyo-primary-rgb,37,99,235),.06);border-radius:20px;
	font-size:12px;font-weight:600;color:var(--moyo-primary,#2563eb);
	text-transform:uppercase;letter-spacing:1.5px;margin-bottom:16px;
}
.moyo-about-hiring__badge::before{content:'';width:6px;height:6px;background:var(--moyo-primary,#2563eb);border-radius:50%}
.moyo-about-hiring__title{
	font-family:var(--moyo-font-heading,'DM Serif Display',serif) !important;
	font-size:36px !important;color:var(--moyo-heading,#1e293b) !important;line-height:1.2;margin-bottom:12px;
}
.moyo-about-hiring__subtitle{font-size:15px;color:var(--moyo-muted,#64748b) !important;line-height:1.7}

.moyo-about-hiring__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.moyo-about-hiring__card{
	display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;
	padding:28px 16px;background:#fff;border:1px solid var(--moyo-border,#e2e8f0);
	border-radius:12px;transition:border-color .2s,transform .2s,box-shadow .2s;
}
.moyo-about-hiring__card:hover{
	border-color:var(--moyo-primary,#2563eb);transform:translateY(-2px);
	box-shadow:0 8px 24px rgba(var(--moyo-primary-rgb,37,99,235),.08);
}
.moyo-about-hiring__logo{
	width:48px;height:48px;display:flex;align-items:center;justify-content:center;
	background:rgba(var(--moyo-primary-rgb,37,99,235),.06);border-radius:10px;
	font-family:var(--moyo-font-body,'Poppins',sans-serif);font-size:18px;font-weight:700;
	color:var(--moyo-primary,#2563eb);
}
.moyo-about-hiring__logo img{width:100%;height:100%;object-fit:contain;border-radius:10px}
.moyo-about-hiring__name{font-size:13px;font-weight:500;color:var(--moyo-body,#475569) !important;text-align:center;line-height:1.3}

.moyo-about-hiring__footer{text-align:center;margin-top:40px;padding-top:32px;border-top:1px solid var(--moyo-border,#e2e8f0)}
.moyo-about-hiring__footer-text{font-size:14px;color:var(--moyo-muted,#64748b) !important}
.moyo-about-hiring__footer-text strong{color:var(--moyo-heading,#1e293b) !important}

@media(max-width:960px){.moyo-about-hiring__grid{grid-template-columns:repeat(3,1fr)}.moyo-about-hiring__title{font-size:28px !important}}
@media(max-width:640px){.moyo-about-hiring{padding:60px 20px}.moyo-about-hiring__grid{grid-template-columns:repeat(2,1fr)}.moyo-about-hiring__title{font-size:24px !important}}


/* ══════════════════════════════════════════════
   FOUNDERS — dark bg, centered cards
   ══════════════════════════════════════════════ */
.moyo-about-founders{
	padding:80px 24px;background:var(--moyo-hero-bg,#0c2340);
	position:relative;overflow:hidden;width:100vw !important;max-width:100vw !important;margin-left:calc(-50vw + 50%) !important;
}
.moyo-about-founders::before{
	content:'';position:absolute;width:500px;height:500px;border-radius:50%;
	background:radial-gradient(circle,rgba(var(--moyo-primary-rgb,37,99,235),.1) 0%,transparent 70%);
	bottom:-150px;left:-100px;pointer-events:none;
}
.moyo-about-founders__inner{max-width:1100px;margin:0 auto;position:relative;z-index:1}
.moyo-about-founders__header{text-align:center;max-width:560px;margin:0 auto 56px}
.moyo-about-founders__badge{
	display:inline-flex;align-items:center;gap:8px;padding:6px 18px;
	background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);
	border-radius:20px;font-size:12px;font-weight:600;
	color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:16px;
}
.moyo-about-founders__badge::before{content:'';width:6px;height:6px;background:var(--moyo-primary,#2563eb);border-radius:50%}
.moyo-about-founders__title{
	font-family:var(--moyo-font-heading,'DM Serif Display',serif) !important;
	font-size:36px !important;color:#fff !important;line-height:1.2;margin-bottom:12px;
}
.moyo-about-founders__subtitle{font-size:15px;color:rgba(255,255,255,.45) !important;line-height:1.7}

.moyo-about-founders__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.moyo-about-founders__card{
	background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);
	border-radius:16px;padding:32px 28px;text-align:center;
	transition:transform .3s,box-shadow .3s,border-color .3s;
}
.moyo-about-founders__card:hover{
	transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.25);
	border-color:rgba(var(--moyo-primary-rgb,37,99,235),.3);
}
.moyo-about-founders__photo{
	width:80px;height:80px;border-radius:50%;margin:0 auto 16px;
	background:linear-gradient(135deg,rgba(var(--moyo-primary-rgb,37,99,235),.2) 0%,rgba(var(--moyo-primary-rgb,37,99,235),.05) 100%);
	display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;
	border:2px solid rgba(var(--moyo-primary-rgb,37,99,235),.2);
}
.moyo-about-founders__photo-initials{font-family:var(--moyo-font-heading,'DM Serif Display',serif);font-size:24px;color:rgba(var(--moyo-primary-rgb,37,99,235),.5);user-select:none}
.moyo-about-founders__photo img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;border-radius:50%}
.moyo-about-founders__name{font-family:var(--moyo-font-heading,'DM Serif Display',serif) !important;font-size:20px !important;color:#fff !important;margin-bottom:6px}
.moyo-about-founders__role{
	display:inline-block;font-size:11px;font-weight:600;color:var(--moyo-primary,#2563eb) !important;
	text-transform:uppercase;letter-spacing:.8px;padding:4px 14px;
	background:rgba(var(--moyo-primary-rgb,37,99,235),.12);border-radius:20px;margin-bottom:16px;
}
.moyo-about-founders__bio{font-size:13px;color:rgba(255,255,255,.45) !important;line-height:1.75;margin-bottom:20px}
.moyo-about-founders__social{display:flex;justify-content:center;gap:8px}
.moyo-about-founders__social-link{
	width:34px;height:34px;display:flex;align-items:center;justify-content:center;
	border:1px solid rgba(255,255,255,.1);border-radius:50%;
	color:rgba(255,255,255,.4);transition:all .2s;text-decoration:none;
}
.moyo-about-founders__social-link:hover{border-color:var(--moyo-primary,#2563eb);color:var(--moyo-primary,#2563eb);background:rgba(var(--moyo-primary-rgb,37,99,235),.1)}

@media(max-width:960px){.moyo-about-founders__grid{grid-template-columns:repeat(2,1fr)}.moyo-about-founders__title{font-size:32px !important}}
@media(max-width:640px){.moyo-about-founders{padding:60px 20px}.moyo-about-founders__grid{grid-template-columns:1fr}.moyo-about-founders__title{font-size:26px !important}}