/* About page — scoped with .ab- prefix. Brand: #07BDE7 cyan, #ee104f rose */
.ab{--c:#07bde7;--cd:#0596b8;--r:#ee104f;--ink:#0a1a2a;--teal:#0a677e;--mist:#eef8fc;--line:#dfeaf0;--mut:#586677;
font-family:'Figtree',sans-serif;color:var(--ink);line-height:1.65;overflow-x:hidden}
.ab h1,.ab h2,.ab h3,.ab h4{font-family:'Bricolage Grotesque',sans-serif;line-height:1.12;margin:0;letter-spacing:-.01em}
.ab p{margin:0 0 1em}
.ab-w{max-width:1180px;margin:0 auto;padding:0 24px}
.ab-sec{padding:96px 0;position:relative}
.ab-h2{font-size:clamp(2rem,4vw,3rem);font-weight:800;margin-bottom:14px}
.ab-lead{color:var(--mut);font-size:1.1rem;max-width:620px}
.ab-bar{display:block;width:64px;height:5px;border-radius:9px;background:linear-gradient(90deg,var(--c) 60%,var(--r) 60%);margin:0 0 22px}
.ab-center{text-align:center}.ab-center .ab-lead{margin:0 auto}.ab-center .ab-bar{margin:0 auto 22px}
.ab a:focus-visible,.ab button:focus-visible{outline:3px solid var(--r);outline-offset:3px}

