/* =========================================================
   Corporate Governance — Executive Management
   (slug corporate-governance-executive-managment, page id 20924)
   Values taken from the live Elementor CSS of that page.
   Markup: src/seed/fix-executive-management.ts (.exec-* blocks)
   ========================================================= */

.exec { color: #2C2C2C; }
.exec img { display: block; max-width: 100%; height: auto; }
.exec h1, .exec h2 { margin: 0; font-weight: 500; }

/* ---------- intro: back link, title, lead (beige band) ---------- */
.exec-intro { background: #F9F7F3; padding: 164px 20px 124px; } /* live: title 274px down, team 224px under the lead */
.exec-intro__inner { max-width: 620px; margin: 0 auto; text-align: center; }
.exec-back { font-family: 'Marcellus', var(--font-en); font-size: 16px; font-weight: 300; line-height: 20px; color: #7A7A7A; margin: 0; }
.exec-back a { color: #7A7A7A; }
.exec-back a:hover { color: #85553A; }
/* `.exec` prefix: must outrank `.exec h1 { margin: 0 }` above, or the title touches the back link and lead */
.exec .exec-title {
	font-family: 'Lucky Beauty new', 'Lucky Beauty', serif; font-size: 40px; line-height: 1.2em;
	color: #2C2C2C; margin: 20px 0 10px;
}
.exec-lead { font-family: 'Marcellus', var(--font-en); font-size: 16px; font-weight: 300; line-height: 20px; color: #7A7A7A; margin: 0; }

/* ---------- the team: three portraits per row ---------- */
.exec-team { margin: 100px 0 120px; padding: 0 10px; background-position: bottom right; background-repeat: no-repeat; }
.exec-team__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 46px 10px; max-width: 1130px; margin: 0 auto; } /* live: 370px portraits 10px apart, rows 516px apart */
.exec-member { margin: 0; }
.exec-member img { width: 100%; }
/* `.exec` prefix: must outrank `.exec h2 { margin: 0 }` above, or the name sits on the photo */
.exec .exec-member__name {
	font-family: 'Lucky Beauty new', 'Lucky Beauty', serif; font-size: 18px; line-height: 1.2em;
	color: #2C2C2C; margin: 20px 0 0;
}
.exec-member__role { font-family: 'Marcellus', var(--font-en); font-size: 15px; font-weight: 500; line-height: 1.4; color: #7A7A7A; margin: 4px 0 0; }

/* ---------- Arabic ---------- */
.rtl .exec-title, .rtl .exec-member__name { font-family: "29LTZaridDisplayVF", sans-serif; font-weight: 700; }
.rtl .exec-back, .rtl .exec-lead, .rtl .exec-member__role { font-family: "29LTAzer-Light", sans-serif; }
.rtl .exec-team { background-position: bottom left; }

/* ---------- responsive (Elementor breakpoints 1200 / 880 / 767) ---------- */
@media (max-width: 1199px) {
	.exec-intro { padding: 70px 20px; }
	.exec .exec-title { font-size: 34px; }
}

@media (max-width: 880px) {
	.exec-team { margin: 60px 0 80px; }
	.exec-team__grid { gap: 60px 14px; }
	.exec-team__grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 767px) {
	.exec-intro { padding: 50px 20px; }
	.exec .exec-title { font-size: 28px; }
	.exec-team { margin: 40px 0 60px; }
	.exec-team__grid { grid-template-columns: 1fr; gap: 50px; max-width: 360px; }
}