.about-page { overflow:hidden; background:#f7fbf8; color:#142d42; }
.about-page h1,.about-page h2,.about-page h3 { font-family:'Plus Jakarta Sans',sans-serif; }
.about-hero { position:relative; min-height:650px; overflow:hidden; isolation:isolate; background:#062d2b var(--about-hero-image) center/cover no-repeat; color:#fff; }
.about-hero::before { position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(2,34,43,.97) 0%,rgba(2,43,45,.88) 42%,rgba(1,38,42,.28) 75%,rgba(0,91,48,.58) 100%); content:''; }
.about-hero::after { position:absolute; right:-9%; bottom:-48%; width:62%; height:90%; border:1px solid rgba(132,237,75,.35); border-radius:50%; box-shadow:0 0 0 28px rgba(71,194,83,.12),0 0 0 58px rgba(71,194,83,.08); content:''; transform:rotate(-15deg); }
.about-hero-grid { position:absolute; top:42px; right:7%; width:48px; height:48px; background-image:radial-gradient(#a9f780 1.8px,transparent 1.8px); background-size:12px 12px; opacity:.72; }
.about-hero-inner { position:relative; display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,.9fr) 170px; align-items:center; gap:20px; width:min(1400px,calc(100% - 120px)); min-height:570px; margin:auto; }
.about-hero-copy { position:relative; z-index:2; max-width:650px; padding-top:35px; animation:about-copy-in .9s both; }.about-eyebrow { display:flex; align-items:center; gap:13px; margin:0 0 20px; color:#a2ed85; font-size:11px; font-weight:800; letter-spacing:.17em; text-transform:uppercase; }.about-eyebrow span { width:36px; height:3px; flex:0 0 auto; background:#75df51; }.about-hero h1 { margin:0; font-size:clamp(2.7rem,4.5vw,4.9rem); line-height:1.02; letter-spacing:-.065em; }.about-hero h1 span { color:#f5fff7; }.about-hero h1 em { color:#75df00; font-style:normal; }.about-hero-lead { max-width:560px; margin:24px 0 28px; color:rgba(255,255,255,.83); font-size:clamp(1rem,1.2vw,1.22rem); line-height:1.55; }.about-actions { display:flex; flex-wrap:wrap; gap:12px; }.about-button { display:inline-flex; align-items:center; justify-content:space-between; gap:27px; min-width:150px; padding:13px 18px; border-radius:7px; background:#62d92b; color:#123b27; font-size:12px; font-weight:800; text-decoration:none; transition:transform .25s,box-shadow .25s,background .25s; }.about-button:hover { box-shadow:0 12px 24px rgba(75,210,44,.25); transform:translateY(-3px); }.about-button-light { background:#fff; color:#123b35; }.about-button-dark { background:#088b3c; color:#fff; }.about-hero-portrait { position:relative; align-self:end; height:590px; animation:about-person-in 1s .22s both; }.about-hero-portrait img { position:absolute; right:-8%; bottom:-42px; width:650px; max-width:none; height:630px; object-fit:contain; object-position:center bottom; filter:drop-shadow(0 20px 20px rgba(0,0,0,.22)); }.about-portrait-glow { position:absolute; right:7%; bottom:70px; width:400px; height:400px; border-radius:50%; background:rgba(103,225,80,.14); filter:blur(4px); }.about-hero-note { align-self:center; margin-top:5px; padding:20px 18px; border:1px solid rgba(33,86,50,.12); border-radius:10px; background:rgba(255,255,255,.95); box-shadow:0 16px 30px rgba(0,0,0,.15); color:#10283d; animation:about-note-in 1s .4s both; }.about-hero-note span { display:block; width:26px; height:3px; margin-bottom:12px; background:#58c83f; }.about-hero-note strong { display:block; font:800 18px/1.16 'Plus Jakarta Sans',sans-serif; }.about-hero-note small { display:block; margin-top:12px; color:#6d7d87; font-size:10px; line-height:1.4; }.about-hero-stats { position:absolute; right:0; bottom:0; left:0; z-index:3; display:grid; grid-template-columns:repeat(4,1fr); width:min(1400px,calc(100% - 120px)); margin:auto; padding:18px 0; border-top:1px solid rgba(255,255,255,.16); }.about-hero-stats div { display:grid; grid-template-columns:26px auto; align-items:center; column-gap:7px; padding:0 22px; border-right:1px solid rgba(255,255,255,.15); }.about-hero-stats div:last-child { border:0; }.about-hero-stats i { grid-row:span 2; color:#76e13e; font-size:20px; }.about-hero-stats strong { font:800 19px 'Plus Jakarta Sans',sans-serif; }.about-hero-stats small { color:rgba(255,255,255,.68); font-size:10px; }
.about-purpose { position:relative; display:grid; grid-template-columns:minmax(290px,.75fr) minmax(0,1.25fr); align-items:center; gap:75px; min-height:410px; padding:78px max(7vw,32px); background:#f8fcfa url('../assets/hhhahah.png') right center/cover no-repeat; }.about-purpose::before { position:absolute; inset:0; background:linear-gradient(90deg,rgba(248,252,250,.98) 0%,rgba(248,252,250,.91) 48%,rgba(248,252,250,.28) 100%); content:''; }.about-purpose > * { position:relative; }.about-purpose-copy { max-width:420px; }.about-eyebrow-dark { color:#188146; }.about-purpose h2,.about-journey h2 { margin:0 0 16px; color:#102943; font-size:clamp(2rem,3vw,3.2rem); line-height:1.05; letter-spacing:-.06em; }.about-purpose-copy > p:not(.about-eyebrow) { margin:0 0 25px; color:#556b78; font-size:14px; line-height:1.6; }.about-purpose-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }.purpose-card { padding:30px 26px; border:1px solid rgba(211,228,219,.85); border-radius:16px; background:rgba(255,255,255,.91); box-shadow:0 17px 35px rgba(32,77,55,.11); }.about-icon { display:grid; width:48px; height:48px; place-items:center; border-radius:50%; color:#fff; font-size:19px; box-shadow:inset 0 -5px 12px rgba(0,0,0,.12); }.about-icon.green { background:#2db94e; }.about-icon.blue { background:#2279e8; }.about-icon.gold { background:#f3ae24; }.about-icon.purple { background:#8344db; }.about-icon.red { background:#f35958; }.about-icon.teal { background:#16b996; }.purpose-card h3 { margin:18px 0 12px; color:#132d48; font-size:19px; }.card-rule { display:block; width:30px; height:3px; margin-bottom:14px; background:#3aaa50; }.purpose-card p { margin:0; color:#657583; font-size:12px; line-height:1.55; }
.about-values { position:relative; overflow:hidden; padding:82px max(7vw,32px) 90px; background:#033c3e url('../assets/mainbackground.png') center/cover no-repeat; color:#fff; }.about-values::before { position:absolute; inset:0; background:linear-gradient(90deg,rgba(2,51,51,.95),rgba(1,61,54,.72)); content:''; }.about-values > * { position:relative; }.about-values-heading { max-width:575px; margin-bottom:38px; }.about-values-heading h2,.about-expertise-heading h2 { margin:0 0 13px; font-size:clamp(2rem,3.2vw,3.4rem); line-height:1.04; letter-spacing:-.06em; }.about-values-heading > p:last-child,.about-expertise-heading > p:last-child { max-width:610px; margin:0; color:rgba(255,255,255,.76); font-size:14px; line-height:1.5; }.values-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:13px; width:min(1300px,100%); margin:0 auto; }.value-card { display:flex; align-items:flex-start; gap:17px; min-height:125px; padding:22px; border:1px solid rgba(255,255,255,.62); border-radius:13px; background:rgba(255,255,255,.94); color:#183148; box-shadow:0 14px 25px rgba(0,0,0,.12); transition:transform .25s,box-shadow .25s; }.value-card:hover { box-shadow:0 19px 30px rgba(0,0,0,.2); transform:translateY(-5px); }.value-card h3 { margin:4px 0 6px; font-size:15px; }.value-card p { margin:0; color:#647482; font-size:11px; line-height:1.45; }
.about-journey { padding:88px max(6vw,32px) 96px; background:#f9fcfa; }.about-journey-heading { max-width:680px; margin:0 auto 55px; text-align:center; }.about-journey-heading .about-eyebrow { justify-content:center; }.about-journey-heading p:last-child { margin:0; color:#6b7d87; font-size:14px; }.journey-list { position:relative; width:min(1080px,100%); margin:auto; }.journey-list::before { position:absolute; top:0; bottom:0; left:50%; width:2px; background:linear-gradient(#62ca6d,#178e54); content:''; transform:translateX(-50%); }.journey-step { position:relative; display:grid; grid-template-columns:1fr 74px 1fr; align-items:center; gap:22px; min-height:190px; }.journey-step-reverse .journey-media { grid-column:3; grid-row:1; }.journey-step-reverse .journey-copy { grid-column:1; grid-row:1; text-align:right; }.journey-media { overflow:hidden; border-radius:13px; box-shadow:0 11px 20px rgba(38,83,56,.12); }.journey-media img { display:block; width:100%; height:145px; object-fit:cover; transition:transform .5s; }.journey-step:hover .journey-media img { transform:scale(1.05); }.journey-marker { position:relative; z-index:2; display:grid; width:58px; height:58px; place-self:center; place-items:center; border:8px solid #e6f7e5; border-radius:50%; background:#28a94d; color:#fff; font:800 12px 'Plus Jakarta Sans',sans-serif; }.journey-copy span { color:#299953; font-size:10px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }.journey-copy h3 { margin:5px 0 7px; color:#17324c; font-size:20px; }.journey-copy p { max-width:330px; margin:0; color:#687a86; font-size:12px; line-height:1.5; }.journey-step-reverse .journey-copy p { margin-left:auto; }
.about-expertise { padding:78px max(7vw,32px) 90px; background:#062c3d url('../assets/backgroundbanner.png') center/cover no-repeat; color:#fff; }.about-expertise::before { position:absolute; inset:0; background:linear-gradient(90deg,rgba(1,32,49,.96),rgba(0,54,57,.72)); content:''; }.about-expertise { position:relative; isolation:isolate; }.about-expertise > * { position:relative; }.about-expertise-heading { max-width:710px; margin-bottom:34px; }.expertise-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:15px; }.expertise-card { overflow:hidden; border-radius:13px; background:#fff; color:#17314b; box-shadow:0 14px 28px rgba(0,0,0,.18); transition:transform .25s,box-shadow .25s; }.expertise-card:hover { box-shadow:0 22px 35px rgba(0,0,0,.26); transform:translateY(-6px); }.expertise-card img { display:block; width:100%; height:175px; object-fit:cover; }.expertise-card > div { position:relative; padding:18px 18px 20px; }.expertise-card h3 { margin:0 0 7px; font-size:14px; }.expertise-card p { min-height:35px; margin:0 30px 18px 0; color:#6b7b85; font-size:11px; line-height:1.4; }.expertise-card a { position:absolute; right:16px; bottom:17px; display:grid; width:29px; height:29px; place-items:center; border-radius:50%; background:#dcf6d6; color:#22934b; font-size:11px; }
.about-cta { position:relative; display:flex; align-items:center; justify-content:space-between; gap:25px; padding:68px max(7vw,32px); overflow:hidden; background:#087d52 url('../assets/mainbackground.png') center/cover no-repeat; color:#fff; }.about-cta::before { position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,70,57,.9),rgba(4,109,68,.55)); content:''; }.about-cta > * { position:relative; }.about-cta h2 { margin:0 0 10px; font-size:clamp(2rem,3.4vw,3.4rem); letter-spacing:-.06em; }.about-cta p:last-child { max-width:620px; margin:0; color:rgba(255,255,255,.8); font-size:14px; line-height:1.5; }
.about-reveal > * { animation:about-rise .8s cubic-bezier(.2,.7,.2,1) both; }.about-reveal:nth-of-type(2) > * { animation-delay:.08s; }.about-reveal:nth-of-type(3) > * { animation-delay:.14s; }.about-reveal:nth-of-type(4) > * { animation-delay:.2s; }.about-reveal:nth-of-type(5) > * { animation-delay:.26s; }.about-reveal:nth-of-type(6) > * { animation-delay:.3s; }@keyframes about-copy-in { from { opacity:0; transform:translateX(-26px); } to { opacity:1; transform:none; } }@keyframes about-person-in { from { opacity:0; transform:translateY(55px); } to { opacity:1; transform:none; } }@keyframes about-note-in { from { opacity:0; transform:translateX(25px); } to { opacity:1; transform:none; } }@keyframes about-rise { from { opacity:0; transform:translateY(26px); } to { opacity:1; transform:none; } }
@media (max-width:1100px) { .about-hero-inner,.about-hero-stats { width:calc(100% - 64px); }.about-hero-inner { grid-template-columns:minmax(0,1fr) minmax(300px,.85fr) 145px; }.about-hero-portrait img { right:-18%; width:570px; }.about-hero-note { padding:16px 13px; }.about-hero-note strong { font-size:15px; }.about-purpose { gap:35px; }.journey-step { grid-template-columns:1fr 58px 1fr; }.expertise-card img { height:145px; } }
@media (max-width:760px) { .about-hero { min-height:850px; }.about-hero-grid { top:22px; right:7%; }.about-hero-inner { display:flex; width:calc(100% - 40px); min-height:730px; flex-direction:column; align-items:stretch; justify-content:flex-start; padding-top:63px; }.about-hero-copy { max-width:none; padding-top:0; }.about-hero h1 { font-size:clamp(2.15rem,9.3vw,3.4rem); }.about-hero-lead { margin:18px 0 22px; font-size:.9rem; }.about-hero-portrait { position:absolute; right:-50px; bottom:0; width:100%; height:390px; }.about-hero-portrait img { right:0; bottom:-42px; width:445px; height:430px; }.about-portrait-glow { right:15%; bottom:58px; width:245px; height:245px; }.about-hero-note { position:absolute; right:2px; bottom:215px; z-index:3; padding:12px 11px; }.about-hero-note strong { font-size:12px; }.about-hero-note small { margin-top:7px; font-size:8px; }.about-hero-stats { width:calc(100% - 40px); grid-template-columns:repeat(2,1fr); padding:10px 0; }.about-hero-stats div { padding:8px 10px; }.about-hero-stats strong { font-size:14px; }.about-hero-stats small { font-size:8px; }.about-purpose { display:block; padding:65px 20px 75px; background-position:60% center; }.about-purpose-copy { margin-bottom:28px; }.about-purpose h2,.about-values-heading h2,.about-expertise-heading h2 { font-size:2.15rem; }.about-purpose-cards { grid-template-columns:1fr; gap:13px; }.purpose-card { padding:22px; }.about-values { padding:65px 20px 72px; }.values-grid { grid-template-columns:1fr; gap:10px; }.value-card { min-height:0; padding:17px; }.value-card .about-icon { width:42px; height:42px; font-size:16px; }.about-journey { padding:66px 20px 72px; }.journey-list::before { left:24px; }.journey-step,.journey-step-reverse { display:grid; grid-template-columns:48px minmax(0,1fr); gap:11px; min-height:0; margin-bottom:28px; }.journey-step-reverse .journey-media,.journey-step-reverse .journey-copy { grid-column:2; grid-row:auto; text-align:left; }.journey-step .journey-media { grid-column:2; grid-row:1; }.journey-step .journey-marker { grid-column:1; grid-row:1 / span 2; width:47px; height:47px; border-width:6px; }.journey-step .journey-copy { grid-column:2; grid-row:2; }.journey-step-reverse .journey-marker { grid-column:1; grid-row:1 / span 2; }.journey-step-reverse .journey-copy p { margin-left:0; }.journey-media img { height:130px; }.about-expertise { padding:65px 20px 72px; }.expertise-grid { grid-template-columns:repeat(2,1fr); gap:10px; }.expertise-card img { height:130px; }.expertise-card > div { padding:13px; }.expertise-card h3 { font-size:12px; }.expertise-card p { min-height:44px; font-size:10px; }.about-cta { display:block; padding:58px 20px; }.about-cta .about-button { margin-top:22px; } }
@media (prefers-reduced-motion:reduce) { .about-reveal > *,.about-hero-copy,.about-hero-portrait,.about-hero-note { animation:none; } }

/* About banner follows the same full-image, centered treatment as the other page banners. */
.about-hero {
    display:flex;
    min-height:clamp(400px,34vw,560px);
    align-items:center;
    justify-content:center;
    background:var(--about-hero-image) center/cover no-repeat;
    color:#fff;
    text-align:center;
}
.about-hero-art { display:none; }
.about-hero::before {
    display:block;
    z-index:0;
    background-color:rgba(2,35,31,.62);
    background-image:none;
}
.about-hero::after { display:none; }
.about-hero-inner {
    z-index:1;
    display:flex;
    width:min(1050px,calc(100% - 44px));
    min-height:0;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:0;
    padding:70px 0 76px;
}
.about-hero-copy {
    max-width:900px;
    padding-top:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    backdrop-filter:none;
    text-align:center;
}
.about-eyebrow { justify-content:center; color:#a5f27b; }
.about-hero h1 {
    color:#fff;
    font-size:clamp(2.2rem,3.8vw,4.2rem);
    line-height:1.06;
    letter-spacing:-.065em;
}
.about-hero h1 span { color:#fff; }
.about-hero h1 em { color:#9ce54b; }
.about-hero-lead {
    max-width:730px;
    margin:24px auto 28px;
    color:rgba(255,255,255,.9);
    font-size:clamp(1rem,1.35vw,1.3rem);
    line-height:1.6;
}
.about-actions { justify-content:center; }
.about-hero-note { display:none; }
@media (max-width:760px) {
    .about-hero { min-height:430px; }
    .about-hero-inner { width:calc(100% - 24px); padding:42px 0 52px; }
    .about-hero-copy { padding:0; }
    .about-hero h1 { font-size:clamp(2rem,8vw,2.8rem); }
    .about-hero-lead { margin-top:20px; font-size:1rem; }
}

/* About page follows the same type scale and generous presentation rhythm as Home. */
.about-page { font-family:var(--body-font); background:#f7fbf7; }
.about-hero { min-height:clamp(470px,37vw,560px); background:#f8fcfa var(--about-hero-image) center/cover no-repeat; color:#10213d; }
.about-hero::before { z-index:-1; background:linear-gradient(90deg,rgba(249,255,251,.99) 0%,rgba(249,255,251,.95) 36%,rgba(249,255,251,.55) 55%,rgba(249,255,251,.08) 76%,rgba(249,255,251,0) 100%); }
.about-hero::after { right:30%; bottom:-72%; width:52%; height:92%; border:0; border-radius:50%; background:rgba(98,220,42,.16); box-shadow:0 0 0 23px rgba(98,220,42,.08),0 0 0 52px rgba(98,220,42,.05); transform:rotate(-20deg); }
.about-hero-inner { grid-template-columns:minmax(0,620px) minmax(180px,1fr); width:min(1440px,calc(100% - 96px)); min-height:clamp(420px,33vw,500px); padding:clamp(40px,4vw,64px) 0 clamp(62px,5vw,82px); }
.about-hero-copy { max-width:620px; padding-top:0; }
.about-eyebrow { margin-bottom:clamp(18px,1.7vw,26px); color:#177d45; font-size:clamp(.68rem,.78vw,.9rem); letter-spacing:clamp(2px,.16vw,2.8px); }
.about-eyebrow span { width:38px; height:3px; background:#1ca04d; }
.about-hero h1 { color:#10213d; font-family:var(--heading-font); font-size:clamp(2.35rem,3.5vw,3.8rem); font-weight:800; line-height:1.02; letter-spacing:-.065em; }
.about-hero h1 span { color:#10213d; }
.about-hero h1 em { color:#138844; }
.about-hero-lead { max-width:590px; margin:clamp(20px,1.7vw,28px) 0 clamp(22px,2vw,30px); color:#3b5567; font-size:clamp(1rem,1.2vw,1.22rem); line-height:1.45; }
.about-actions { gap:18px; }
.about-button { min-height:clamp(2.75rem,3vw,3.25rem); min-width:175px; padding:0 24px; border-radius:7px; font-size:clamp(.875rem,1vw,1rem); }
.about-button-dark { background:#07883d; }
.about-hero-portrait { display:none; }
.about-hero-note { align-self:start; justify-self:end; width:145px; margin:30px 0 0; padding:24px 20px; border-radius:12px; background:rgba(255,255,255,.91); }
.about-hero-note strong { font-size:clamp(1rem,1.25vw,1.35rem); }
.about-hero-note small { font-size:clamp(.68rem,.78vw,.82rem); }
.about-purpose { grid-template-columns:minmax(390px,.78fr) minmax(0,1.22fr); gap:54px; min-height:390px; padding:clamp(62px,5vw,82px) max(7vw,40px); background-color:#fbfefc; }
.about-purpose-copy { max-width:470px; }
.about-purpose h2 { font-size:clamp(2.25rem,3.3vw,3.6rem); }
.about-purpose-copy > p:not(.about-eyebrow) { font-size:clamp(1rem,1.1vw,1.15rem); line-height:1.5; }
.about-purpose-cards { grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.purpose-card { min-height:260px; padding:30px 22px; border-radius:15px; }
.about-icon { width:56px; height:56px; font-size:23px; }
.purpose-card h3 { margin:20px 0 12px; font-size:clamp(1.1rem,1.35vw,1.45rem); }
.purpose-card p { font-size:clamp(.88rem,1vw,1.05rem); line-height:1.5; }
.about-stats-band { position:relative; right:auto; bottom:auto; left:auto; z-index:1; display:grid; grid-template-columns:repeat(4,1fr); width:100%; min-height:0; margin:0; padding:26px max(7vw,40px); border:0; border-radius:0; background:linear-gradient(90deg,rgba(0,48,45,.93),rgba(0,66,58,.8)),url('../assets/mainbackground.png') center/cover no-repeat; }
.about-stats-band div { padding:0 clamp(15px,2.2vw,34px); }
.about-stats-band i { font-size:clamp(1.35rem,1.8vw,1.8rem); }
.about-stats-band strong { font-size:clamp(1.45rem,2vw,2rem); }
.about-stats-band small { font-size:clamp(.8rem,1vw,1rem); }

@media (max-width:760px) {
    .about-hero { min-height:720px; background-position:58% center; background-image:var(--about-hero-image); }
    .about-hero::before { background:linear-gradient(180deg,rgba(249,255,251,.99) 0%,rgba(249,255,251,.97) 42%,rgba(249,255,251,.86) 68%,rgba(249,255,251,.18) 100%); }
    .about-hero-inner { display:flex; width:calc(100% - 40px); min-height:620px; padding:58px 0 70px; }
    .about-hero h1 { font-size:clamp(2.35rem,10vw,3.5rem); line-height:1.02; }
    .about-hero-lead { max-width:530px; font-size:1rem; line-height:1.5; }
    .about-actions { gap:10px; }
    .about-button { min-width:160px; }
    .about-hero-note { display:none; }
    .about-hero-note strong { font-size:1rem; }
    .about-purpose { display:block; padding:64px 20px 70px; }
    .about-purpose-copy { max-width:none; margin-bottom:28px; }
    .about-purpose h2 { font-size:clamp(2rem,9vw,2.8rem); }
    .about-purpose-copy > p:not(.about-eyebrow) { font-size:1rem; }
    .about-purpose-cards { grid-template-columns:1fr; gap:13px; }
    .purpose-card { min-height:0; padding:24px 22px; }
    .about-stats-band { grid-template-columns:repeat(2,1fr); padding:18px 12px; }
    .about-stats-band div { padding:10px 12px; }
    .about-stats-band strong { font-size:1.35rem; }
    .about-stats-band small { font-size:.78rem; }
}

/* Keep the values heading and cards on the same horizontal content rail. */
.about-values-heading,
.about-values .values-grid { width:min(1320px,100%); margin-right:auto; margin-left:auto; }
.about-values-heading { max-width:1320px; }
.about-values .values-grid { margin-top:0; }
.about-stats-band { color:#fff; }
.about-stats-band i { color:#75df32; }
.about-stats-band strong { color:#fff; }
.about-stats-band small { color:rgba(255,255,255,.82); }

@media (max-width:760px) {
    .about-values-heading,
    .about-values .values-grid { width:100%; }
}

/* Extra vertical breathing room for the hero and its message card. */
.about-hero { min-height:clamp(540px,40vw,620px); }
.about-hero-inner { min-height:clamp(470px,35vw,540px); padding-top:clamp(58px,5vw,84px); padding-bottom:clamp(88px,6vw,112px); }
.about-hero-note { width:170px; margin-top:38px; padding:30px 24px; }
.about-hero-note strong { font-size:clamp(1.1rem,1.35vw,1.5rem); }
.about-hero-note small { margin-top:16px; font-size:clamp(.72rem,.82vw,.88rem); }

@media (max-width:760px) {
    .about-hero { min-height:760px; }
    .about-hero-inner { min-height:660px; padding-top:72px; padding-bottom:105px; }
}

/* Use the supplied About hero artwork while keeping the copy editable in Blade. */
.about-hero { min-height:clamp(590px,42vw,700px); background-color:#fff; background-position:center; background-size:cover; }
.about-hero::before { background:linear-gradient(90deg,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 48%,rgba(255,255,255,.96) 57%,rgba(255,255,255,.42) 68%,rgba(255,255,255,0) 79%); }
.about-hero::after { display:none; }
.about-hero-inner { grid-template-columns:minmax(0,680px) minmax(0,1fr); min-height:clamp(500px,38vw,600px); padding-top:clamp(82px,7vw,120px); padding-bottom:clamp(100px,8vw,140px); }
.about-hero-copy { max-width:680px; padding-top:clamp(36px,3.5vw,58px); }
.about-hero-note { display:none; }

@media (max-width:760px) {
    .about-hero { min-height:780px; background-position:68% center; }
    .about-hero::before { background:linear-gradient(180deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.98) 42%,rgba(255,255,255,.8) 70%,rgba(255,255,255,.2) 100%); }
    .about-hero-inner { min-height:690px; padding-top:82px; padding-bottom:120px; }
    .about-hero-copy { padding-top:26px; }
}

/* Let more of the supplied About artwork show through on desktop. */
.about-hero::before { background:linear-gradient(90deg,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 56%,rgba(255,255,255,.96) 65%,rgba(255,255,255,.45) 78%,rgba(255,255,255,0) 90%); }
.about-hero-copy { isolation:isolate; }
.about-hero-copy::before { display:none; }
@media (max-width:760px) {
    .about-hero::before { background:linear-gradient(180deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.98) 42%,rgba(255,255,255,.8) 70%,rgba(255,255,255,.2) 100%); }
}

/* Keep the editable copy on clean white while ensuring the selected banner image is always applied. */
.about-hero { background-color:#fff; background-image:var(--about-hero-image); background-position:center; background-size:cover; }
.about-hero::after { display:block; position:absolute; inset:0; z-index:0; border:0; border-radius:0; background:var(--about-hero-image) center/cover no-repeat; box-shadow:none; content:''; }
.about-hero::before { inset:0; z-index:1; background:linear-gradient(90deg,rgba(255,255,255,1) 0%,rgba(255,255,255,.92) 30%,rgba(255,255,255,.45) 48%,rgba(255,255,255,0) 68%); box-shadow:none; }
.about-hero-inner { z-index:2; }
@media (max-width:760px) {
    .about-hero::after { inset:0; background-size:auto 100%; background-position:68% center; }
    .about-hero::before { inset:0; background:linear-gradient(180deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.98) 42%,rgba(255,255,255,.8) 70%,rgba(255,255,255,.2) 100%); }
}

/* Dynamic Management Team section: six cards on desktop, expandable from the admin collection. */
.about-leadership {
    position:relative;
    isolation:isolate;
    overflow:hidden;
    padding:clamp(78px,7vw,112px) max(6vw,32px) clamp(82px,7vw,112px);
    color:#fff;
    background:#032f3d url('../assets/backgroundbanner.png') center/cover no-repeat;
}
.about-leadership::before {
    content:'';
    position:absolute;
    inset:0;
    z-index:-1;
    background:linear-gradient(112deg,rgba(0,40,52,.98) 0%,rgba(0,54,61,.9) 48%,rgba(0,103,75,.76) 100%);
}
.about-leadership::after {
    content:'';
    position:absolute;
    z-index:-1;
    top:-18%;
    right:-10%;
    width:50%;
    height:125%;
    background:radial-gradient(ellipse at center,rgba(28,180,109,.25),transparent 68%);
    pointer-events:none;
}
.leadership-heading,
.leadership-grid { position:relative; max-width:1280px; margin-right:auto; margin-left:auto; }
.leadership-heading { margin-bottom:34px; }
.leadership-heading .about-eyebrow { color:#4be182; }
.leadership-heading .about-eyebrow span { background:#4be182; }
.leadership-heading h2 { max-width:760px; margin:16px 0 10px; color:#fff; font-size:clamp(2.4rem,4.4vw,4.5rem); line-height:1.03; }
.leadership-heading > p:last-child { max-width:920px; margin:0; color:rgba(255,255,255,.82); font-size:clamp(1rem,1.25vw,1.25rem); line-height:1.55; }
.leadership-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.leadership-card { overflow:hidden; border:1px solid rgba(255,255,255,.78); border-radius:20px; background:#fff; color:#09264a; box-shadow:0 18px 40px rgba(0,0,0,.18); transition:transform .35s ease,box-shadow .35s ease; }
.leadership-card:hover { transform:translateY(-8px); box-shadow:0 26px 48px rgba(0,0,0,.28); }
.leadership-card > img { display:block; width:100%; height:clamp(205px,18vw,270px); object-fit:cover; object-position:center 25%; }
.leadership-card-body { position:relative; min-height:142px; padding:19px 23px 23px; }
.leadership-card-body::after { content:''; display:block; width:58px; height:4px; margin-top:18px; border-radius:999px; background:#31d678; }
.leadership-card h3 { max-width:calc(100% - 42px); margin:0; color:#0a2b50; font-family:var(--font-heading,'Plus Jakarta Sans',sans-serif); font-size:clamp(1.1rem,1.45vw,1.5rem); line-height:1.18; }
.leadership-role { max-width:calc(100% - 42px); margin:7px 0 0; color:#707b84; font-size:clamp(.9rem,1.05vw,1.08rem); line-height:1.35; }
.leadership-qualifications { max-width:calc(100% - 54px); margin:8px 0 0; color:#52677a; font-size:.9rem; font-style:italic; line-height:1.35; }
.leadership-bio { max-width:calc(100% - 42px); margin:9px 0 0; color:#5c6b77; font-size:.85rem; line-height:1.35; }
.leadership-link { position:absolute; right:22px; bottom:22px; display:grid; width:39px; height:39px; place-items:center; border-radius:4px; color:#fff; background:#1389cf; font-size:1.35rem; transition:transform .25s ease,background .25s ease; }
.leadership-link:hover { transform:scale(1.1); background:#076da9; }
.leadership-empty { color:#fff; }

@media (max-width:1000px) {
    .leadership-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .leadership-card > img { height:240px; }
}
@media (max-width:620px) {
    .about-leadership { padding:64px 20px 72px; }
    .leadership-heading { margin-bottom:26px; }
    .leadership-heading h2 { font-size:clamp(2rem,9vw,2.85rem); }
    .leadership-grid { grid-template-columns:1fr; gap:16px; }
    .leadership-card > img { height:230px; }
}

/* Leadership refinement: keep the scene intentional and let the people cards lead. */
.about-leadership {
    padding-top:clamp(70px,6vw,96px);
    padding-bottom:clamp(76px,6vw,98px);
    background-position:right center;
}
.about-leadership::before {
    background:linear-gradient(112deg,rgba(0,40,52,.98) 0%,rgba(0,54,61,.92) 52%,rgba(0,73,68,.72) 100%);
}
.about-leadership::after {
    right:-4%;
    width:44%;
    opacity:.7;
}
.leadership-heading,
.leadership-grid {
    max-width:1320px;
}
.leadership-heading {
    margin-bottom:28px;
}
.leadership-heading h2 {
    max-width:none;
    margin:14px 0 10px;
    font-size:clamp(2.8rem,3.6vw,3.8rem);
    letter-spacing:-.055em;
}
.leadership-heading > p:last-child {
    max-width:920px;
    font-size:clamp(1rem,1.05vw,1.12rem);
    line-height:1.5;
}
.leadership-grid {
    gap:18px;
}
.leadership-card {
    border-radius:16px;
    box-shadow:0 16px 32px rgba(0,0,0,.18);
}
.leadership-card > img {
    height:clamp(190px,16vw,240px);
    object-position:center 20%;
}
.leadership-card-body {
    min-height:148px;
    padding:18px 21px 21px;
}
.leadership-card h3 {
    font-size:clamp(1.05rem,1.25vw,1.3rem);
}
.leadership-role {
    font-size:clamp(.86rem,.95vw,1rem);
}
.leadership-bio {
    font-size:.8rem;
}

/* Shared About-page rail: section content starts and ends on the same vertical guides. */
.about-hero::after { display:none; }
.about-hero-art { position:absolute; inset:0 0 0 45%; z-index:0; background:var(--about-hero-image) right center/cover no-repeat; }
.about-hero::before { z-index:1; background:linear-gradient(90deg,#fff 0%,#fff 48%,rgba(255,255,255,.98) 57%,rgba(255,255,255,.62) 68%,rgba(255,255,255,0) 78%); }
.about-hero-inner { z-index:2; }
.about-purpose,
.about-values,
.about-journey,
.about-leadership,
.about-cta { padding-right:max(7vw,40px); padding-left:max(7vw,40px); }
.journey-list { width:min(1320px,100%); }
.leadership-heading,
.leadership-grid { max-width:1320px; }

@media (max-width:760px) {
    .about-hero-art { inset:38% 0 0; background-position:right center; opacity:.3; }
    .about-hero::before { background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.98) 38%,rgba(255,255,255,.8) 65%,rgba(255,255,255,.2) 100%); }
    .about-purpose,
    .about-values,
    .about-journey,
    .about-leadership,
    .about-cta { padding-right:20px; padding-left:20px; }
}

/* Purpose section: keep the long background copy from stretching its siblings. */
.about-purpose {
    align-items:start;
    background-position:right bottom;
}
.about-purpose-copy {
    align-self:start;
    padding-top:22px;
}
.about-purpose-copy > p:not(.about-eyebrow) {
    text-align:justify;
    text-justify:inter-word;
}
.about-purpose-cards {
    align-items:start;
}
.purpose-card {
    min-height:0;
    height:auto;
    align-self:start;
}

@media (max-width:760px) {
    .about-purpose {
        background-position:right bottom;
    }
    .about-purpose-copy {
        padding-top:0;
    }
    .about-purpose-copy > p:not(.about-eyebrow) {
        text-align:left;
    }
}

/* Who We Are layout: left narrative with a two-over-one card arrangement. */
.about-purpose {
    grid-template-columns:minmax(390px,.78fr) minmax(0,1.22fr);
    align-items:center;
    gap:clamp(44px,5vw,82px);
    min-height:clamp(650px,44vw,790px);
    padding-top:clamp(82px,6vw,108px);
    padding-bottom:clamp(92px,7vw,124px);
    background-color:#fbfefd;
    background-position:right bottom;
    background-size:cover;
}
.about-purpose::before {
    background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.9) 43%,rgba(255,255,255,.42) 73%,rgba(255,255,255,.08) 100%);
}
.about-purpose-copy {
    align-self:center;
    max-width:610px;
    padding-top:0;
}
.about-purpose h2 {
    margin-bottom:24px;
    font-size:clamp(2.8rem,4vw,4.45rem);
    line-height:1.02;
    letter-spacing:-.065em;
}
.about-purpose-copy > p:not(.about-eyebrow) {
    max-width:610px;
    margin-bottom:32px;
    color:#1b2638;
    font-size:clamp(1rem,1.15vw,1.2rem);
    line-height:1.55;
}
.about-purpose-cards {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:stretch;
    gap:28px;
}
.purpose-card {
    position:relative;
    min-height:0;
    padding:28px 32px 30px;
    overflow:hidden;
    border:1px solid rgba(154,202,211,.62);
    border-radius:22px;
    background:rgba(255,255,255,.82);
    box-shadow:0 15px 34px rgba(41,119,129,.12);
    backdrop-filter:blur(3px);
}
.purpose-card::before {
    position:absolute;
    top:0;
    right:0;
    width:120px;
    height:120px;
    border-radius:0 0 0 100%;
    content:'';
    opacity:.9;
}
.purpose-card:nth-child(1)::before { background:linear-gradient(135deg,#4ed42b,#168a08); }
.purpose-card:nth-child(2)::before { background:linear-gradient(135deg,#55b5ff,#0878e7); }
.purpose-card:nth-child(3)::before { background:linear-gradient(135deg,#ffd56a,#f29a00); }
.purpose-card > * { position:relative; z-index:1; }
.purpose-card .about-icon {
    width:66px;
    height:66px;
    font-size:27px;
}
.purpose-card h3 {
    margin:20px 0 12px;
    color:#111d45;
    font-size:clamp(1.45rem,1.75vw,1.95rem);
    line-height:1.12;
}
.purpose-card .card-rule {
    width:56px;
    height:4px;
    margin-bottom:18px;
    border-radius:999px;
    background:#139b34;
}
.purpose-card p {
    color:#111d45;
    font-size:clamp(.98rem,1.05vw,1.12rem);
    line-height:1.45;
}
.purpose-card:nth-child(3) {
    grid-column:1 / -1;
    display:grid;
    grid-template-columns:86px minmax(0,1fr);
    column-gap:22px;
    align-items:start;
}
.purpose-card:nth-child(3) .about-icon {
    grid-row:1 / span 3;
    margin-top:2px;
}
.purpose-card:nth-child(3) h3,
.purpose-card:nth-child(3) .card-rule,
.purpose-card:nth-child(3) p { grid-column:2; }

@media (max-width:760px) {
    .about-purpose {
        display:block;
        min-height:0;
        padding:68px 20px 78px;
        background-position:right bottom;
    }
    .about-purpose-copy {
        max-width:none;
        margin-bottom:30px;
    }
    .about-purpose h2 {
        font-size:clamp(2.25rem,9vw,3rem);
    }
    .about-purpose-copy > p:not(.about-eyebrow) {
        max-width:none;
        font-size:1rem;
        line-height:1.55;
    }
    .about-purpose-cards {
        grid-template-columns:1fr;
        gap:16px;
    }
    .purpose-card {
        padding:24px 22px 26px;
        border-radius:18px;
    }
    .purpose-card:nth-child(3) {
        grid-column:auto;
        display:block;
    }
    .purpose-card:nth-child(3) .about-icon {
        margin-top:0;
    }
    .purpose-card:nth-child(3) h3,
    .purpose-card:nth-child(3) .card-rule,
    .purpose-card:nth-child(3) p { grid-column:auto; }
    .purpose-card .about-icon {
        width:56px;
        height:56px;
        font-size:22px;
    }
    .purpose-card h3 {
        font-size:1.45rem;
    }
    .purpose-card p {
        font-size:.98rem;
    }
}

@media (min-width:761px) {
    .about-purpose-copy > p:not(.about-eyebrow) {
        text-align:justify;
        text-justify:inter-word;
        text-align-last:left;
    }
}

/* Use one desktop rail and a readable type scale for the values section. */
.about-stats-band {
    display:block;
    padding-right:max(7vw,40px);
    padding-left:max(7vw,40px);
}
.about-stats-band-inner {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    width:min(1320px,100%);
    margin:0 auto;
    padding:0;
    border:0;
}
.about-stats-band.about-hero-stats > .about-stats-band-inner {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    width:min(1320px,100%);
    margin:0 auto;
    padding:0;
    border:0;
}
.about-stats-band-inner > div {
    display:grid;
    grid-template-columns:34px auto;
    align-items:center;
    column-gap:12px;
    padding:0 clamp(18px,2.2vw,34px);
}
.about-values {
    padding-top:clamp(82px,6vw,104px);
    padding-bottom:clamp(90px,7vw,116px);
}
.about-values-heading {
    max-width:1320px;
    margin-bottom:42px;
}
.about-values-heading h2 {
    font-size:clamp(2.45rem,3.5vw,3.8rem);
    line-height:1.04;
}
.about-values-heading > p:last-child {
    max-width:760px;
    font-size:clamp(1rem,1.1vw,1.15rem);
    line-height:1.5;
}
.about-values .values-grid {
    width:min(1320px,100%);
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
}
.value-card {
    min-height:152px;
    padding:24px 26px;
    gap:18px;
    border-radius:15px;
}
.value-card h3 {
    margin-top:3px;
    font-size:clamp(1.1rem,1.25vw,1.3rem);
}
.value-card p {
    font-size:clamp(.95rem,1vw,1.05rem);
    line-height:1.45;
}
.value-card .about-icon {
    flex:0 0 auto;
    aspect-ratio:1 / 1;
}

/* Team cards link to full profiles; LinkedIn is always available as a separate action. */
.leadership-heading > p:last-child {
    max-width:1180px;
    font-size:clamp(1rem,1.08vw,1.16rem);
    line-height:1.5;
}
.leadership-heading {
    margin-bottom:52px;
}
.leadership-card-body {
    min-height:145px;
}
.leadership-profile-link {
    display:block;
    max-width:calc(100% - 54px);
    color:inherit;
    text-decoration:none;
}
.leadership-profile-link:hover h3 {
    color:#07883d;
}
.leadership-profile-link h3,
.leadership-profile-link .leadership-role,
.leadership-profile-link .leadership-qualifications {
    transition:color .2s ease;
}
.leadership-link {
    border-radius:50%;
}

/* Uploaded team portraits are square; show the complete image instead of cropping it behind the card copy. */
.leadership-card > img {
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:1 / 1;
    object-fit:contain;
    object-position:center;
    background:#f2f5f4;
}

/* Individual management profile page. */
.team-profile-page {
    overflow:hidden;
    background:#f7fbf8;
    color:#10213d;
}
.team-profile-hero {
    position:relative;
    overflow:hidden;
    background:#063b3c url('../assets/mainbackground.png') center/cover no-repeat;
    color:#fff;
}
.team-profile-hero::before {
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(1,48,53,.98) 0%,rgba(1,63,63,.9) 52%,rgba(7,114,74,.58) 100%);
    content:'';
}
.team-profile-hero::after {
    position:absolute;
    right:-8%;
    bottom:-42%;
    width:58%;
    height:96%;
    border:1px solid rgba(100,226,116,.35);
    border-radius:50%;
    box-shadow:0 0 0 28px rgba(84,211,104,.1),0 0 0 58px rgba(84,211,104,.06);
    content:'';
    transform:rotate(-15deg);
}
.team-profile-shell {
    position:relative;
    z-index:1;
    width:min(1320px,calc(100% - 80px));
    margin:0 auto;
    padding:32px 0 0;
}
.team-profile-breadcrumb {
    display:flex;
    align-items:center;
    gap:10px;
    color:rgba(255,255,255,.68);
    font-size:.85rem;
}
.team-profile-breadcrumb a {
    color:#a4ee9b;
    text-decoration:none;
}
.team-profile-breadcrumb i { font-size:.65rem; }
.team-profile-layout {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);
    align-items:center;
    gap:64px;
    min-height:560px;
    padding:46px 0 72px;
}
.team-profile-copy { max-width:670px; }
.team-profile-copy .about-eyebrow { color:#83eb91; }
.team-profile-copy .about-eyebrow span { background:#5ee079; }
.team-profile-name {
    margin:26px 0 8px;
    color:rgba(255,255,255,.78);
    font-size:clamp(1rem,1.2vw,1.25rem);
    font-weight:700;
    letter-spacing:.08em;
    line-height:1.3;
    text-transform:uppercase;
}
.team-profile-copy h1 {
    margin:0 0 14px;
    color:#fff;
    font-family:var(--heading-font,'Plus Jakarta Sans',sans-serif);
    font-size:clamp(2.8rem,5vw,5rem);
    line-height:1.02;
    letter-spacing:-.065em;
}
.team-profile-qualifications {
    margin:10px 0 0;
    color:rgba(255,255,255,.9);
    font-size:clamp(1rem,1.15vw,1.15rem);
    font-style:italic;
    line-height:1.45;
}
.team-profile-focus {
    margin:10px 0 0;
    color:rgba(255,255,255,.72);
    font-size:1rem;
    line-height:1.4;
}
.team-profile-role {
    max-width:580px;
    margin:0;
    color:rgba(255,255,255,.78);
    font-size:clamp(1.05rem,1.35vw,1.35rem);
    line-height:1.45;
}
.team-profile-rule {
    display:block;
    width:62px;
    height:4px;
    margin:25px 0 22px;
    border-radius:999px;
    background:#54dd7e;
}
.team-profile-bio {
    max-width:640px;
    margin:0;
    color:rgba(255,255,255,.86);
    font-size:clamp(1rem,1.2vw,1.2rem);
    line-height:1.65;
}
.team-profile-actions {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:14px;
    margin-top:30px;
}
.team-profile-actions .about-button { min-width:190px; }
.team-profile-linkedin {
    display:inline-flex;
    align-items:center;
    gap:9px;
    min-height:48px;
    padding:0 18px;
    border:1px solid rgba(255,255,255,.65);
    border-radius:7px;
    color:#fff;
    font-size:.92rem;
    font-weight:700;
    text-decoration:none;
    transition:background .2s ease,transform .2s ease;
}
.team-profile-linkedin:hover {
    background:rgba(255,255,255,.14);
    transform:translateY(-2px);
}
.team-profile-linkedin i { font-size:1.2rem; }
.team-profile-image-wrap {
    position:relative;
    align-self:end;
    justify-self:end;
    width:min(100%,560px);
}
.team-profile-image-glow {
    position:absolute;
    inset:10% 8% 4%;
    border-radius:50%;
    background:rgba(94,225,104,.23);
    filter:blur(3px);
}
.team-profile-image-wrap img {
    position:relative;
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:1 / 1;
    object-fit:cover;
    object-position:center;
    border:0;
    border-radius:18px;
    box-shadow:0 18px 34px rgba(0,0,0,.18);
}
.team-profile-details {
    padding:78px max(7vw,40px) 88px;
    background:#fbfefc url('../assets/hhhahah.png') right center/cover no-repeat;
}
.team-profile-details-inner {
    width:min(900px,100%);
    margin:0 auto;
    text-align:center;
}
.team-profile-details .about-eyebrow { justify-content:center; }
.team-profile-details h2 {
    margin:0 0 16px;
    color:#10213d;
    font-size:clamp(2rem,3vw,3.2rem);
    letter-spacing:-.06em;
}
.team-profile-details p:not(.about-eyebrow) {
    max-width:760px;
    margin:0 auto 26px;
    color:#506979;
    font-size:clamp(1rem,1.15vw,1.15rem);
    line-height:1.6;
    text-align:justify;
    text-justify:inter-word;
}

@media (max-width:760px) {
    .leadership-heading > p:last-child {
        max-width:100%;
        font-size:1rem;
        line-height:1.55;
    }
    .leadership-card-body { min-height:132px; }
    .team-profile-shell {
        width:calc(100% - 40px);
        padding-top:24px;
    }
    .team-profile-layout {
        display:flex;
        min-height:0;
        flex-direction:column;
        align-items:stretch;
        gap:30px;
        padding:42px 0 58px;
    }
    .team-profile-copy { max-width:none; }
    .team-profile-copy h1 { font-size:clamp(2.5rem,11vw,3.7rem); }
    .team-profile-bio { font-size:1rem; line-height:1.55; }
    .team-profile-image-wrap { width:100%; }
    .team-profile-image-wrap img { height:auto; aspect-ratio:1 / 1; }
    .team-profile-details { padding:62px 20px 70px; }
}

@media (max-width:760px) {
    .about-stats-band {
        padding:18px 20px;
    }
    .about-stats-band-inner {
        grid-template-columns:repeat(2,minmax(0,1fr));
        padding:0;
    }
    .about-stats-band.about-hero-stats > .about-stats-band-inner {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .about-stats-band-inner > div {
        grid-template-columns:32px auto;
        column-gap:10px;
        padding:10px 12px;
    }
    .about-values {
        padding-top:66px;
        padding-bottom:74px;
    }
    .about-values-heading {
        width:100%;
        margin-bottom:30px;
    }
    .about-values-heading h2 {
        font-size:clamp(2.15rem,9vw,3rem);
    }
    .about-values-heading > p:last-child {
        font-size:1rem;
    }
    .about-values .values-grid {
        width:100%;
        grid-template-columns:1fr;
        gap:12px;
    }
    .value-card {
        min-height:0;
        padding:19px 18px;
    }
    .value-card h3 {
        font-size:1.1rem;
    }
    .value-card p {
        font-size:.94rem;
    }
}

/* Final profile-page polish: white detail area, justified copy, and a browsable staff rail. */
.about-page p:not(.about-eyebrow),
.team-profile-page p:not(.about-eyebrow) {
    text-align:justify;
    text-justify:inter-word;
}
.team-profile-details {
    background:#fff;
}
.team-profile-details-inner {
    width:min(980px,100%);
    text-align:center;
}
.team-profile-details p:not(.about-eyebrow) {
    max-width:840px;
}
.leadership-link i,
.team-profile-linkedin i {
    display:inline-block;
    font-family:"Font Awesome 6 Brands";
    font-size:1.3em;
    font-weight:400;
    line-height:1;
}
.team-profile-others {
    padding:72px max(7vw,40px) 88px;
    background:#f7fbf8;
}
.team-profile-others-inner {
    width:min(1320px,100%);
    margin:0 auto;
}
.team-profile-others-heading {
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:24px;
    margin-bottom:28px;
}
.team-profile-others-heading .about-eyebrow { margin-bottom:15px; }
.team-profile-others-heading h2 {
    max-width:680px;
    margin:0;
    color:#10213d;
    font-size:clamp(2rem,3vw,3.2rem);
    line-height:1.06;
    letter-spacing:-.06em;
}
.team-profile-carousel-controls {
    display:flex;
    flex:0 0 auto;
    gap:10px;
}
.team-profile-carousel-controls button {
    display:grid;
    width:44px;
    height:44px;
    place-items:center;
    border:1px solid #11904c;
    border-radius:50%;
    background:#fff;
    color:#098448;
    cursor:pointer;
    transition:background .2s ease,color .2s ease,transform .2s ease;
}
.team-profile-carousel-controls button:hover {
    background:#098448;
    color:#fff;
    transform:translateY(-2px);
}
.team-profile-carousel {
    display:grid;
    grid-auto-columns:minmax(300px,1fr);
    grid-auto-flow:column;
    gap:16px;
    overflow-x:auto;
    padding:2px 2px 15px;
    scroll-behavior:smooth;
    scroll-snap-type:x mandatory;
    scrollbar-color:#199653 transparent;
    scrollbar-width:thin;
}
.team-profile-mini-card {
    position:relative;
    display:flex;
    min-height:118px;
    align-items:center;
    gap:16px;
    overflow:hidden;
    padding:12px 48px 12px 12px;
    border:1px solid #d9e9df;
    border-radius:15px;
    background:#fff;
    color:#10213d;
    text-decoration:none;
    box-shadow:0 10px 22px rgba(22,71,48,.08);
    scroll-snap-align:start;
    transition:transform .25s ease,box-shadow .25s ease;
}
.team-profile-mini-card:hover {
    transform:translateY(-4px);
    box-shadow:0 17px 28px rgba(22,71,48,.14);
}
.team-profile-mini-card img {
    display:block;
    width:92px;
    height:92px;
    flex:0 0 auto;
    border-radius:11px;
    object-fit:cover;
    object-position:center 20%;
}
.team-profile-mini-copy {
    display:flex;
    min-width:0;
    flex-direction:column;
    gap:6px;
}
.team-profile-mini-copy strong {
    color:#10213d;
    font-size:1rem;
    line-height:1.2;
}
.team-profile-mini-copy small {
    color:#647785;
    font-size:.85rem;
    line-height:1.35;
}
.team-profile-mini-copy .team-profile-mini-qualifications {
    color:#718492;
    font-style:italic;
}
.team-profile-mini-card > i {
    position:absolute;
    top:50%;
    right:18px;
    color:#0a9650;
    transform:translateY(-50%);
}

@media (max-width:760px) {
    .team-profile-others {
        padding:60px 20px 72px;
    }
    .team-profile-others-heading {
        display:block;
    }
    .team-profile-others-heading h2 {
        font-size:clamp(2rem,8.5vw,2.7rem);
    }
    .team-profile-carousel-controls {
        margin-top:20px;
    }
    .team-profile-carousel {
        grid-auto-columns:minmax(280px,88vw);
    }
    .team-profile-mini-card {
        min-height:104px;
    }
    .team-profile-mini-card img {
        width:78px;
        height:78px;
    }
    .team-profile-mini-copy strong { font-size:.95rem; }
    .team-profile-mini-copy small { font-size:.78rem; }
}