.about-intro.about-gulf-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}

.about-gulf-story{min-width:0;padding-top:30px}.about-gulf-story p{max-width:none}

#afs-gulf-experience{min-width:0;border-top:3px solid #c65920;padding-top:20px}

#afs-gulf-experience .gulf-eyebrow{font:11px/1.7 Arial,sans-serif;letter-spacing:1.8px;color:#aa4c1c;margin:0 0 12px}

#afs-gulf-experience h2{font-weight:400;font-size:36px;line-height:1.15;margin:0 0 22px}

#afs-gulf-experience svg.map{display:block;width:100%;height:auto;background:#eee9e0;margin-bottom:16px;overflow:hidden}

#afs-gulf-experience svg.map path{fill:#e4d9ca;stroke:#faf8f4;stroke-width:.8}

#afs-gulf-experience svg.map path.gulf{fill:#dfb79b;cursor:pointer}

#afs-gulf-experience svg.map path.chosen{fill:#c65920}

#afs-gulf-experience svg.map text{fill:#3c3026;font-family:Arial,sans-serif;paint-order:stroke;stroke:#eee9e0;stroke-width:3px;stroke-linejoin:round;pointer-events:none}

#afs-gulf-experience .gulf-countries{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:22px}

#afs-gulf-experience button{font:13px/1.4 Arial,sans-serif;min-height:38px;padding:8px 11px;background:#faf8f4;color:#3c3026;border:1px solid #b9a795;border-radius:2px;cursor:pointer;transition:box-shadow .18s ease}

#afs-gulf-experience button[aria-pressed="true"]{background:#4d3829;color:#fff;border-color:#4d3829}

#afs-gulf-experience button:hover,#afs-gulf-experience button:focus-visible{box-shadow:0 0 0 2px #cf5b1b33,0 0 15px #cf5b1b40}

#afs-gulf-experience .gulf-detail{border-left:3px solid #c65920;padding-left:18px;min-height:145px}

#afs-gulf-experience .gulf-overline{font:10px/1.6 Arial,sans-serif;letter-spacing:1.5px;color:#766657;margin:0 0 8px}

#afs-gulf-experience h3{font-size:24px;line-height:1.25;font-weight:400;margin:0 0 10px}

#afs-gulf-experience .gulf-description{font-size:14px;line-height:1.7;margin:0 0 12px}

#afs-gulf-experience .gulf-enquiry{font-size:13px;color:#a64b1f;text-underline-offset:4px}

@media(max-width:800px){.about-intro.about-gulf-layout{grid-template-columns:1fr;gap:25px}.about-gulf-story{padding-top:0}#afs-gulf-experience{max-width:600px}#afs-gulf-experience button{min-height:44px}}

@media(prefers-reduced-motion:reduce){#afs-gulf-experience button{transition:none}}



/* Country population labels */

#afs-gulf-experience .gulf-countries button{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}

#afs-gulf-experience .gulf-population{color:#ae4b17;font-weight:600;white-space:nowrap}

#afs-gulf-experience button[aria-pressed=true] .gulf-population{color:#ffb37b}

#afs-gulf-experience .gulf-population-source{font:11px/1.6 Arial,sans-serif;color:#766657;margin:-8px 0 20px}

#afs-gulf-experience .gulf-population-source a{color:inherit}

#afs-gulf-experience h3{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px}

#afs-gulf-experience h3 .gulf-population{font-size:18px}


/* Founder story and aligned introduction */
.about-gulf-story{padding-top:20px;border-top:3px solid #c65920}
.about-gulf-story>p:first-child{margin-top:0}
.about-family-story{margin-top:32px;padding-top:26px;border-top:1px solid #d9cdbf}
.about-family-story h2{font-size:28px;line-height:1.3;font-weight:400;margin:0 0 18px}
.about-family-story p{font-size:16px;line-height:1.8;margin:0 0 18px}
@media(max-width:800px){.about-gulf-story{padding-top:20px}}

/* Three concise country background lines */
#afs-gulf-experience .gulf-background{margin:14px 0 10px}
#afs-gulf-experience .gulf-background p{font-size:15px;line-height:1.7;margin:0 0 9px;max-width:none}
#afs-gulf-experience .gulf-background-source{font-size:11px;line-height:1.5;margin:0 0 20px}
#afs-gulf-experience .gulf-background-source a{color:#806650;text-underline-offset:3px}

/* Compact transition to the customer-support section */
.about-intro .about-family-story{padding:26px 0 0}
.about-intro .about-family-story p:last-child{margin-bottom:0}
.about-intro.about-gulf-layout{padding-bottom:24px}
.migrated-section.about-support{padding-top:24px}

/* Align customer-support heading with the photo on desktop */
@media(min-width:951px){.about-support .section-copy{padding-top:28px}}

/* One shared divider at the introduction section boundary */
.about-intro.about-gulf-layout{border-top:3px solid #c75b1c}
.about-gulf-story,#afs-gulf-experience{border-top:0}

/* Warm panel distinguishes the family story reached from homepage links. */
.about-intro .about-family-story{background:#eee7dc;padding:26px 24px 28px;border-top:1px solid #d9cdbf}.about-intro .about-family-story h2{margin-top:0}.about-intro .about-family-story .lebanon-roots-link{margin-bottom:0}
@media(max-width:600px){.about-intro .about-family-story{padding:24px 20px}}