/* ==========================================================
   UNAPRO M&A INC — NOTICEABLE HEADER
   ========================================================== */
.navbar {
  background: linear-gradient(135deg, rgba(3,49,48,.98), rgba(5,86,78,.97) 58%, rgba(7,55,73,.97));
  border-bottom: 0;
  box-shadow: 0 8px 28px rgba(0,55,55,.22);
}
.navbar::after {
  content:"";
  position:absolute;
  left:0;right:0;bottom:-2px;height:3px;
  background:linear-gradient(90deg,#16946f 0%,#f3c45d 50%,#168fe0 100%);
}
.brand-name strong {
  font-size: .88rem;
  letter-spacing: .07em;
}
.brand-name small {
  color:#ffd579;
  letter-spacing:.18em;
}
.brand-tagline {
  display:flex;
  flex-direction:column;
  padding-left:13px;
  margin-left:-5px;
  border-left:1px solid rgba(255,255,255,.24);
  line-height:1.1;
}
.brand-tagline span {
  color:#ffd579;
  font-size:.58rem;
  font-weight:900;
  letter-spacing:.18em;
}
.brand-tagline small {
  margin-top:4px;
  color:rgba(255,255,255,.68);
  font-size:.42rem;
  font-weight:700;
  letter-spacing:.13em;
}

/* Prominent ENGLISH / KISWAHILI control */
.language-selector {
  display:flex;
  align-items:center;
  gap:5px;
  padding:5px 7px;
  border:1px solid rgba(255,255,255,.35);
  border-radius:999px;
  background:rgba(255,255,255,.10);
  box-shadow:0 5px 20px rgba(0,0,0,.16);
}
.language-globe {
  width:31px;height:31px;display:grid;place-items:center;
  border-radius:50%;
  background:rgba(255,211,121,.16);
  font-size:.85rem;
}
.language-option {
  border:0;
  border-radius:999px;
  padding:9px 11px;
  cursor:pointer;
  color:rgba(255,255,255,.72);
  background:transparent;
  font-size:.59rem;
  font-weight:900;
  letter-spacing:.02em;
}
.language-option:hover {color:#fff;background:rgba(255,255,255,.09)}
.language-option.active {
  color:#17372f;
  background:linear-gradient(135deg,#f5cf74,#e4a63d);
  box-shadow:0 4px 14px rgba(240,189,82,.28);
}
.language-divider {color:rgba(255,255,255,.28)}
@media(max-width:1100px){.brand-tagline{display:none}}
@media(max-width:820px){
  .about-layout{gap:28px}.about-panel{padding:24px 20px;grid-template-columns:52px 1fr;gap:16px}.about-icon{width:52px;height:52px}.about-icon svg{width:25px;height:25px}

  .language-selector{position:absolute;right:58px;top:15px;z-index:20;transform:scale(.88);transform-origin:right center}
  .language-globe{display:none}
}

/* ==========================================================
   END UNAPRO HEADER
   ========================================================== */

/* ==========================================================
   STRATEGIC PARTNER — AFRICA FOCUSED WEBSITE
   Main stylesheet: css/style.css
   ========================================================== */

:root {
  --navy:#075e55;
  --navy-deep:#06172a;
  --blue:#087cf0;
  --blue-light:#10b9ed;
  --cyan:#26d8d0;
  --gold:#e2a43b;
  --terracotta:#c86b42;
  --green:#3d8b57;
  --white:#fff;
  --cream:#fffaf2;
  --light:#f5f8f4;
  --text:#17304b;
  --muted:#61748a;
  --line:#dfe6e5;
  --container:1140px;
  --shadow:0 18px 55px rgba(15,44,67,.11);
  --radius:18px;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Inter,Arial,Helvetica,sans-serif;color:var(--text);background:#fff;line-height:1.7}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
img{max-width:100%;display:block}
.container{width:min(var(--container),calc(100% - 44px));margin-inline:auto}
.section{padding:105px 0}

/* ==========================================================
   NAVIGATION
   ========================================================== */

.navbar{position:fixed;z-index:1000;top:0;width:100%;transition:.3s ease;border-bottom:1px solid rgba(255,255,255,.14)}
.navbar.scrolled{background:rgba(6,23,42,.95);backdrop-filter:blur(16px)}
.nav-inner{min-height:88px;display:flex;align-items:center;gap:22px}
.brand{display:inline-flex;align-items:center;gap:11px;flex:0 0 auto}
.brand-mark{position:relative;width:61px;height:61px;display:grid;place-items:center;border-radius:50%;background:#fff;border:2px solid rgba(16,185,237,.65);box-shadow:0 0 0 4px rgba(255,255,255,.07),0 0 30px rgba(16,185,237,.25);overflow:hidden}
.brand-mark::after{content:"";position:absolute;width:9px;height:9px;top:6px;right:9px;border-radius:50%;background:#fff;box-shadow:0 0 13px 4px rgba(16,185,237,.75)}
.brand-mark img{width:53px;height:53px;object-fit:contain}
.brand-name{display:flex;flex-direction:column;line-height:1;color:#fff}
.brand-name strong{font-family:Georgia,"Times New Roman",serif;font-size:.84rem;letter-spacing:.1em}
.brand-name small{margin-top:5px;color:#91e5ff;font-size:.43rem;font-weight:850;letter-spacing:.34em}
.nav-right{display:flex;align-items:center;gap:10px;order:3}
.language-toggle{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08);color:#fff;border-radius:30px;padding:7px 11px;cursor:pointer;font-size:.65rem;font-weight:800;letter-spacing:.08em}
.language-toggle:hover{background:rgba(255,255,255,.15)}
.lang-sw{color:#8ee4ff}.lang-divider{opacity:.45;padding:0 3px}
.nav-links{display:flex;align-items:center;gap:21px;order:2;margin-left:auto}
.nav-links>a{position:relative;color:rgba(255,255,255,.92);font-size:.69rem;font-weight:800;transition:.2s}
.nav-links>a:hover,.nav-links>a.active{color:#fff}
.nav-links>a.active::after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:2px;background:var(--blue-light)}
.nav-button{padding:11px 17px;border-radius:6px;background:linear-gradient(135deg,var(--blue),#0565cb);box-shadow:0 8px 24px rgba(8,124,240,.22)}
.menu-toggle{display:none;width:40px;height:40px;border:0;background:transparent;cursor:pointer}
.menu-toggle span{display:block;width:24px;height:2px;margin:5px auto;background:#fff}

/* ==========================================================
   HERO — vertical, bright and Africa-inspired
   ========================================================== */

.hero-vertical{min-height:930px;padding-top:125px;padding-bottom:80px;position:relative;overflow:hidden;display:flex;align-items:center;color:#fff;background:linear-gradient(135deg,rgba(5,39,65,.95),rgba(14,100,118,.90) 55%,rgba(201,132,57,.82)),radial-gradient(circle at 80% 15%,rgba(255,211,121,.65),transparent 30%)}
.hero-vertical::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.10),transparent 50%),linear-gradient(0deg,rgba(5,25,38,.24),transparent 45%);pointer-events:none}
.hero-sun{position:absolute;width:620px;height:620px;right:-180px;top:-180px;border-radius:50%;background:radial-gradient(circle,rgba(255,217,133,.65),rgba(255,217,133,0) 68%)}
.hero-pattern{position:absolute;right:7%;bottom:5%;width:430px;height:430px;opacity:.18;border-radius:50%;border:1px solid #fff;box-shadow:0 0 0 28px rgba(255,255,255,.035),0 0 0 56px rgba(255,255,255,.025),0 0 0 84px rgba(255,255,255,.018)}
.hero-stack{position:relative;z-index:2;min-height:720px;display:flex;flex-direction:column;justify-content:center}
.hero-badge{width:fit-content;padding:8px 13px;border:1px solid rgba(255,255,255,.35);border-radius:30px;background:rgba(255,255,255,.09);backdrop-filter:blur(8px);font-size:.66rem;font-weight:800;letter-spacing:.1em}
.badge-dot{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#7ff1c5;box-shadow:0 0 12px #7ff1c5}
.hero-vertical .hero-copy{width:min(790px,100%);padding:45px 0 35px}
.hero-vertical .eyebrow{display:flex;align-items:center;gap:10px;color:#b6f2ff;font-size:.7rem;font-weight:850;letter-spacing:.14em;margin-bottom:22px}
.hero-vertical .eyebrow::before{content:"";width:27px;height:2px;background:var(--gold)}
.hero-vertical h1{font-size:clamp(3.3rem,7vw,6.8rem);line-height:.94;letter-spacing:-.065em;margin-bottom:30px;max-width:800px}
.hero-vertical h1 span:first-child{color:#fff}.hero-accent{color:#ffd27a}
.hero-vertical .hero-description{max-width:660px;color:rgba(255,255,255,.88);font-size:1.05rem;line-height:1.85;margin-bottom:32px}
.hero-vertical .hero-actions{display:flex;flex-wrap:wrap;gap:13px}
.button{min-height:50px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:20px;border-radius:6px;font-size:.72rem;font-weight:850;letter-spacing:.035em;transition:.25s}
.button.primary{color:#07324a;background:#ffd37c;box-shadow:0 10px 28px rgba(0,0,0,.15)}
.button.primary:hover{transform:translateY(-2px);background:#ffe09e}
.button.secondary{color:#fff;border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.08)}
.button.secondary:hover{background:rgba(255,255,255,.16)}
.hero-rail{display:flex;align-items:center;gap:15px;margin-top:15px}
.rail-line{width:46px;height:1px;background:#ffd37c}
.rail-content{display:flex;align-items:baseline;flex-wrap:wrap;gap:9px}
.rail-content strong{color:#ffd37c;font-size:.72rem;letter-spacing:.18em}
.rail-content span{color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:1rem}
.rail-content small{color:rgba(255,255,255,.65);font-size:.7rem}



/* ==========================================================
   TYPE / VISION
   ========================================================== */

.section-heading{max-width:740px;margin-bottom:55px}
.section-heading.centered{text-align:center;margin-inline:auto}
.section-label{color:var(--blue);font-size:.68rem;font-weight:900;letter-spacing:.16em}
.section-heading h2{margin-top:14px;margin-bottom:16px;color:#153451;font-size:clamp(2.25rem,4.5vw,4rem);line-height:1.02;letter-spacing:-.055em}
.section-heading p:not(.section-label){color:var(--muted);font-size:.98rem}
.vision{background:linear-gradient(180deg,#fffdf8,#fff)}
.about-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.95fr);gap:72px;align-items:start}
.about-intro{padding-right:20px}
.swahili-lead{color:var(--terracotta);margin-top:18px;font-family:Georgia,"Times New Roman",serif;font-size:1rem;font-style:italic}
.vision-statement{max-width:680px;margin:18px 0 0;color:#163553;font-size:clamp(2.4rem,4.2vw,4.2rem);line-height:1.04;letter-spacing:-.055em}
.blue-line{width:62px;height:3px;margin:25px 0 28px;background:linear-gradient(90deg,var(--blue),var(--cyan))}
.about-intro>p:not(.section-label):not(.swahili-lead){max-width:690px;margin-top:0;margin-bottom:16px;color:var(--muted);font-size:.98rem;line-height:1.85}
.about-panels{display:grid;gap:15px}
.about-panel{display:grid;grid-template-columns:58px 1fr;gap:22px;padding:32px 30px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,#fff,#fcfdff);box-shadow:0 14px 40px rgba(23,48,75,.07);transition:transform .25s ease,box-shadow .25s ease}
.about-panel:hover{transform:translateY(-3px);box-shadow:0 18px 45px rgba(23,48,75,.11)}
.about-number{display:none}.about-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;color:#153451;background:linear-gradient(135deg,#f3f7fa,#e8eef3);box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 8px 22px rgba(21,52,81,.08)}.about-icon svg{width:28px;height:28px}
.about-panel h3{margin:5px 0 10px;color:#153451;font-size:1.35rem;letter-spacing:-.02em}
.about-panel p{color:var(--muted);font-size:.92rem;line-height:1.75}
.about-geography{background:linear-gradient(135deg,#0b4560,#0c726d);border-color:transparent}
.about-geography .about-icon{color:#153451;background:#fff}
.about-geography h3{color:#fff}.about-geography p{color:#d8ebea}
.geo-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.geo-tags span{padding:8px 10px;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#eefafa;background:rgba(255,255,255,.09);font-size:.7rem;font-weight:700}
.vision-tagline{color:var(--muted);font-size:.9rem}

/* ==========================================================
   INDUSTRIES / CATEGORY IMAGES
   ========================================================== */

.industries{background:#f7faf7}
.sector-list{display:flex;flex-direction:column;gap:32px}
.sector-card,.sector-card.sector-reverse{min-height:460px;display:grid;grid-template-columns:1.03fr .97fr;border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:0 12px 45px rgba(23,48,75,.08);border:1px solid rgba(23,48,75,.08);transition:transform .3s ease,box-shadow .3s ease}
.sector-card.sector-reverse{grid-template-columns:.97fr 1.03fr}
.sector-card.sector-reverse .sector-image{order:2}.sector-card.sector-reverse .sector-content{order:1}
.sector-card:hover{transform:translateY(-4px);box-shadow:0 18px 55px rgba(23,48,75,.13)}
.sector-image{position:relative;min-height:390px;overflow:hidden}
.sector-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,25,45,.24))}
.sector-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.sector-card:hover .sector-image img{transform:scale(1.045)}
.sector-image>span{position:absolute;z-index:2;top:20px;left:20px;width:43px;height:43px;display:grid;place-items:center;border-radius:50%;color:#fff;background:rgba(8,33,58,.78);backdrop-filter:blur(7px);font-size:.7rem;font-weight:900}
.sector-content{padding:55px 52px;display:flex;flex-direction:column;justify-content:center}
.sector-kicker{color:var(--terracotta);font-size:.66rem;font-weight:900;letter-spacing:.14em}
.sector-content h3{margin:14px 0;color:#153451;font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.06;letter-spacing:-.045em}
.sector-content>p:not(.sector-kicker){color:var(--muted);font-size:.92rem;line-height:1.8;max-width:500px}
.text-link{width:fit-content;margin-top:25px;color:var(--blue);font-size:.68rem;font-weight:900;letter-spacing:.06em}
.text-link:hover{color:var(--terracotta)}

/* ==========================================================
   APPROACH
   ========================================================== */

.approach{background:#fff}
.approach-list{max-width:930px;margin:auto;border-top:1px solid var(--line)}
.approach-row{display:grid;grid-template-columns:90px 1fr;gap:30px;padding:30px 0;border-bottom:1px solid var(--line)}

.approach-row h3{margin-bottom:5px;font-size:1.3rem}.approach-row p{max-width:680px;color:var(--muted);font-size:.88rem}

/* ==========================================================
   PARTNERSHIPS
   ========================================================== */

.dark-section{color:#fff;background:radial-gradient(circle at 80% 10%,rgba(38,216,208,.18),transparent 25%),linear-gradient(145deg,#08213a,#0c5263 65%,#174a45)}
.dark-section .section-heading h2{color:#fff}.dark-section .section-heading p:not(.section-label){color:#d2e3e7}
.partnership-list{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}
.partnership-card{padding:32px;min-height:220px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.07);transition:.25s}
.partnership-card:hover{transform:translateY(-4px);background:rgba(255,255,255,.11);border-color:rgba(255,211,124,.45)}

.partnership-card h3{font-size:1.25rem;margin-bottom:9px}.partnership-card p{color:#d1e0e4;font-size:.85rem}

/* ==========================================================
   COMMUNITY IMPACT
   ========================================================== */

.impact{background:linear-gradient(180deg,#fffaf2,#fff)}
.impact-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:55px}
.impact-intro h2{margin-top:12px;color:#153451;font-size:clamp(2.3rem,4vw,3.8rem);line-height:1.04;letter-spacing:-.055em}
.impact-intro>p{color:var(--muted);font-size:.95rem}
.impact-feature{display:grid;grid-template-columns:.95fr 1.05fr;min-height:550px;overflow:hidden;border-radius:var(--radius);background:#f1f6ef;box-shadow:var(--shadow)}
.impact-image{min-height:500px}.impact-image img{width:100%;height:100%;object-fit:cover}
.impact-copy{padding:55px;display:flex;flex-direction:column;justify-content:center}
.impact-kicker{color:var(--green);font-size:.68rem;font-weight:900;letter-spacing:.16em}
.impact-copy h3{margin:13px 0 16px;color:#153451;font-size:clamp(1.9rem,3vw,3rem);line-height:1.06;letter-spacing:-.05em}
.impact-copy>p:not(.impact-kicker){color:var(--muted);font-size:.9rem}
.impact-actions{margin-top:28px;display:grid;gap:13px}.impact-actions>div{padding-left:14px;border-left:3px solid var(--gold)}
.impact-actions strong{display:block;color:#153451;font-size:.66rem;letter-spacing:.1em}.impact-actions span{color:var(--muted);font-size:.76rem}
.future-list{margin-top:28px;padding:17px;border:1px dashed #cbb98e;border-radius:10px;background:rgba(255,255,255,.65)}
.future-list p{color:var(--terracotta);font-size:.65rem;font-weight:900;letter-spacing:.1em}.future-list span{display:block;margin-top:4px;color:var(--muted);font-size:.72rem}

/* Giving Back photo gallery */

.impact-principles{margin-top:28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.impact-principle{padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(17,52,81,.06);overflow:hidden;display:flex;flex-direction:column}
.impact-principle-image{display:block;width:100%;height:245px;object-fit:cover;object-position:center;border-radius:11px;background:#f4f1eb;margin:0 0 18px}
.impact-principle-image--dignity{object-fit:contain;background:#f4f1eb}
.impact-principle>span{align-self:flex-start;color:var(--terracotta);font-size:.68rem;font-weight:900;letter-spacing:.08em;margin:0 0 10px}
.impact-principle h4{margin:0 0 9px;font-size:1.08rem;color:#153451}
.impact-principle p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.65}

/* ==========================================================
   INSIGHTS
   ========================================================== */

.insights{background:#f6f9fb}
.insights-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}
.insight-points{display:grid}.insight{display:grid;grid-template-columns:55px 1fr;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}
.insight h3{margin-bottom:5px;font-size:1rem}.insight p{color:var(--muted);font-size:.84rem}

/* ==========================================================
   CONTACT
   ========================================================== */

.contact{background:#fff}
.contact-box{padding:65px;display:flex;align-items:center;justify-content:space-between;gap:45px;color:#fff;border-radius:18px;background:radial-gradient(circle at 90% 20%,rgba(255,211,124,.30),transparent 26%),linear-gradient(135deg,#0b4560,#0c726d);box-shadow:var(--shadow)}
.contact-box h2{max-width:680px;margin:12px 0;font-size:clamp(2rem,3.5vw,3.4rem);line-height:1.04;letter-spacing:-.05em}
.contact-box>div>p:last-child{max-width:650px;color:#d8ebea;font-size:.9rem}

/* ==========================================================
   FOOTER
   ========================================================== */

footer{padding-top:65px;color:#a9bac9;background:#061a2d}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px;padding-bottom:55px}
.footer-logo-lockup{display:inline-flex;align-items:center;gap:12px;margin-bottom:18px}
.footer-mark{width:68px;height:68px;display:grid;place-items:center;border-radius:50%;background:#fff;border:1px solid rgba(38,216,208,.55)}
.footer-mark img{width:59px;height:59px;object-fit:contain}
.footer-logo-name{display:flex;flex-direction:column;line-height:1}.footer-logo-name strong{color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:.95rem;letter-spacing:.08em}.footer-logo-name small{color:#86e5ff;margin-top:5px;font-size:.45rem;font-weight:850;letter-spacing:.32em}
.footer-brand p{max-width:430px;font-size:.82rem}.footer-column{display:flex;flex-direction:column;gap:10px}.footer-column h4{color:#fff;font-size:.68rem;letter-spacing:.12em;margin-bottom:8px}.footer-column a{font-size:.78rem}.footer-column a:hover{color:#fff}
.footer-bottom{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.09);font-size:.7rem}

/* ==========================================================
   ANIMATION
   ========================================================== */

.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.reveal.visible{opacity:1;transform:translateY(0)}

/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media(max-width:1060px){
  .about-layout{grid-template-columns:1fr;gap:38px}.about-intro{padding-right:0}.vision-statement{max-width:800px}

  .nav-links{gap:13px}.nav-links>a{font-size:.61rem}
  .sector-card,.sector-card.sector-reverse{grid-template-columns:1fr}
  .sector-card.sector-reverse .sector-image,.sector-card.sector-reverse .sector-content{order:initial}
  .category-image{min-height:350px}
  .impact-feature{grid-template-columns:1fr}.impact-image{min-height:400px}
}

@media(max-width:820px){
  .about-layout{gap:28px}.about-panel{padding:24px 20px;grid-template-columns:52px 1fr;gap:16px}.about-icon{width:52px;height:52px}.about-icon svg{width:25px;height:25px}

  .container{width:min(var(--container),calc(100% - 30px))}
  .section{padding:78px 0}
  .nav-inner{min-height:78px}
  .brand-mark{width:54px;height:54px}.brand-mark img{width:47px;height:47px}
  .brand-name strong{font-size:.7rem}.brand-name small{font-size:.37rem}
  .menu-toggle{display:block}
  .nav-links{position:fixed;inset:78px 12px auto;display:none;flex-direction:column;align-items:stretch;gap:18px;margin:0;padding:25px;border-radius:12px;background:rgba(6,23,42,.98);border:1px solid rgba(255,255,255,.12);box-shadow:0 25px 60px rgba(0,0,0,.35)}
  .nav-links.open{display:flex}.nav-links>a.active::after{display:none}.nav-button{text-align:center}
  .hero-vertical{min-height:850px;padding-top:105px}.hero-stack{min-height:670px}
  .hero-vertical h1{font-size:clamp(3rem,15vw,5rem)}.hero-vertical .hero-description{font-size:.94rem}
  .hero-vertical .hero-actions{flex-direction:column;align-items:stretch}.hero-vertical .button{width:100%}
  .hero-pattern{width:310px;height:310px;right:-90px;bottom:70px}
  .category-content{padding:35px 25px}.category-image{min-height:300px}
  .partnership-list{grid-template-columns:1fr}
  .impact-intro,.insights-layout{grid-template-columns:1fr;gap:30px}
  .impact-feature{grid-template-columns:1fr}.impact-image{min-height:400px}.impact-copy{padding:35px 25px}.impact-principles{grid-template-columns:1fr}
  .impact-gallery{grid-template-columns:repeat(2,1fr)}.impact-gallery-item:nth-child(5n+1){grid-row:span 1;min-height:220px}
  .contact-box{padding:40px 28px;flex-direction:column;align-items:flex-start}
  .footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-brand{grid-column:1/-1}
}

@media(max-width:520px){
  .impact-gallery-heading{display:block}.impact-gallery-heading h3{margin-top:8px}.impact-gallery{grid-template-columns:1fr}.impact-gallery-item,.impact-gallery-item:nth-child(5n+1){min-height:260px}
  .hero-badge{font-size:.55rem}.hero-copy{padding-top:35px}
  .rail-content{align-items:flex-start;flex-direction:column;gap:2px}
  .approach-row{grid-template-columns:45px 1fr;gap:15px}
  .footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}
  .footer-bottom{flex-direction:column;align-items:flex-start;padding:18px 0}
}

/* ==========================================================
   SECTOR IMAGE REPLACEMENT FRIENDLY LAYOUT
   ========================================================== */
@media(max-width:1060px){
  .about-layout{grid-template-columns:1fr;gap:38px}.about-intro{padding-right:0}.vision-statement{max-width:800px}

  .sector-card,.sector-card.sector-reverse{
    grid-template-columns:1fr;
  }
  .sector-card.sector-reverse .sector-image,
  .sector-card.sector-reverse .sector-content{order:initial}
  .sector-image{min-height:340px}
}
@media(max-width:600px){
  .sector-image{min-height:270px}
  .sector-content{padding:35px 25px}
}


/* ==========================================================
   V6 — SECTION HEADING SIZE
   ----------------------------------------------------------
   About Us and Community Impact are intentionally smaller
   so the homepage feels easier to read and less overwhelming.
   ========================================================== */

#about .section-heading h2,
.about-section .section-heading h2 {
  font-size: clamp(1.75rem, 3.4vw, 2.8rem);
  line-height: 1.12;
}

#community .section-heading h2,
#community-impact .section-heading h2,
.community-section .section-heading h2,
.community-impact .section-heading h2 {
  font-size: clamp(1.75rem, 3.4vw, 2.8rem);
  line-height: 1.12;
}

/* If the section uses a generic large heading class, constrain it. */
.section-heading h2 {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}

/* ==========================================================
   FOOTER SOCIAL ICONS + DESIGNER CREDIT
   ========================================================== */

.footer-social {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-top: 20px;
}

.footer-social a {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 50%;
  color: rgba(255,255,255,.82);
  background: rgba(255,255,255,.06);
  transition: transform .2s ease, background .2s ease, color .2s ease;
}

.footer-social a:hover {
  transform: translateY(-3px);
  color: #17382e;
  background: #f0bd52;
}

.footer-social svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.footer-credit {
  margin-top: 18px;
  color: rgba(255,255,255,.58);
  font-size: .72rem;
  letter-spacing: .04em;
}

.footer-credit strong {
  color: #f0bd52;
  font-weight: 800;
}

@media (max-width: 600px) {
  #about .section-heading h2,
  .about-section .section-heading h2,
  #community .section-heading h2,
  #community-impact .section-heading h2,
  .community-section .section-heading h2,
  .community-impact .section-heading h2 {
    font-size: 1.8rem;
  }
}


/* ==========================================================
   V7 — UNIFORM HEADER TYPOGRAPHY
   ----------------------------------------------------------
   All primary navigation words intentionally use the same
   font family, size, weight and letter spacing.
   ========================================================== */

.nav-links > a,
.nav-button,
.language-option {
  font-family: inherit;
  font-size: .72rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.nav-links > a {
  color: rgba(255,255,255,.92);
}

.nav-links > a:hover,
.nav-links > a.active {
  color: #fff;
}

/* Keep the language selector visually prominent without making
   its text a different size from the main navigation. */
.language-option {
  padding: 9px 12px;
}

.language-separator {
  font-size: .72rem;
  line-height: 1;
}

.language-globe {
  font-size: .80rem;
}

/* ==========================================================
   FOOTER — SOCIAL ICONS + DESIGNER CREDIT ON ONE LINE
   ========================================================== */

.footer-social-credit {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: nowrap;
  margin-top: 20px;
}

.footer-social-credit .footer-social {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 0;
}

.footer-social-credit .footer-credit {
  margin: 0;
  white-space: nowrap;
}

@media (max-width: 600px) {
  .footer-social-credit {
    gap: 12px;
    flex-wrap: wrap;
  }

  .footer-social-credit .footer-credit {
    width: 100%;
  }
}


/* ==========================================================
   V8 — CLEAN SINGLE-LINE DESKTOP HEADER
   All desktop navigation labels stay on one line.
   ========================================================== */

@media (min-width: 821px) {
  .navbar {
    min-height: 82px;
    padding-left: 0;
    padding-right: 0;
  }

  .navbar .container,
  .navbar .nav-container,
  .navbar-inner {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    min-width: 0;
  }

  .brand,
  .brand-tagline {
    flex: 0 0 auto;
    white-space: nowrap;
  }

  .nav-links {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
    gap: clamp(11px, 1.15vw, 21px);
    min-width: 0;
    flex: 1 1 auto;
  }

  .nav-links > a,
  .nav-links > a *,
  .nav-button,
  .nav-button * {
    flex: 0 0 auto;
    white-space: nowrap !important;
    word-break: keep-all;
    overflow-wrap: normal;
    font-size: clamp(.56rem, .66vw, .70rem);
    line-height: 1 !important;
    letter-spacing: .015em;
  }

  .language-selector {
    flex: 0 0 auto;
    white-space: nowrap;
    margin-left: 5px;
  }

  .language-option,
  .language-separator,
  .language-globe {
    white-space: nowrap;
  }
}

/* At narrower desktop widths, shrink spacing and type rather
   than allowing labels such as "ABOUT US" to break. */
@media (min-width: 821px) and (max-width: 1250px) {
  .nav-links {
    gap: 8px;
  }

  .nav-links > a,
  .nav-links > a *,
  .nav-button,
  .nav-button * {
    font-size: .55rem;
  }

  .brand-tagline {
    display: none;
  }

  .language-selector {
    transform: scale(.84);
    transform-origin: right center;
  }
}


/* ==========================================================
   V9 — HEADER SPACING / CLEANER NAVIGATION
   ----------------------------------------------------------
   PARTNERSHIPS has been removed from the navigation to give
   the remaining menu items more breathing room.
   ========================================================== */

@media (min-width: 821px) {
  .navbar .container,
  .navbar .nav-container,
  .navbar-inner {
    gap: 0;
  }

  .nav-links {
    justify-content: space-between;
    gap: clamp(12px, 1.35vw, 24px);
    padding-left: clamp(14px, 1.4vw, 24px);
  }

  .nav-links > a,
  .nav-links > a *,
  .nav-button,
  .nav-button * {
    font-size: clamp(.60rem, .68vw, .70rem);
    letter-spacing: .02em;
  }

  .language-selector {
    margin-left: clamp(10px, 1.1vw, 18px);
  }
}

@media (min-width: 821px) and (max-width: 1250px) {
  .nav-links {
    gap: 10px;
    padding-left: 10px;
  }

  .nav-links > a,
  .nav-links > a *,
  .nav-button,
  .nav-button * {
    font-size: .56rem;
  }
}


/* ==========================================================
   V10 — HEADER REBUILD
   ----------------------------------------------------------
   The previous header allowed the navigation to overlap the
   logo/tagline. This version gives the brand, navigation and
   language selector their own flex areas.

   Desktop layout:
   [LOGO + COMPANY] [NAVIGATION ................] [LANGUAGE]
   ========================================================== */

@media (min-width: 821px) {

  .navbar,
  .navbar .container,
  .navbar .nav-container,
  .navbar-inner {
    box-sizing: border-box;
  }

  .navbar .container,
  .navbar .nav-container,
  .navbar-inner {
    width: 100%;
    max-width: none;
    min-width: 0;
    display: flex;
    align-items: center;
    flex-wrap: nowrap !important;
  }

  /* Keep the logo/company block together. */
  .brand {
    position: relative;
    z-index: 5;
    flex: 0 0 auto !important;
    min-width: 245px;
    white-space: nowrap !important;
    margin-right: 18px;
  }

  .brand-tagline {
    position: relative !important;
    z-index: 5;
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    margin-right: 20px;
  }

  /* Navigation gets its own flexible middle area. */
  .nav-links {
    position: relative;
    z-index: 4;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: clamp(13px, 1.45vw, 24px) !important;
    padding: 0 12px !important;
    margin: 0 !important;
    white-space: nowrap !important;
    overflow: visible !important;
  }

  .nav-links > a,
  .nav-links > a *,
  .nav-button,
  .nav-button * {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    line-height: 1 !important;
    font-size: clamp(.56rem, .63vw, .68rem) !important;
    letter-spacing: .015em !important;
    text-align: center !important;
  }

  /* The CTA has enough room but cannot cover navigation. */
  .nav-links .nav-cta,
  .nav-links .cta,
  .nav-links a[href*="contact"] {
    flex: 0 0 auto !important;
  }

  /* Language selector stays completely separate from nav. */
  .language-selector {
    position: relative !important;
    z-index: 6;
    flex: 0 0 auto !important;
    margin: 0 0 0 12px !important;
    white-space: nowrap !important;
  }

  .language-option {
    white-space: nowrap !important;
    font-size: .66rem !important;
  }

  /* Prevent the brand from being visually covered by nav. */
  .brand img,
  .brand-logo,
  .logo {
    position: relative;
    z-index: 6;
  }
}

/* Medium desktop: compact the brand/tagline before reducing the
   navigation too aggressively. */
@media (min-width: 821px) and (max-width: 1400px) {
  .brand {
    min-width: 210px;
    margin-right: 10px;
  }

  .brand-tagline {
    margin-right: 10px;
  }

  .nav-links {
    gap: 9px !important;
    padding: 0 7px !important;
  }

  .nav-links > a,
  .nav-links > a *,
  .nav-button,
  .nav-button * {
    font-size: .54rem !important;
  }

  .language-selector {
    transform: scale(.88);
    transform-origin: right center;
    margin-left: 4px !important;
  }
}

/* Smaller desktop/tablet: hide the small secondary brand tagline
   so the actual company name remains clear and readable. */
@media (min-width: 821px) and (max-width: 1120px) {
  .brand-tagline {
    display: none !important;
  }

  .brand {
    min-width: 195px;
  }

  .nav-links {
    gap: 7px !important;
  }

  .nav-links > a,
  .nav-links > a *,
  .nav-button,
  .nav-button * {
    font-size: .50rem !important;
  }
}

/* Mobile keeps the existing responsive menu behavior. */
@media (max-width: 820px) {
  .brand,
  .brand-tagline {
    white-space: nowrap;
  }
}


/* ==========================================================
   V11 — BALANCED HEADER NAVIGATION
   Move navigation closer to the centre and increase font size.
   ========================================================== */

@media (min-width: 821px) {
  .nav-links {
    justify-content: center !important;
    gap: clamp(13px, 1.15vw, 20px) !important;
    padding-left: 22px !important;
    padding-right: 8px !important;
  }

  .nav-links > a,
  .nav-links > a *,
  .nav-button,
  .nav-button * {
    font-size: clamp(.63rem, .70vw, .74rem) !important;
    font-weight: 800 !important;
    letter-spacing: .01em !important;
  }

  .language-selector {
    margin-left: 10px !important;
  }
}

@media (min-width: 821px) and (max-width: 1400px) {
  .nav-links {
    gap: 10px !important;
    padding-left: 14px !important;
  }

  .nav-links > a,
  .nav-links > a *,
  .nav-button,
  .nav-button * {
    font-size: .60rem !important;
  }
}


/* ==========================================================
   V16 — FULL NINE-SECTOR SERVICE INFORMATION
   ----------------------------------------------------------
   Full service details are displayed by default for every
   strategic sector. No numbered labels and no Explore links
   are required; each sector shows its three service areas
   directly below the main description.
   ========================================================== */

.sector-card {
  transition: box-shadow .35s ease, transform .35s ease;
}

.sector-expand-panel {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  order: 3 !important;
  width: 100%;
  box-sizing: border-box;
  max-height: none !important;
  opacity: 1 !important;
  overflow: visible !important;
  padding: 30px 52px 34px !important;
  background: linear-gradient(135deg, #f7fbfa, #edf5f2);
  border-top: 1px solid rgba(23, 52, 81, .10);
}

.sector-expand-inner {
  max-width: 1000px;
}

.sector-expand-label {
  margin: 0 0 8px;
  color: #148b68;
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .12em;
}

.sector-expand-description {
  margin: 0;
  color: #52697c;
  font-size: .95rem;
  line-height: 1.75;
}

.sector-expand-columns {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 20px;
}

.sector-expand-columns > div {
  padding: 17px 18px;
  border: 1px solid rgba(23, 52, 81, .10);
  border-radius: 12px;
  background: rgba(255,255,255,.82);
}

.sector-expand-columns strong,
.sector-expand-columns span {
  display: block;
}

.sector-expand-columns strong {
  margin-bottom: 7px;
  color: #153451;
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.sector-expand-columns span {
  color: #637587;
  font-size: .85rem;
  line-height: 1.55;
}

/* Expanded card state */
.sector-card.is-expanded {
  box-shadow: 0 22px 60px rgba(23, 52, 81, .14);
}


/* Make the original picture bigger when the card is expanded. */
.sector-card.is-expanded .sector-image {
  min-height: 500px;
}

.sector-card.is-expanded .sector-image img {
  transform: scale(1.08);
}

/* Give the active Explore link a subtle visual state. */
.sector-card.is-expanded [data-sector-toggle] {
  color: #148b68;
}

.sector-card.is-expanded [data-sector-toggle]::after {
  content: "  CLOSE ×";
  margin-left: 8px;
  font-size: .58rem;
}

@media (max-width: 760px) {
  .sector-expand-panel {
    padding: 24px 28px 28px !important;
  }

  .sector-card.is-expanded .sector-expand-panel {
    max-height: 650px;
    padding: 24px 28px 28px;
  }

  .sector-card.is-expanded .sector-image {
    min-height: 330px;
  }

  .sector-expand-columns {
    grid-template-columns: 1fr;
  }
}


/* ==========================================================
   V17 — UNIFORM FULL-DETAIL SECTOR LAYOUT
   ========================================================== */

/* Keep every sector card as a clean two-column top row. */
.sector-card,
.sector-card.sector-reverse {
  align-items: stretch;
}

/* Image and content always remain in the first row. */
.sector-card .sector-image,
.sector-card .sector-content {
  grid-row: 1;
}

/* The expandable information ALWAYS occupies the second row. */
.sector-card .sector-expand-panel {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  order: 3 !important;
  width: 100%;
  box-sizing: border-box;
  align-self: stretch;
}

/* This is especially important for cards using .sector-reverse. */
.sector-card.sector-reverse .sector-expand-panel {
  order: 3 !important;
  grid-row: 2 !important;
}

/* Keep the main card layout uniform when opened. */
.sector-card.is-expanded .sector-image {
  min-height: 390px !important;
}

/* Picture becomes slightly more prominent without changing
   the height of the main top section. */
.sector-card.is-expanded .sector-image img {
  transform: scale(1.055) !important;
}

/* Expand ONLY from the bottom. */

/* Remove the extra CLOSE text that was being appended after
   the Explore link. The original link stays visually uniform. */
.sector-card.is-expanded [data-sector-toggle]::after {
  content: none !important;
}

@media (max-width: 820px) {
  .sector-card .sector-image,
  .sector-card .sector-content {
    grid-row: auto;
  }

  .sector-card .sector-expand-panel {
    grid-row: auto !important;
    order: 3 !important;
  }

  .sector-card.is-expanded .sector-image {
    min-height: 340px !important;
  }
}

@media (max-width: 600px) {
  .sector-card.is-expanded .sector-image {
    min-height: 270px !important;
  }

  .sector-card .sector-expand-panel {
    padding: 24px 25px 28px !important;
  }
}


/* ==========================================================
   V15 — RESPONSIVE HEADER FIX FOR ALL SCREEN SIZES
   ----------------------------------------------------------
   The previous mobile header allowed the language selector to
   overlap the logo and hamburger menu.

   This responsive system uses:
   Desktop: full single-row header
   Tablet: compact single-row header
   Small phones: two clean header rows
   ========================================================== */

/* Keep header elements inside a predictable layout area. */
.nav-inner {
  position: relative;
}

.nav-right {
  flex: 0 0 auto;
}

/* -------------------------------
   TABLET / LARGE PHONE
   561px to 820px
   ------------------------------- */
@media (min-width: 561px) and (max-width: 820px) {
  .nav-inner {
    min-height: 78px;
    gap: 8px;
  }

  .brand {
    gap: 8px;
    min-width: 0;
    flex: 1 1 auto;
  }

  .brand-mark {
    width: 50px;
    height: 50px;
    flex: 0 0 50px;
  }

  .brand-mark img {
    width: 43px;
    height: 43px;
  }

  .brand-name strong {
    font-size: .68rem;
    letter-spacing: .055em;
  }

  .brand-name small {
    font-size: .34rem;
    letter-spacing: .18em;
  }

  .nav-right {
    gap: 6px;
  }

  .language-selector {
    position: static !important;
    transform: none !important;
    margin: 0 !important;
    padding: 4px 5px;
    gap: 3px;
  }

  .language-globe {
    display: none;
  }

  .language-option {
    padding: 8px 9px;
    font-size: .56rem !important;
  }

  .menu-toggle {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
  }
}

/* -------------------------------
   SMALL PHONES
   Up to 560px
   -------------------------------
   The language selector moves to a second row so that it can
   never cover the company name or the hamburger icon.
*/
@media (max-width: 560px) {
  .navbar {
    min-height: 126px;
  }

  .navbar .container.nav-inner {
    min-height: 126px;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 42px;
    grid-template-rows: 72px 46px;
    column-gap: 8px;
    row-gap: 0;
    align-items: center;
  }

  .brand {
    grid-column: 1;
    grid-row: 1;
    min-width: 0 !important;
    margin: 0 !important;
    gap: 8px;
    overflow: hidden;
  }

  .brand-mark {
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
  }

  .brand-mark img {
    width: 45px;
    height: 45px;
  }

  .brand-name {
    min-width: 0;
  }

  .brand-name strong {
    display: block;
    font-size: .67rem;
    letter-spacing: .045em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .brand-name small {
    display: block;
    font-size: .32rem;
    letter-spacing: .14em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .brand-tagline {
    display: none !important;
  }

  .nav-right {
    display: contents !important;
  }

  .menu-toggle {
    display: block;
    grid-column: 2;
    grid-row: 1;
    width: 42px;
    height: 42px;
    justify-self: end;
    position: relative;
    z-index: 30;
  }

  .language-selector {
    position: static !important;
    transform: none !important;
    margin: 0 !important;
    grid-column: 1 / -1;
    grid-row: 2;
    justify-self: center;
    justify-content: center;
    width: max-content;
    max-width: 100%;
    height: 39px;
    padding: 4px 6px;
    gap: 4px;
    z-index: 20;
  }

  .language-globe {
    display: none !important;
  }

  .language-option {
    padding: 8px 12px;
    font-size: .58rem !important;
    line-height: 1;
    white-space: nowrap;
  }

  .language-divider {
    padding: 0 1px;
  }

  /* Mobile menu starts below the taller two-row header. */
  .nav-links {
    top: 136px !important;
    inset: 136px 12px auto !important;
    width: auto !important;
    max-height: calc(100vh - 150px);
    overflow-y: auto;
    z-index: 25;
  }

  /* Hero and page content clear the taller fixed header. */
  .hero-vertical {
    padding-top: 150px !important;
  }
}

/* Very narrow phones: retain both language choices while
   reducing only their internal padding. */
@media (max-width: 380px) {
  .language-option {
    padding: 7px 8px;
    font-size: .52rem !important;
  }

  .language-selector {
    transform: scale(.96) !important;
    transform-origin: center center;
  }

  .brand-name strong {
    font-size: .62rem;
  }

  .brand-name small {
    font-size: .29rem;
  }
}

/* Landscape phones: allow the header to remain compact and
   prevent the open navigation from exceeding the viewport. */
@media (max-height: 520px) and (max-width: 820px) {
  .nav-links {
    max-height: calc(100vh - 90px);
  }
}

/* Premium cinematic community impact slideshow */
.impact-cinematic-wrap{margin-top:56px}.impact-cinematic-header{margin-bottom:20px}.impact-cinematic-header h3{margin:0;color:#143552;font-size:clamp(2rem,4vw,4.1rem);line-height:.98;letter-spacing:-.055em}.impact-cinematic-header h3 span{color:#1e5aa6}.impact-cinematic{position:relative;height:min(72vh,720px);min-height:520px;overflow:hidden;border-radius:28px;background:#0c2134;box-shadow:0 28px 70px rgba(11,34,53,.22)}.impact-cinematic-slides,.impact-cinematic-slide{position:absolute;inset:0}.impact-cinematic-slide{margin:0;opacity:0;transform:scale(1.035);transition:opacity 1s ease,transform 7s ease;pointer-events:none}.impact-cinematic-slide.active{opacity:1;transform:scale(1);pointer-events:auto}.impact-cinematic-slide img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;background:#0c2134}.impact-cinematic-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,18,31,.78) 0%,rgba(4,18,31,.42) 42%,rgba(4,18,31,.08) 72%),linear-gradient(0deg,rgba(4,18,31,.72),transparent 48%)}.impact-cinematic-copy{position:absolute;left:clamp(28px,5vw,76px);bottom:clamp(78px,10vw,112px);max-width:590px;color:#fff}.impact-cinematic-copy .impact-kicker{color:#a9c8ff;letter-spacing:.22em;font-size:.7rem;font-weight:800;margin-bottom:16px}.impact-cinematic-copy h4{margin:0 0 16px;font-size:clamp(2rem,4.2vw,4.5rem);line-height:.98;letter-spacing:-.055em}.impact-cinematic-copy>p:last-child{margin:0;max-width:500px;color:rgba(255,255,255,.82);font-size:1.03rem;line-height:1.6}.impact-cinematic-bottom{position:absolute;left:clamp(28px,5vw,76px);right:clamp(28px,5vw,76px);bottom:28px;display:flex;align-items:center;gap:20px}.impact-progress{height:3px;flex:1;background:rgba(255,255,255,.28);overflow:hidden}.impact-progress span{display:block;width:4%;height:100%;background:#fff;transition:width .6s ease}.impact-cinematic-meta{color:#fff;white-space:nowrap;letter-spacing:.08em}.impact-cinematic-meta strong{font-size:1.15rem}.impact-cinematic-meta span{color:rgba(255,255,255,.62);font-size:.85rem}.impact-cinematic-nav{position:absolute;top:50%;width:58px;height:58px;transform:translateY(-50%);border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(8,29,46,.28);color:#fff;cursor:pointer;font-size:1.55rem;opacity:0;transition:opacity .25s ease,background .25s ease,transform .25s ease}.impact-cinematic:hover .impact-cinematic-nav{opacity:1}.impact-cinematic-nav:hover{background:rgba(255,255,255,.18);transform:translateY(-50%) scale(1.06)}.impact-prev{left:24px}.impact-next{right:24px}.impact-dots{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;padding-top:20px}.impact-dot{width:18px;height:3px;padding:0;border:0;background:#c9d3dc;cursor:pointer;transition:width .25s ease,background .25s ease}.impact-dot.active{width:36px;background:#1d5aa6}@media(max-width:700px){.impact-cinematic-wrap{margin-top:40px}.impact-cinematic-header h3{margin-top:8px}.impact-cinematic{height:68vh;min-height:500px;border-radius:20px}.impact-cinematic-copy{left:26px;right:26px;bottom:86px}.impact-cinematic-copy h4{font-size:clamp(2.25rem,11vw,3.8rem)}.impact-cinematic-copy>p:last-child{font-size:.93rem}.impact-cinematic-overlay{background:linear-gradient(0deg,rgba(4,18,31,.9),rgba(4,18,31,.08) 75%)}.impact-cinematic-bottom{left:26px;right:26px;bottom:24px}.impact-cinematic-nav{display:none}.impact-dots{gap:5px}.impact-dot{width:12px}.impact-dot.active{width:26px}}


/* ==========================================================
   V28 — CLEAN COMMUNITY IMPACT REDESIGN
   ========================================================== */
.impact{background:linear-gradient(180deg,#f8fafc 0%,#ffffff 100%);}
.impact .container{max-width:1180px;}
.impact-intro{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center;margin-bottom:0;padding:12px 0 38px;border-bottom:1px solid rgba(21,52,81,.10)}
.impact-intro h2{margin:10px 0 0;max-width:620px;font-size:clamp(2rem,4vw,3.35rem);line-height:1.08;letter-spacing:-.045em}
.impact-intro>p{margin:0;max-width:560px;padding:20px 0 20px 24px;border-left:3px solid var(--gold);font-size:.98rem;line-height:1.75;color:#526170}
.impact-divider{height:28px}
.impact-principles-heading{max-width:820px;margin:12px auto 30px;text-align:center}
.impact-principles-heading .impact-kicker{margin:0 0 10px}
.impact-principles-heading h3{margin:0 0 10px;color:#153451;font-size:clamp(1.65rem,2.5vw,2.35rem);letter-spacing:-.035em}
.impact-principles-heading p{max-width:680px;margin:0 auto;color:var(--muted);line-height:1.7}
.impact-principles{margin-top:0;gap:22px}
.impact-principle{padding:16px;border:1px solid rgba(21,52,81,.12);border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(21,52,81,.07);transition:transform .25s ease,box-shadow .25s ease}
.impact-principle:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(21,52,81,.12)}
.impact-principle-image{height:270px;object-fit:cover;object-position:center;border-radius:12px;background:#eef2f4;margin:0 0 18px}
.impact-principle>span{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:24px;border-radius:999px;background:#edf3f8;color:#31537a;font-size:.67rem;letter-spacing:.08em}
.impact-principle h4{margin:14px 0 7px;color:#153451;font-size:1.12rem}
.impact-principle p{margin:0 0 5px;color:#647181;font-size:.86rem;line-height:1.65}
@media(max-width:820px){
 .impact-intro{grid-template-columns:1fr;gap:20px;padding-bottom:30px}
 .impact-intro>p{padding:0 0 0 18px}
 .impact-principle-image{height:320px}
}
@media(max-width:520px){
 .impact-divider{height:20px}
 .impact-intro h2{font-size:2rem}
 .impact-principle-image{height:280px}
}

@media(max-width:760px){.impact-principles-heading{text-align:left;margin-left:0;margin-right:0}.impact-principles-heading p{margin-left:0}.impact-principles{grid-template-columns:1fr;gap:18px}.impact-principle-image{height:260px}}


/* Version 30: clean Giving Back cards */
#giving-back .impact-principle>span{display:none!important}
#giving-back .impact-principle h4{margin-top:14px!important}
#giving-back .impact-principle-image{width:100%!important;height:270px!important;display:block!important;border-radius:12px!important;object-fit:cover!important;object-position:center!important}
#giving-back .impact-principle-image--dignity{object-fit:contain!important;object-position:center!important;background:#f4f1eb!important}
@media(max-width:820px){#giving-back .impact-principle-image{height:320px!important}}
@media(max-width:520px){#giving-back .impact-principle-image{height:280px!important}}



.hero-rail{align-items:flex-start}
.rail-content{align-items:flex-start;flex-wrap:nowrap;gap:12px}
.rail-content strong{padding-top:2px;white-space:nowrap}
.rail-copy{display:flex;flex-direction:column;align-items:flex-start;gap:4px;line-height:1.15}
.rail-copy span{white-space:nowrap}
.rail-copy small{white-space:nowrap}

@media(max-width:820px){
  .hero-rail{margin-top:18px;margin-bottom:62px;gap:10px}
  .rail-line{width:34px;flex:0 0 auto;margin-top:9px}
  .rail-content{gap:9px}
  .rail-content strong{font-size:.62rem;letter-spacing:.14em}
  .rail-copy span{font-size:.92rem}
  .rail-copy small{font-size:.62rem}
  
}

@media(max-width:560px){
  .hero-rail{margin-bottom:68px}
  .rail-content{gap:7px}
  .rail-content strong{font-size:.56rem}
  .rail-copy span{font-size:.82rem;white-space:normal}
  .rail-copy small{font-size:.58rem}
  
}


@media(max-width:820px){
  .hero-stack{padding-bottom:96px!important;justify-content:center!important}
  .hero-rail{margin-top:26px!important;margin-bottom:0!important;min-height:54px!important;align-items:center!important}
  .rail-line{margin-top:0!important}
  .rail-content{align-items:center!important}
  .rail-copy{gap:5px!important}
  
}
@media(max-width:560px){
  .hero-stack{padding-bottom:108px!important}
  .hero-rail{margin-top:22px!important;min-height:62px!important;align-items:flex-start!important}
  .rail-content{align-items:flex-start!important}
  .rail-copy span{white-space:normal!important}
  
}


@media(max-width:820px){
  .hero-stack{
    padding-bottom:0!important;
    min-height:720px!important;
  }
  .hero-rail{
    width:max-content!important;
    max-width:100%!important;
    margin-top:32px!important;
    margin-bottom:110px!important;
    align-items:center!important;
  }
  .rail-content{
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
  }
  .rail-copy{
    min-width:0!important;
    gap:6px!important;
  }
  
}
@media(max-width:560px){
  .hero-stack{min-height:680px!important}
  .hero-rail{
    width:100%!important;
    margin-top:26px!important;
    margin-bottom:96px!important;
    justify-content:center!important;
  }
  .rail-line{width:28px!important}
  .rail-content{gap:9px!important}
  .rail-copy span{white-space:nowrap!important;font-size:.82rem!important}
  .rail-copy small{white-space:nowrap!important;font-size:.58rem!important}
  
}


@media(max-width:820px){
  .hero-stack{position:relative!important;min-height:720px!important;padding-bottom:0!important}
  .hero-rail{
    position:absolute!important;
    left:50%!important;
    bottom:118px!important;
    transform:translateX(-50%)!important;
    width:max-content!important;
    max-width:calc(100% - 40px)!important;
    margin:0!important;
    justify-content:center!important;
  }
  
}
@media(max-width:560px){
  .hero-stack{min-height:680px!important}
  .hero-rail{
    bottom:104px!important;
    width:calc(100% - 32px)!important;
    max-width:calc(100% - 32px)!important;
  }
  .rail-content{gap:10px!important}
  .rail-copy{align-items:flex-start!important}
  
}



@media(max-width:820px){
  .hero-stack{min-height:auto!important;padding-bottom:48px!important}
  .hero-rail{position:static!important;transform:none!important;margin:30px auto 0!important;left:auto!important;bottom:auto!important;width:max-content!important;max-width:calc(100% - 40px)!important}
}
@media(max-width:560px){
  .hero-stack{min-height:auto!important;padding-bottom:36px!important}
  .hero-rail{width:calc(100% - 32px)!important;max-width:calc(100% - 32px)!important;margin-top:24px!important}
}

/* V37 verified removal */
.scroll-prompt,[class*="scroll-prompt"],[id*="scroll-prompt"]{display:none!important;visibility:hidden!important;opacity:0!important;content:none!important}


/* Number-free icon system */
.icon-badge{width:58px;height:58px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(18,91,72,.08);color:#1f5b48;box-shadow:0 8px 22px rgba(25,54,74,.08);flex:0 0 auto}
.icon-badge svg{width:29px;height:29px}
.approach-row{grid-template-columns:70px 1fr;align-items:center}
.approach-row .approach-icon{margin:0}
.partnership-card .partnership-icon{display:inline-flex;margin-bottom:22px;background:rgba(255,211,124,.12);color:#ffd37c;box-shadow:none}
.insight{grid-template-columns:70px 1fr;align-items:center}
.insight .insight-icon{margin:0;background:rgba(18,91,72,.08);color:#1f5b48}
@media(max-width:780px){.approach-row{grid-template-columns:54px 1fr}.insight{grid-template-columns:54px 1fr}.icon-badge{width:44px;height:44px}.icon-badge svg{width:23px;height:23px}}


/* V43 — CONTACT DETAILS + SOCIAL MEDIA */
.footer-grid{grid-template-columns:2fr 1fr 1fr 1.35fr}
.footer-contact-details p{margin:0;color:#a9bac9;font-size:.78rem;line-height:1.6}
.footer-contact-details p strong{color:#fff;font-size:.84rem}
.footer-social-credit{padding-bottom:18px}
@media(max-width:1060px){.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-contact-details{grid-column:1/-1}}
@media(max-width:600px){.footer-grid{grid-template-columns:1fr}.footer-contact-details{grid-column:auto}}


/* V45 — SOCIAL MEDIA MOVED NEXT TO CONTACT INFORMATION */
.footer-contact-details{gap:10px}
.footer-social-inline{display:flex;align-items:center;gap:10px;margin-top:10px;padding-top:14px;border-top:1px solid rgba(255,255,255,.12)}
.footer-social-inline>span{margin-right:4px;color:#fff;font-size:.76rem;font-weight:800;white-space:nowrap}
.footer-social-inline a{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:50%;color:rgba(255,255,255,.85);background:rgba(255,255,255,.06);transition:transform .2s ease,background .2s ease,color .2s ease}
.footer-social-inline a:hover{transform:translateY(-2px);color:#17382e;background:#f0bd52}
.footer-social-inline svg{width:16px;height:16px;fill:currentColor}
.footer-credit-bottom{max-width:1160px;margin:0 auto;padding:0 28px 20px;color:rgba(255,255,255,.58);font-size:.72rem;letter-spacing:.04em}
.footer-credit-bottom strong{color:#f0bd52;font-weight:800}
@media(max-width:1060px){.footer-social-inline{border-top:0;padding-top:4px}}
@media(max-width:600px){.footer-social-inline{flex-wrap:wrap}.footer-social-inline>span{width:100%;margin-bottom:2px}.footer-credit-bottom{padding:0 22px 18px}}

/* V48 — Read More only on tablets, phones, and small screens */
.sector-read-more {
  display: none;
  align-items: center;
  gap: 8px;
  width: fit-content;
  margin: 18px 28px 22px;
  padding: 11px 18px;
  border: 1px solid rgba(20,139,104,.22);
  border-radius: 999px;
  background: #ffffff;
  color: #148b68;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .04em;
  cursor: pointer;
  box-shadow: 0 6px 18px rgba(23,52,81,.07);
}
.sector-read-more:hover {
  background: #f1f8f5;
}

@media (max-width: 1024px) {
  .sector-card .sector-expand-panel {
    display: none;
  }
  .sector-read-more {
    display: inline-flex;
  }
  .sector-card.is-expanded .sector-expand-panel {
    display: block;
  }
}

@media (min-width: 1025px) {
  .sector-read-more {
    display: none !important;
  }
  .sector-card .sector-expand-panel {
    display: block !important;
  }
}




/* Compact six-grid leadership section */
.team{background:linear-gradient(180deg,#ffffff 0%,#f6f9f7 100%)}
.team-heading{max-width:850px;margin-bottom:34px}
.team-heading h2{margin-top:8px}
.team-grid-six{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.team-mini-card{min-height:190px;padding:24px;border:1px solid rgba(21,52,81,.11);border-radius:20px;background:#fff;box-shadow:0 14px 34px rgba(15,44,67,.07);display:flex;align-items:flex-start;gap:16px}
.team-mini-person{display:block;padding:0;overflow:hidden}
.team-mini-photo{height:180px;background:#e9eef0;overflow:hidden}
.team-mini-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 20%;filter:saturate(.96) contrast(1.01)}
.team-mini-body{padding:18px 20px 20px}
.team-role{margin:0 0 7px;color:#c88b2b;font-size:.62rem;font-weight:900;letter-spacing:.12em}
.team-mini-body h3{margin:0;color:#153451;font-size:1.22rem;line-height:1.15}
.team-mini-location{margin:7px 0 10px;color:#63768a;font-size:.75rem;font-weight:700}
.team-mini-body>p:last-child,.team-mini-card p{margin:0;color:#61748a;font-size:.82rem;line-height:1.55}
.team-mini-icon{flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:#0d6f63;background:#e9f5f0;font-size:1.15rem;font-weight:900}
.team-mini-card strong{display:block;margin:1px 0 6px;color:#153451;font-size:1rem}
@media(max-width:1000px){.team-grid-six{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.team-grid-six{grid-template-columns:1fr;gap:14px}.team-heading{margin-bottom:25px}.team-mini-card{min-height:auto;padding:20px}.team-mini-photo{height:210px}.team-mini-body{padding:16px 18px 18px}}

/* Footer heading icons */
.footer-heading-with-icon{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.footer-heading-with-icon h4{margin:0}
.footer-heading-icon{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(38,216,208,.45);border-radius:8px;color:#86e5ff;background:rgba(38,216,208,.07);flex:0 0 auto}
.footer-heading-icon svg{width:16px;height:16px;fill:currentColor}
@media(max-width:600px){.footer-heading-with-icon{margin-bottom:10px}}


/* Email Us CTA */
.email-us-button{display:inline-flex;align-items:center;gap:10px;margin-top:22px;padding:13px 20px;border-radius:999px;background:linear-gradient(135deg,#173f69,#2f7c75);color:#fff;text-decoration:none;font-weight:800;letter-spacing:.01em;box-shadow:0 10px 22px rgba(20,57,88,.16);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
.email-us-button:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(20,57,88,.22);filter:brightness(1.04)}
.email-us-button:focus-visible{outline:3px solid rgba(47,124,117,.35);outline-offset:3px}
.email-us-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px}
.email-us-icon svg{width:21px;height:21px}
@media(max-width:600px){.email-us-button{width:100%;justify-content:center;margin-top:18px}}


/* Launch-ready contact form */
.contact-form{margin-top:28px;padding:24px;border:1px solid rgba(21,52,81,.12);border-radius:20px;background:rgba(255,255,255,.92);box-shadow:0 14px 40px rgba(15,44,67,.07)}
.contact-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.contact-form label{display:block;color:#153451;font-size:.78rem;font-weight:800;letter-spacing:.03em}
.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:7px;padding:12px 13px;border:1px solid rgba(21,52,81,.16);border-radius:12px;background:#fff;color:#173451;font:inherit;box-sizing:border-box}
.contact-form textarea{resize:vertical;min-height:130px;margin-bottom:4px}
.contact-form input:focus,.contact-form textarea:focus{outline:3px solid rgba(47,124,117,.16);border-color:#2f7c75}
.contact-form-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:14px}
.contact-submit{border:0;cursor:pointer;display:inline-flex;align-items:center;gap:10px;padding:13px 20px;border-radius:999px;background:linear-gradient(135deg,#173f69,#2f7c75);color:#fff;font-weight:800;box-shadow:0 10px 22px rgba(20,57,88,.16)}
.contact-submit:hover{filter:brightness(1.04);transform:translateY(-1px)}
.contact-form-note{color:#708094;font-size:.75rem}
.contact-form-status{margin:10px 0 0;color:#2f7c75;font-size:.8rem;font-weight:700}
.footer-social-disabled{width:38px;height:38px;display:inline-grid;place-items:center;border:1px solid rgba(38,216,208,.25);border-radius:10px;color:rgba(255,255,255,.7);background:rgba(255,255,255,.04);opacity:.72}
.footer-social-disabled svg{width:18px;height:18px;fill:currentColor}
@media(max-width:700px){.contact-form-grid{grid-template-columns:1fr}.contact-form{padding:18px}.contact-form-actions{align-items:flex-start;flex-direction:column}}

.legal-page{min-height:100vh;padding:90px 0;background:#f6f9f7;color:#52677d}.legal-page h1{color:#153451;font-size:clamp(2.2rem,5vw,4rem);margin:8px 0 18px}.legal-page h2{color:#153451;margin-top:28px}.legal-page p{max-width:840px;line-height:1.8}.legal-back{display:inline-flex;margin-bottom:28px;color:#2f7c75;text-decoration:none;font-weight:800}.legal-note{margin-top:36px;padding-top:20px;border-top:1px solid rgba(21,52,81,.12);font-size:.82rem;color:#748498}.footer-legal-links{display:flex;gap:16px;justify-content:flex-end;flex-wrap:wrap}.footer-legal-links a{color:rgba(255,255,255,.76);text-decoration:none;font-size:.75rem}.footer-legal-links a:hover{color:#fff}@media(max-width:700px){.footer-legal-links{justify-content:flex-start}}

/* Additional leadership profile */
.team-profile-secondary{margin-top:28px}
.team-profile-secondary .team-photo-wrap{min-height:500px}
.team-profile-secondary .team-photo{min-height:500px;object-position:center 22%;object-fit:cover}
@media(max-width:900px){
  .team-profile-secondary .team-photo-wrap,.team-profile-secondary .team-photo{min-height:480px;height:480px}
}
@media(max-width:650px){
  .team-profile-secondary .team-photo-wrap,.team-profile-secondary .team-photo{min-height:400px;height:400px}
}

/* Leadership member refinement: keep CEO meaning unchanged; compact member cards */
.team-member-compact .team-mini-photo{height:160px}
.team-member-compact .team-mini-body{padding:16px 18px 18px}
.team-member-compact .team-mini-body h3{font-size:1.08rem}
.team-member-compact .team-mini-location{font-size:.72rem;margin:5px 0 8px}
.team-member-compact .team-mini-body>p:last-child{font-size:.76rem;line-height:1.45}
@media(max-width:650px){.team-member-compact .team-mini-photo{height:190px}.team-member-compact .team-mini-body{padding:14px 16px 16px}}

/* CEO profile restored; compact project-manager member grid */
.team{background:linear-gradient(180deg,#ffffff 0%,#f6f9f7 100%)}
.team-heading{max-width:850px;margin-bottom:46px}
.team-heading h2{margin-top:8px}
.team-profile{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);gap:0;overflow:hidden;border:1px solid rgba(21,52,81,.12);border-radius:26px;background:#fff;box-shadow:0 24px 65px rgba(15,44,67,.10)}
.team-photo-wrap{position:relative;min-height:620px;background:#e9eef0;overflow:hidden}
.team-photo{width:100%;height:100%;min-height:620px;display:block;object-fit:cover;object-position:center 22%;filter:saturate(.94) contrast(1.02)}
.team-photo-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,23,42,0) 55%,rgba(6,23,42,.58) 100%);pointer-events:none}
.team-photo-caption{position:absolute;left:28px;right:28px;bottom:24px;z-index:2;display:flex;justify-content:space-between;gap:12px;color:#fff;font-size:.7rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.team-photo-caption span:last-child{color:rgba(255,255,255,.76)}
.team-profile-content{padding:54px 58px 52px}
.team-role{margin:0 0 10px;color:#c88b2b;font-size:.68rem;font-weight:900;letter-spacing:.16em}
.team-profile-content h3{margin:0;color:#153451;font-size:clamp(2rem,3.2vw,3.25rem);line-height:1.05;letter-spacing:-.045em}
.team-location{margin:10px 0 26px;color:#63768a;font-size:.92rem;font-weight:700}
.team-bio{margin:0 0 20px;color:#52677d;font-size:.96rem;line-height:1.82;max-width:760px}
.team-focus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}
.team-focus-item{display:flex;align-items:flex-start;gap:10px;padding:15px;border:1px solid rgba(21,52,81,.10);border-radius:14px;background:#f7faf8}
.team-focus-icon{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#0d6f63;background:#e9f5f0;font-weight:900;font-size:1rem}
.team-focus-item strong{display:block;margin-bottom:2px;color:#153451;font-size:.78rem;line-height:1.2}
.team-focus-item span:last-child{display:block;color:#708094;font-size:.72rem;line-height:1.45}
@media(max-width:900px){
  .team-profile{grid-template-columns:1fr}
  .team-photo-wrap,.team-photo{min-height:520px;height:520px}
  .team-photo{object-position:center 18%}
  .team-profile-content{padding:38px 30px 34px}
}
@media(max-width:650px){
  .team-heading{margin-bottom:30px}
  .team-photo-wrap,.team-photo{min-height:420px;height:420px}
  .team-profile-content{padding:30px 22px 26px}
  .team-focus-grid{grid-template-columns:1fr}
  .team-photo-caption{left:18px;right:18px;bottom:16px;flex-direction:column;gap:3px}
}


/* Footer heading icons */
.footer-heading-with-icon{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.footer-heading-with-icon h4{margin:0}
.footer-heading-icon{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(38,216,208,.45);border-radius:8px;color:#86e5ff;background:rgba(38,216,208,.07);flex:0 0 auto}
.footer-heading-icon svg{width:16px;height:16px;fill:currentColor}
@media(max-width:600px){.footer-heading-with-icon{margin-bottom:10px}}


/* Email Us CTA */
.email-us-button{display:inline-flex;align-items:center;gap:10px;margin-top:22px;padding:13px 20px;border-radius:999px;background:linear-gradient(135deg,#173f69,#2f7c75);color:#fff;text-decoration:none;font-weight:800;letter-spacing:.01em;box-shadow:0 10px 22px rgba(20,57,88,.16);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
.email-us-button:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(20,57,88,.22);filter:brightness(1.04)}
.email-us-button:focus-visible{outline:3px solid rgba(47,124,117,.35);outline-offset:3px}
.email-us-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px}
.email-us-icon svg{width:21px;height:21px}
@media(max-width:600px){.email-us-button{width:100%;justify-content:center;margin-top:18px}}


/* Launch-ready contact form */
.contact-form{margin-top:28px;padding:24px;border:1px solid rgba(21,52,81,.12);border-radius:20px;background:rgba(255,255,255,.92);box-shadow:0 14px 40px rgba(15,44,67,.07)}
.contact-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.contact-form label{display:block;color:#153451;font-size:.78rem;font-weight:800;letter-spacing:.03em}
.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:7px;padding:12px 13px;border:1px solid rgba(21,52,81,.16);border-radius:12px;background:#fff;color:#173451;font:inherit;box-sizing:border-box}
.contact-form textarea{resize:vertical;min-height:130px;margin-bottom:4px}
.contact-form input:focus,.contact-form textarea:focus{outline:3px solid rgba(47,124,117,.16);border-color:#2f7c75}
.contact-form-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:14px}
.contact-submit{border:0;cursor:pointer;display:inline-flex;align-items:center;gap:10px;padding:13px 20px;border-radius:999px;background:linear-gradient(135deg,#173f69,#2f7c75);color:#fff;font-weight:800;box-shadow:0 10px 22px rgba(20,57,88,.16)}
.contact-submit:hover{filter:brightness(1.04);transform:translateY(-1px)}
.contact-form-note{color:#708094;font-size:.75rem}
.contact-form-status{margin:10px 0 0;color:#2f7c75;font-size:.8rem;font-weight:700}
.footer-social-disabled{width:38px;height:38px;display:inline-grid;place-items:center;border:1px solid rgba(38,216,208,.25);border-radius:10px;color:rgba(255,255,255,.7);background:rgba(255,255,255,.04);opacity:.72}
.footer-social-disabled svg{width:18px;height:18px;fill:currentColor}
@media(max-width:700px){.contact-form-grid{grid-template-columns:1fr}.contact-form{padding:18px}.contact-form-actions{align-items:flex-start;flex-direction:column}}

.legal-page{min-height:100vh;padding:90px 0;background:#f6f9f7;color:#52677d}.legal-page h1{color:#153451;font-size:clamp(2.2rem,5vw,4rem);margin:8px 0 18px}.legal-page h2{color:#153451;margin-top:28px}.legal-page p{max-width:840px;line-height:1.8}.legal-back{display:inline-flex;margin-bottom:28px;color:#2f7c75;text-decoration:none;font-weight:800}.legal-note{margin-top:36px;padding-top:20px;border-top:1px solid rgba(21,52,81,.12);font-size:.82rem;color:#748498}.footer-legal-links{display:flex;gap:16px;justify-content:flex-end;flex-wrap:wrap}.footer-legal-links a{color:rgba(255,255,255,.76);text-decoration:none;font-size:.75rem}.footer-legal-links a:hover{color:#fff}@media(max-width:700px){.footer-legal-links{justify-content:flex-start}}

/* Additional leadership profile */

.team-member-grid-six{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}
.team-member-grid-six .team-mini-card{min-height:165px;padding:20px;border:1px solid rgba(21,52,81,.11);border-radius:18px;background:#fff;box-shadow:0 14px 34px rgba(15,44,67,.07);display:flex;align-items:flex-start;gap:14px}
.team-member-grid-six .team-mini-person{display:block;padding:0;overflow:hidden}
.team-member-grid-six .team-mini-photo{height:145px;background:#e9eef0;overflow:hidden}
.team-member-grid-six .team-mini-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 20%}
.team-member-grid-six .team-mini-body{padding:14px 16px 16px}
.team-member-grid-six .team-member-role{margin:0 0 6px;color:#c88b2b;font-size:.6rem;font-weight:900;letter-spacing:.11em}
.team-member-grid-six .team-mini-body h3{margin:0;color:#153451;font-size:1.08rem;line-height:1.15}
.team-member-grid-six .team-mini-location{margin:6px 0 8px;color:#63768a;font-size:.72rem;font-weight:700}
.team-member-grid-six .team-mini-body>p:last-child,.team-member-grid-six .team-mini-card p{margin:0;color:#61748a;font-size:.76rem;line-height:1.45}
.team-member-grid-six .team-mini-icon{flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;color:#0d6f63;background:#e9f5f0;font-size:1.05rem;font-weight:900}
.team-member-grid-six .team-mini-card strong{display:block;margin:1px 0 5px;color:#153451;font-size:.95rem}
@media(max-width:1000px){.team-member-grid-six{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.team-member-grid-six{grid-template-columns:1fr;gap:14px}.team-member-grid-six .team-mini-photo{height:190px}.team-member-grid-six .team-mini-body{padding:14px 16px 16px}}


/* ====================================================
   LEADERSHIP MEMBER GRID — FINAL POLISH
   Keep CEO layout unchanged. Compact member cards only.
   ==================================================== */
.team-member-grid-six{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:28px;
  align-items:stretch;
}
.team-member-grid-six .team-mini-person{
  min-height:0;
  height:100%;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  padding:0;
  border:1px solid rgba(21,52,81,.10);
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 30px rgba(15,44,67,.07);
}
/* identical image area for every member; image itself is a consistent headshot */
.team-member-grid-six .team-mini-photo{
  height:132px;
  min-height:132px;
  flex:0 0 132px;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:linear-gradient(180deg,#edf4f2 0%,#e8eff2 100%);
  padding:8px;
}
.team-member-grid-six .team-mini-photo img{
  width:116px;
  height:116px;
  border-radius:16px;
  display:block;
  object-fit:cover;
  object-position:center 18%;
  filter:saturate(.96) contrast(1.01);
  box-shadow:0 8px 18px rgba(15,44,67,.10);
  background:#fff;
}
/* Tailor crop for portrait-heavy photos so faces remain visible. */
.team-member-grid-six .team-mini-person:nth-child(1) .team-mini-photo img{object-position:center 17%;}
.team-member-grid-six .team-mini-person:nth-child(2) .team-mini-photo img{object-position:center 17%;}
.team-member-grid-six .team-mini-person:nth-child(3) .team-mini-photo img{object-position:center 14%;}
.team-member-grid-six .team-mini-person:nth-child(4) .team-mini-photo img{object-position:center 15%;}
.team-member-grid-six .team-mini-person:nth-child(5) .team-mini-photo img{object-position:center 12%;}
.team-member-grid-six .team-mini-person:nth-child(6) .team-mini-photo img{object-position:center 10%;}
.team-member-grid-six .team-mini-body{
  flex:1;
  display:flex;
  flex-direction:column;
  padding:14px 17px 17px;
}
.team-member-grid-six .team-member-role{
  margin:0 0 5px;
  min-height:2.1em;
  color:#c88b2b;
  font-size:.58rem;
  line-height:1.25;
  font-weight:900;
  letter-spacing:.11em;
}
.team-member-grid-six .team-mini-body h3{
  margin:0;
  min-height:1.2em;
  color:#153451;
  font-size:1.08rem;
  line-height:1.15;
}
.team-member-grid-six .team-mini-location{
  margin:5px 0 8px;
  min-height:1.1em;
  color:#63768a;
  font-size:.70rem;
  font-weight:700;
}
.team-member-grid-six .team-mini-body>p:last-child{
  margin:0;
  color:#61748a;
  font-size:.75rem;
  line-height:1.48;
}
@media(max-width:1000px){
  .team-member-grid-six{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:650px){
  .team-member-grid-six{grid-template-columns:1fr;gap:14px;}
  .team-member-grid-six .team-mini-photo{height:140px;min-height:140px;flex-basis:140px;}
  .team-member-grid-six .team-mini-photo img{width:120px;height:120px;}
  .team-member-grid-six .team-member-role{min-height:0;}
  .team-member-grid-six .team-mini-location{min-height:0;}
}

/* ====================================================
   LEADERSHIP MEMBERS — TWO-COLUMN COMPACT LAYOUT
   CEO presentation remains unchanged.
   ==================================================== */
.team-member-grid-six{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px 22px;
  margin-top:24px;
  align-items:stretch;
}
.team-member-grid-six .team-mini-person{
  min-height:168px;
  height:100%;
  display:grid;
  grid-template-columns:150px minmax(0,1fr);
  align-items:stretch;
  overflow:hidden;
  padding:0;
  border:1px solid rgba(21,52,81,.10);
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 24px rgba(15,44,67,.065);
}
.team-member-grid-six .team-mini-photo{
  width:150px;
  height:150px;
  min-height:150px;
  align-self:center;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:linear-gradient(180deg,#edf4f2 0%,#e8eff2 100%);
  padding:10px;
}
.team-member-grid-six .team-mini-photo img{
  width:130px;
  height:130px;
  border-radius:14px;
  display:block;
  object-fit:contain;
  object-position:center center;
  filter:saturate(.97) contrast(1.01);
  box-shadow:0 6px 15px rgba(15,44,67,.08);
  background:#fff;
}
.team-member-grid-six .team-mini-body{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:18px 20px 18px 18px;
}
.team-member-grid-six .team-member-role{
  margin:0 0 5px;
  color:#c88b2b;
  font-size:.58rem;
  line-height:1.25;
  font-weight:900;
  letter-spacing:.11em;
}
.team-member-grid-six .team-mini-body h3{
  margin:0;
  color:#153451;
  font-size:1.05rem;
  line-height:1.18;
}
.team-member-grid-six .team-mini-location{
  margin:5px 0 7px;
  color:#63768a;
  font-size:.70rem;
  font-weight:700;
}
.team-member-grid-six .team-mini-body>p:last-child{
  margin:0;
  color:#61748a;
  font-size:.75rem;
  line-height:1.45;
}
/* Uina's portrait is naturally taller; contain keeps the complete headshot visible. */
.team-member-grid-six .team-mini-person:nth-child(6) .team-mini-photo img{
  object-fit:contain;
  object-position:center center;
}
@media(max-width:1000px){
  .team-member-grid-six{grid-template-columns:1fr;}
}
@media(max-width:650px){
  .team-member-grid-six{grid-template-columns:1fr;gap:14px;}
  .team-member-grid-six .team-mini-person{
    grid-template-columns:120px minmax(0,1fr);
    min-height:150px;
  }
  .team-member-grid-six .team-mini-photo{
    width:120px;
    height:120px;
    min-height:120px;
    padding:8px;
  }
  .team-member-grid-six .team-mini-photo img{width:104px;height:104px;}
  .team-member-grid-six .team-mini-body{padding:14px 14px 14px 14px;}
}

/* FINAL MEMBER CARD COMPRESSION — preserve the approved 2-column layout */
.team-member-grid-six{
  width:100% !important;
  max-width:1320px !important;
  margin:18px auto 0 !important;
  gap:12px 18px !important;
}
.team-member-grid-six .team-mini-person{
  min-height:118px !important;
  height:118px !important;
  grid-template-columns:104px minmax(0,1fr) !important;
  border-radius:14px !important;
}
.team-member-grid-six .team-mini-photo{
  width:104px !important;
  height:104px !important;
  min-height:104px !important;
  padding:7px !important;
}
.team-member-grid-six .team-mini-photo img{
  width:90px !important;
  height:90px !important;
  border-radius:11px !important;
}
.team-member-grid-six .team-mini-body{
  padding:10px 14px 10px 14px !important;
  justify-content:center !important;
}
.team-member-grid-six .team-member-role{
  margin:0 0 2px !important;
  font-size:.52rem !important;
  line-height:1.15 !important;
}
.team-member-grid-six .team-mini-body h3{
  font-size:.96rem !important;
  line-height:1.1 !important;
}
.team-member-grid-six .team-mini-location{
  margin:2px 0 4px !important;
  font-size:.62rem !important;
  line-height:1.15 !important;
}
.team-member-grid-six .team-mini-body>p:last-child{
  font-size:.66rem !important;
  line-height:1.28 !important;
}
.team-member-grid-six .team-mini-person:nth-child(6) .team-mini-photo img{
  object-fit:contain !important;
  object-position:center center !important;
}
@media(max-width:1000px){
  .team-member-grid-six{grid-template-columns:1fr 1fr !important;}
}
@media(max-width:650px){
  .team-member-grid-six{grid-template-columns:1fr !important;gap:12px !important;}
  .team-member-grid-six .team-mini-person{
    height:auto !important;
    min-height:108px !important;
    grid-template-columns:92px minmax(0,1fr) !important;
  }
  .team-member-grid-six .team-mini-photo{
    width:92px !important;
    height:92px !important;
    min-height:92px !important;
    padding:6px !important;
  }
  .team-member-grid-six .team-mini-photo img{
    width:80px !important;
    height:80px !important;
  }
  .team-member-grid-six .team-mini-body{padding:9px 12px !important;}
}

/* V19 — reduce member grid width while preserving two-column card height */
.team-member-grid-six{
  width:min(1040px, calc(100% - 44px));
  max-width:1040px;
  margin:28px auto 0;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}
.team-member-grid-six .team-mini-card{
  min-height:220px;
  height:220px;
}
.team-member-grid-six .team-mini-photo{
  height:180px;
  min-height:180px;
  flex-basis:180px;
}
.team-member-grid-six .team-mini-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
}
@media(max-width:1000px){
  .team-member-grid-six{width:min(100%,calc(100% - 30px));grid-template-columns:repeat(2,minmax(0,1fr));}
  .team-member-grid-six .team-mini-card{min-height:210px;height:210px;}
  .team-member-grid-six .team-mini-photo{height:170px;min-height:170px;flex-basis:170px;}
}
@media(max-width:650px){
  .team-member-grid-six{width:calc(100% - 28px);grid-template-columns:1fr;gap:14px;}
  .team-member-grid-six .team-mini-card{min-height:200px;height:auto;}
  .team-member-grid-six .team-mini-photo{height:170px;min-height:170px;flex-basis:170px;}
}

/* FINAL MEMBER WIDTH FIX */
.team-member-grid-six{
  width:900px !important;
  max-width:900px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:18px !important;
}
.team-member-grid-six .team-mini-card{
  width:100% !important;
  box-sizing:border-box !important;
}
@media (max-width: 1000px){
  .team-member-grid-six{
    width:calc(100% - 40px) !important;
    max-width:none !important;
  }
}
@media (max-width: 650px){
  .team-member-grid-six{
    width:calc(100% - 28px) !important;
    grid-template-columns:1fr !important;
  }
}

/* V21 — polished leadership member cards: wider and taller for a more professional balance */
.team-member-grid-six{
  width:min(100%, 1100px) !important;
  max-width:1100px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:22px !important;
}
.team-member-grid-six .team-mini-card{
  min-height:190px !important;
  height:190px !important;
  padding:14px !important;
  border-radius:18px !important;
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
  overflow:hidden !important;
}
.team-member-grid-six .team-mini-photo{
  width:155px !important;
  min-width:155px !important;
  flex:0 0 155px !important;
  height:155px !important;
  min-height:155px !important;
  border-radius:14px !important;
  overflow:hidden !important;
  background:#edf2f2 !important;
}
.team-member-grid-six .team-mini-photo img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  display:block !important;
}
/* Tailored crop positions to keep faces centered without changing image sizes */
.team-member-grid-six .team-mini-person:nth-child(1) .team-mini-photo img{object-position:center 18% !important;}
.team-member-grid-six .team-mini-person:nth-child(2) .team-mini-photo img{object-position:center 18% !important;}
.team-member-grid-six .team-mini-person:nth-child(3) .team-mini-photo img{object-position:center 16% !important;}
.team-member-grid-six .team-mini-person:nth-child(4) .team-mini-photo img{object-position:center 15% !important;}
.team-member-grid-six .team-mini-person:nth-child(5) .team-mini-photo img{object-position:center 13% !important;}
.team-member-grid-six .team-mini-person:nth-child(6) .team-mini-photo img{object-position:center 12% !important;}
.team-member-grid-six .team-mini-body{
  min-width:0 !important;
  padding:4px 10px 4px 0 !important;
}
.team-member-grid-six .team-member-role{
  margin:0 0 7px !important;
  font-size:.65rem !important;
  line-height:1.25 !important;
  letter-spacing:.11em !important;
}
.team-member-grid-six .team-mini-body h3{
  margin:0 !important;
  font-size:1.12rem !important;
  line-height:1.15 !important;
}
.team-member-grid-six .team-mini-location{
  margin:6px 0 9px !important;
  font-size:.74rem !important;
  line-height:1.2 !important;
}
.team-member-grid-six .team-mini-body>p:last-child{
  margin:0 !important;
  font-size:.78rem !important;
  line-height:1.48 !important;
}
@media (max-width:1000px){
  .team-member-grid-six{width:calc(100% - 36px) !important; max-width:none !important;}
  .team-member-grid-six .team-mini-card{min-height:185px !important;height:185px !important;}
  .team-member-grid-six .team-mini-photo{width:145px !important;min-width:145px !important;flex-basis:145px !important;height:145px !important;min-height:145px !important;}
}
@media (max-width:650px){
  .team-member-grid-six{width:calc(100% - 28px) !important;grid-template-columns:1fr !important;gap:14px !important;}
  .team-member-grid-six .team-mini-card{min-height:165px !important;height:165px !important;}
  .team-member-grid-six .team-mini-photo{width:120px !important;min-width:120px !important;flex-basis:120px !important;height:135px !important;min-height:135px !important;}
  .team-member-grid-six .team-mini-body{padding-right:4px !important;}
  .team-member-grid-six .team-mini-body h3{font-size:1rem !important;}
  .team-member-grid-six .team-member-role{font-size:.58rem !important;}
  .team-member-grid-six .team-mini-body>p:last-child{font-size:.73rem !important;line-height:1.4 !important;}
}

/* FINAL LEADERSHIP MEMBER PRESENTATION */
.team-member-grid-six{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:16px 18px !important;
  width:100% !important;
  max-width:1100px !important;
  margin:22px auto 0 !important;
}
.team-member-grid-six .team-mini-person{
  display:grid !important;
  grid-template-columns:132px minmax(0,1fr) !important;
  align-items:stretch !important;
  min-height:170px !important;
  height:170px !important;
  padding:0 !important;
  overflow:hidden !important;
  border:1px solid rgba(21,52,81,.11) !important;
  border-radius:18px !important;
  background:#fff !important;
  box-shadow:0 10px 26px rgba(15,44,67,.06) !important;
}
.team-member-grid-six .team-mini-photo{
  width:132px !important;
  height:170px !important;
  min-height:170px !important;
  padding:8px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#eef2f3 !important;
  border-right:1px solid rgba(21,52,81,.07) !important;
  box-sizing:border-box !important;
}
.team-member-grid-six .team-mini-photo img{
  display:block !important;
  width:116px !important;
  height:154px !important;
  max-width:116px !important;
  max-height:154px !important;
  object-fit:cover !important;
  border-radius:12px !important;
  box-shadow:0 2px 8px rgba(0,0,0,.08) !important;
}
/* Face-safe framing for each source portrait */
.team-member-grid-six .team-mini-person:nth-child(1) .team-mini-photo img{object-position:center 22% !important;}
.team-member-grid-six .team-mini-person:nth-child(2) .team-mini-photo img{object-position:center 20% !important;}
.team-member-grid-six .team-mini-person:nth-child(3) .team-mini-photo img{object-position:center 18% !important;}
.team-member-grid-six .team-mini-person:nth-child(4) .team-mini-photo img{object-position:center 20% !important;}
.team-member-grid-six .team-mini-person:nth-child(5) .team-mini-photo img{object-position:center 18% !important;}
.team-member-grid-six .team-mini-person:nth-child(6) .team-mini-photo img{object-position:center 28% !important;}
.team-member-grid-six .team-mini-body{
  min-width:0 !important;
  padding:20px 22px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  overflow:hidden !important;
}
.team-member-grid-six .team-member-role{
  margin:0 0 7px !important;
  color:#c88b2b !important;
  font-size:.64rem !important;
  line-height:1.15 !important;
  font-weight:900 !important;
  letter-spacing:.12em !important;
}
.team-member-grid-six .team-mini-body h3{
  margin:0 0 5px !important;
  color:#153451 !important;
  font-size:1.08rem !important;
  line-height:1.15 !important;
  font-weight:800 !important;
}
.team-member-grid-six .team-mini-location{
  margin:0 0 7px !important;
  color:#3f5871 !important;
  font-size:.74rem !important;
  line-height:1.2 !important;
  font-weight:800 !important;
}
.team-member-grid-six .team-mini-body>p:last-child{
  margin:0 !important;
  color:#526d85 !important;
  font-size:.78rem !important;
  line-height:1.45 !important;
  font-weight:700 !important;
}
@media(max-width:900px){
  .team-member-grid-six{grid-template-columns:1fr !important;max-width:720px !important;}
}
@media(max-width:650px){
  .team-member-grid-six{gap:14px !important;max-width:100% !important;}
  .team-member-grid-six .team-mini-person{height:auto !important;min-height:150px !important;grid-template-columns:105px minmax(0,1fr) !important;}
  .team-member-grid-six .team-mini-photo{width:105px !important;height:150px !important;min-height:150px !important;padding:7px !important;}
  .team-member-grid-six .team-mini-photo img{width:91px !important;height:136px !important;max-width:91px !important;max-height:136px !important;}
  .team-member-grid-six .team-mini-body{padding:16px !important;}
}

/* FINAL TEAM MEMBER POLISH */
.team-member-grid-six .team-mini-person{
  font-family:Inter,Arial,Helvetica,sans-serif !important;
  cursor:pointer;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
  will-change:transform;
}
.team-member-grid-six .team-mini-person:hover,
.team-member-grid-six .team-mini-person:focus-within{
  transform:translateY(-4px);
  border-color:rgba(7,94,85,.30) !important;
  box-shadow:0 18px 36px rgba(15,44,67,.13) !important;
}
.team-member-grid-six .team-mini-photo img{
  transition:transform .28s ease, filter .28s ease;
}
.team-member-grid-six .team-mini-person:hover .team-mini-photo img,
.team-member-grid-six .team-mini-person:focus-within .team-mini-photo img{
  transform:scale(1.035);
  filter:saturate(1.02) contrast(1.02);
}
.team-member-grid-six .team-member-role,
.team-member-grid-six .team-mini-body h3,
.team-member-grid-six .team-mini-location,
.team-member-grid-six .team-mini-body>p:last-child{
  font-family:Inter,Arial,Helvetica,sans-serif !important;
}
.team-member-grid-six .team-member-role{font-weight:800 !important;}
.team-member-grid-six .team-mini-body h3{font-weight:800 !important;}
.team-member-grid-six .team-mini-location{font-weight:700 !important;}
.team-member-grid-six .team-mini-body>p:last-child{font-weight:600 !important;}
/* Concise Barbados location while retaining regional expertise in the description */
.team-member-grid-six .team-mini-person:nth-child(6) .team-mini-location{font-size:0 !important;}
.team-member-grid-six .team-mini-person:nth-child(6) .team-mini-location::after{
  content:"Barbados";
  font-size:.74rem;
  line-height:1.2;
  font-weight:800;
  color:#3f5871;
}
@media(prefers-reduced-motion:reduce){
  .team-member-grid-six .team-mini-person,
  .team-member-grid-six .team-mini-photo img{transition:none !important;}
}

/* ====================================================
   LEADERSHIP TYPOGRAPHY — MATCH CEO PROFILE
   Applies the same clean Inter/Arial typography used by the CEO section
   without changing the CEO layout or card dimensions.
   ==================================================== */
.team-member-grid-six .team-mini-body,
.team-member-grid-six .team-mini-body *{
  font-family:Inter,Arial,Helvetica,sans-serif;
}
.team-member-grid-six .team-member-role{
  font-family:Inter,Arial,Helvetica,sans-serif;
  font-weight:900;
}
.team-member-grid-six .team-mini-body h3{
  font-family:Inter,Arial,Helvetica,sans-serif;
  font-weight:800;
  letter-spacing:-.015em;
}
.team-member-grid-six .team-mini-location{
  font-family:Inter,Arial,Helvetica,sans-serif;
  font-weight:700;
}
.team-member-grid-six .team-mini-body>p:last-child{
  font-family:Inter,Arial,Helvetica,sans-serif;
  font-weight:400;
}

/* FINAL FIX — ACCOUNTANT CARD TEXT SPACING */
.team-member-grid-six .team-mini-person:nth-child(6){
  height:185px !important;
  min-height:185px !important;
}
.team-member-grid-six .team-mini-person:nth-child(6) .team-mini-photo{
  height:185px !important;
  min-height:185px !important;
}
.team-member-grid-six .team-mini-person:nth-child(6) .team-mini-photo img{
  height:169px !important;
  max-height:169px !important;
  object-position:center 28% !important;
}
.team-member-grid-six .team-mini-person:nth-child(6) .team-mini-body{
  padding:18px 22px !important;
  justify-content:center !important;
}
.team-member-grid-six .team-mini-person:nth-child(6) .team-mini-location{
  font-size:.74rem !important;
  line-height:1.25 !important;
  margin:0 0 8px !important;
}
.team-member-grid-six .team-mini-person:nth-child(6) .team-mini-location::after{
  content:none !important;
}
.team-member-grid-six .team-mini-person:nth-child(6) .team-mini-body>p:last-child{
  margin:0 !important;
  line-height:1.42 !important;
  font-weight:400 !important;
}

/* V27 — Professional leadership typography refinement */
.team-member-grid-six .team-mini-body,
.team-member-grid-six .team-mini-body *{
  font-family:"Segoe UI",Inter,Arial,Helvetica,sans-serif !important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.team-member-grid-six .team-member-role{
  font-size:.66rem !important;
  font-weight:700 !important;
  letter-spacing:.16em !important;
  line-height:1.2 !important;
}
.team-member-grid-six .team-mini-body h3{
  font-size:1.08rem !important;
  font-weight:700 !important;
  letter-spacing:.005em !important;
  line-height:1.22 !important;
  margin:5px 0 3px !important;
}
.team-member-grid-six .team-mini-location{
  font-size:.78rem !important;
  font-weight:600 !important;
  letter-spacing:.01em !important;
  line-height:1.3 !important;
  margin:0 0 7px !important;
}
.team-member-grid-six .team-mini-body>p:last-child{
  font-size:.79rem !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
  line-height:1.5 !important;
  color:#4f5f72 !important;
}

/* Version 28: Legal Affairs team member */
.team-initials-photo{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#075e55,#0b3f3a);color:#fff;overflow:hidden;}
.team-initials-photo span{font-family:inherit;font-size:2rem;font-weight:800;letter-spacing:.08em;}
.team-legal-card .team-mini-photo{flex-shrink:0;}
@media (max-width: 700px){.team-initials-photo span{font-size:1.6rem;}}


/* Version 30: Bernard D. Mgeta — Accountant for Africa */
.team-member-grid-six .team-mini-person:nth-child(8) .team-mini-photo img{object-position:center 20% !important;}