/* Hero */
.ab-hero{background:linear-gradient(135deg,#06303f,var(--ink) 70%);color:#fff;padding:90px 0 150px;position:relative;overflow:hidden}
.ab-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 20%,rgba(7,189,231,.35),transparent 45%),radial-gradient(circle at 5% 90%,rgba(238,16,79,.25),transparent 40%)}
.ab-hero .ab-w{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;position:relative}
.ab-hero h1{font-size:clamp(2.4rem,5.4vw,4.3rem);font-weight:800;animation:abIn .9s ease both}
.ab-hero p{font-size:1.15rem;color:#d3e7ef;max-width:540px;margin:22px 0 32px;animation:abIn .9s .15s ease both}
.ab-btns{display:flex;gap:14px;flex-wrap:wrap;animation:abIn .9s .3s ease both}
.ab-btn{display:inline-block;padding:14px 28px;border-radius:50px;font-weight:700;text-decoration:none;transition:.25s;border:2px solid transparent}
.ab-btn.p{background:var(--r);color:#fff}.ab-btn.p:hover{background:#c90b41;transform:translateY(-3px)}
.ab-btn.o{border-color:rgba(255,255,255,.5);color:#fff}.ab-btn.o:hover{background:#fff;color:var(--ink)}
.ab-btn.c{background:var(--c);color:#06303f}.ab-btn.c:hover{background:#fff}
.ab-hero-img{position:relative;animation:abIn 1s .2s ease both}
.ab-hero-img:before{content:"";position:absolute;inset:22px -18px -18px 22px;border-radius:38% 62% 55% 45%/50% 40% 60% 50%;background:var(--r);opacity:.9}
.ab-hero-img .ph{position:relative;aspect-ratio:1/1.05;border-radius:62% 38% 45% 55%/45% 55% 45% 55%;overflow:hidden;background:linear-gradient(135deg,var(--c),var(--teal));border:6px solid #fff}
.ab-hero-img img{width:100%;height:100%;object-fit:cover;display:block}
.ab-chip{position:absolute;left:-14px;bottom:30px;background:#fff;color:var(--ink);border-radius:16px;padding:14px 20px;box-shadow:0 18px 40px rgba(0,0,0,.3);z-index:2}
.ab-chip b{display:block;font:800 1.9rem 'Bricolage Grotesque';color:var(--r);line-height:1}.ab-chip span{font-size:.85rem;color:var(--mut)}
.ab-wave{position:absolute;left:0;bottom:-1px;width:100%;height:80px;display:block}
@keyframes abIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}

/* Sticky sub-nav */
.ab-nav{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 6px 18px rgba(10,26,42,.05)}
.ab-nav .ab-w{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.ab-nav a{white-space:nowrap;padding:16px 16px;text-decoration:none;color:var(--ink);font-weight:600;font-size:.95rem;border-bottom:3px solid transparent}
.ab-nav a:hover,.ab-nav a.on{color:var(--r);border-color:var(--r)}

/* Story */
.ab-story{display:grid;grid-template-columns:1fr 1.05fr;gap:64px;align-items:start}
.ab-story .sticky{position:sticky;top:90px}
.ab-quote{margin:26px 0 0;padding:28px 30px;background:var(--mist);border-radius:6px 26px 26px 26px;border-left:6px solid var(--r);font:600 1.15rem/1.55 'Bricolage Grotesque'}
.ab-quote small{display:block;margin-top:12px;font:700 .9rem 'Figtree';color:var(--cd)}
.ab-tl{position:relative;padding-left:34px;margin:0;list-style:none}
.ab-tl:before{content:"";position:absolute;left:9px;top:8px;bottom:8px;width:3px;background:linear-gradient(var(--c),var(--r));border-radius:3px}
.ab-tl li{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px 24px;margin-bottom:18px;transition:.25s}
.ab-tl li:hover{box-shadow:0 16px 34px rgba(10,26,42,.1);transform:translateX(6px)}
.ab-tl li:before{content:"";position:absolute;left:-33px;top:26px;width:17px;height:17px;border-radius:50%;background:#fff;border:4px solid var(--r)}
.ab-tl b{display:inline-block;background:var(--c);color:#06303f;border-radius:30px;padding:2px 14px;font-weight:800;margin-bottom:8px}
.ab-tl h4{font-size:1.15rem;margin-bottom:6px}.ab-tl p{margin:0;color:var(--mut);font-size:.96rem}

/* Mission & Vision */
.ab-mv{background:var(--mist)}
.ab-mv-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:44px}
.ab-mvc{position:relative;overflow:hidden;border-radius:30px 30px 30px 80px;padding:46px 42px;color:#fff;min-height:290px}
.ab-mvc.v{background:linear-gradient(140deg,var(--c),var(--teal))}
.ab-mvc.m{background:linear-gradient(140deg,var(--r),#a30a38);border-radius:30px 80px 30px 30px}
.ab-mvc:after{content:"";position:absolute;right:-60px;bottom:-60px;width:220px;height:220px;border-radius:50%;box-shadow:0 0 0 30px rgba(255,255,255,.08),0 0 0 62px rgba(255,255,255,.05)}
.ab-mvc i{font-size:2rem;background:rgba(255,255,255,.2);width:66px;height:66px;border-radius:20px;display:grid;place-items:center;margin-bottom:22px}
.ab-mvc h3{font-size:1.9rem;margin-bottom:12px}.ab-mvc p{font-size:1.1rem;margin:0;position:relative;z-index:1}

/* Values */
.ab-vals{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:46px}
.ab-val{padding:34px 26px;border-radius:24px;background:#fff;border:1px solid var(--line);border-top:6px solid var(--c);transition:.25s}
.ab-val:nth-child(even){border-top-color:var(--r);margin-top:26px}
.ab-val:hover{box-shadow:0 18px 38px rgba(10,26,42,.12);transform:translateY(-6px)}
.ab-val i{font-size:1.6rem;color:var(--c);margin-bottom:16px}.ab-val:nth-child(even) i{color:var(--r)}
.ab-val h4{font-size:1.3rem;margin-bottom:8px}.ab-val p{color:var(--mut);margin:0;font-size:.97rem}

/* Impact */
.ab-imp{background:linear-gradient(rgba(10,26,42,.93),rgba(10,26,42,.93)),url('../images/breamb/b1.jpg') center/cover;color:#fff}
.ab-imp .ab-lead{color:#c5d9e2}
.ab-imp-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;margin-top:46px;align-items:stretch}
.ab-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ab-stat{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:20px;padding:24px}
.ab-stat:first-child{grid-column:1/-1;background:linear-gradient(135deg,var(--r),#b30c3a);border:0}
.ab-stat b{display:block;font:800 2.8rem 'Bricolage Grotesque';line-height:1}
.ab-stat span{font-size:.95rem;color:#e0eef4}
.ab-chart{background:#fff;color:var(--ink);border-radius:26px;padding:32px}
.ab-chart h4{font-size:1.25rem;margin-bottom:4px}.ab-chart small{color:var(--mut)}
.ab-row{margin-top:22px}.ab-row div{display:flex;justify-content:space-between;font-weight:700;margin-bottom:6px}
.ab-track{height:16px;background:var(--mist);border-radius:20px;overflow:hidden}
.ab-fill{height:100%;width:0;border-radius:20px;background:linear-gradient(90deg,var(--c),var(--cd));transition:width 1.4s cubic-bezier(.2,.8,.2,1)}
.ab-row:nth-child(3) .ab-fill{background:linear-gradient(90deg,var(--r),#ff5c86)}
.ab-row:nth-child(4) .ab-fill{background:linear-gradient(90deg,var(--teal),var(--c))}

/* Board */
.ab-board{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:46px}
.ab-mem{background:#fff;border-radius:26px;overflow:hidden;border:1px solid var(--line);transition:.3s}
.ab-mem:hover{box-shadow:0 22px 44px rgba(10,26,42,.14);transform:translateY(-8px)}
.ab-mem .im{aspect-ratio:1/1;background:linear-gradient(135deg,var(--c),var(--teal));position:relative;overflow:hidden}
.ab-mem .im img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;position:relative}
.ab-mem .im:after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:linear-gradient(90deg,var(--c),var(--r))}
.ab-mem .in{padding:22px 24px 26px}.ab-mem h4{font-size:1.3rem}
.ab-mem .rl{display:inline-block;margin:8px 0 10px;font-weight:700;font-size:.85rem;color:var(--r);background:#fde8ee;border-radius:30px;padding:3px 14px}
.ab-mem p{margin:0;color:var(--mut);font-size:.95rem}
.ab-more{text-align:center;margin-top:40px}

/* Theory of change */
.ab-toc{background:var(--mist)}
.ab-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:50px}
.ab-step{position:relative;background:#fff;padding:28px 24px 30px;border:1px solid var(--line);border-radius:22px;margin-right:34px}
.ab-step:last-child{margin-right:0;background:linear-gradient(140deg,var(--c),var(--teal));color:#fff;border:0}
.ab-step:not(:last-child):after{content:"\f054";font-family:'Font Awesome 5 Free','Font Awesome 6 Free';font-weight:900;position:absolute;right:-34px;top:50%;width:34px;text-align:center;transform:translateY(-50%);color:var(--r);font-size:1.1rem}
.ab-step .t{font:800 .95rem 'Figtree';color:var(--r);margin-bottom:10px;display:block}
.ab-step:last-child .t{color:#fff}
.ab-step h4{font-size:1.25rem;margin-bottom:10px}
.ab-step ul{margin:0;padding-left:18px;font-size:.95rem;color:var(--mut)}.ab-step:last-child ul{color:#e6f6fb}
.ab-step li{margin-bottom:6px}
.ab-foc{display:grid;grid-template-columns:repeat(6,1fr);gap:22px;margin-top:56px}
.ab-fc{grid-column:span 2;background:#fff;border-radius:24px;padding:30px 26px;border:1px solid var(--line);position:relative;overflow:hidden;transition:.25s}
.ab-fc:nth-child(4){grid-column:2/4}.ab-fc:nth-child(5){grid-column:4/6}
.ab-fc:hover{box-shadow:0 18px 38px rgba(10,26,42,.12);transform:translateY(-6px)}
.ab-fc:before{content:"";position:absolute;top:0;left:0;width:100%;height:6px;background:var(--c)}
.ab-fc:nth-child(even):before{background:var(--r)}
.ab-fc i{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:rgba(7,189,231,.12);color:var(--cd);font-size:1.4rem;margin-bottom:16px}
.ab-fc:nth-child(even) i{background:rgba(238,16,79,.1);color:var(--r)}
.ab-fc h4{font-size:1.2rem;margin-bottom:8px}.ab-fc p{margin:0;color:var(--mut);font-size:.96rem}

/* CTA */
.ab-cta{background:linear-gradient(135deg,var(--ink),#06303f);color:#fff;text-align:center}
.ab-cta .ab-lead{color:#c5d9e2}
.ab-cta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}
.ab-cc{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);border-radius:24px;padding:32px 24px}
.ab-cc i{font-size:1.8rem;color:var(--c);margin-bottom:12px}.ab-cc h4{margin-bottom:8px;font-size:1.3rem}.ab-cc p{color:#c5d9e2;font-size:.96rem}

@media(max-width:991px){
.ab-sec{padding:70px 0}.ab-hero .ab-w,.ab-story,.ab-imp-grid{grid-template-columns:1fr}
.ab-hero{padding:60px 0 120px}.ab-hero-img{max-width:440px;margin:0 auto}.ab-story .sticky{position:static}
.ab-vals{grid-template-columns:1fr 1fr}.ab-board{grid-template-columns:1fr 1fr}
.ab-flow{grid-template-columns:1fr 1fr;gap:34px 0}.ab-step:nth-child(2):after{display:none}
.ab-foc{grid-template-columns:1fr 1fr}.ab-fc,.ab-fc:nth-child(4),.ab-fc:nth-child(5){grid-column:auto}
.ab-fc:nth-child(5){grid-column:1/-1}}
@media(max-width:640px){
.ab-mv-grid,.ab-cta-grid,.ab-vals,.ab-board,.ab-foc,.ab-flow,.ab-stats{grid-template-columns:1fr}
.ab-val:nth-child(even){margin-top:0}.ab-mvc{padding:34px 26px}
.ab-step{margin-right:0}.ab-step:not(:last-child):after{content:"\f078";right:auto;left:50%;top:auto;bottom:-32px;transform:translateX(-50%)}
.ab-step:nth-child(2):after{display:block}.ab-flow{gap:38px}.ab-chip{left:6px}}
@media(prefers-reduced-motion:reduce){.ab *,.ab-hero *{animation:none!important;transition:none!important}}