@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--navy:#101b2c;--navy2:#071321;--orange:#f47b20;--cream:#f7f3ea;--ink:#122031;--muted:#62707a;--gold:#c5a46d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);font-family:'DM Sans',Arial,sans-serif;color:var(--ink)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3,.eyebrow,.nav-link,.cta,.stat{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif}h1{font-size:clamp(3.7rem,7.4vw,7.4rem);line-height:.91;letter-spacing:-.02em;text-transform:uppercase;margin-bottom:25px}h2{font-size:clamp(2.5rem,4.2vw,4.9rem);line-height:.98;text-transform:uppercase;margin-bottom:24px}h3{font-size:1.7rem;line-height:1.02;text-transform:uppercase;margin-bottom:12px}.lead{font-size:clamp(1rem,1.5vw,1.23rem);line-height:1.6;max-width:760px}.eyebrow{font-size:1.1rem;letter-spacing:.09em;font-weight:800;text-transform:uppercase;color:var(--orange);margin-bottom:14px}.site-header{height:92px;background:var(--navy2);display:flex;align-items:center;justify-content:space-between;gap:28px;padding:8px clamp(20px,5vw,90px);position:sticky;top:0;z-index:50;border-bottom:1px solid #ffffff20}.brand{height:72px;width:164px;overflow:hidden;display:flex;align-items:center;flex-shrink:0;background:#fff}.brand img{width:100%;height:100%;object-fit:contain}nav{display:flex;gap:clamp(11px,1.7vw,30px);align-items:center;flex-wrap:wrap}.nav-link{color:#d9e0e8;font-size:1rem;letter-spacing:.035em;font-weight:700;text-transform:uppercase;padding:10px 0;border-bottom:2px solid transparent;white-space:nowrap}.nav-link.active,.nav-link:hover{border-color:var(--orange);color:#fff}.menu-toggle{display:none;background:none;color:#fff;border:1px solid #ffffff50;padding:10px 14px;border-radius:5px}.footer{background:#081523;color:#d4d9e0;padding:25px clamp(20px,5vw,90px);border-top:3px solid var(--orange)}.foot-inner{display:flex;justify-content:space-between;gap:24px;align-items:center}.foot-inner p{font-size:.72rem;line-height:1.8;margin:0}.foot-inner>div{display:flex;gap:24px;font-size:.72rem;text-transform:uppercase}.foot-inner a:hover{color:var(--orange)}.cookie{position:fixed;bottom:0;left:0;right:0;z-index:60;background:#081523;color:#fff;border-top:2px solid var(--orange);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 4vw;box-shadow:0 -6px 30px #0004}.cookie p{margin:0;font-size:.75rem;line-height:1.5}.cookie a{color:var(--orange);text-decoration:underline}.cookie>div{display:flex;gap:10px;flex-shrink:0}.cookie button,.cta{background:var(--orange);color:#fff;border:0;border-radius:5px;padding:12px 20px;text-transform:uppercase;font-weight:800;letter-spacing:.04em;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:transform .2s,background .2s}.cta:hover,.cookie button:hover{background:#d96513;transform:translateY(-2px)}.cookie .ghost{background:transparent;border:1px solid #6c7d90}.dark{background:var(--navy2);color:var(--cream)}.light{background:var(--cream);color:var(--ink)}.section{padding:clamp(54px,7vw,110px) clamp(20px,7vw,110px)}.wrap{max-width:1320px;margin:auto}.hero{min-height:650px;position:relative;display:flex;align-items:center;background-size:cover;background-position:center;overflow:hidden}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#071321e8 0%,#071321b5 41%,#07132122 100%)}.hero .wrap{position:relative;width:100%;z-index:1}.hero-content{max-width:720px}.hero .lead{max-width:600px;color:#ecf0f2}.hero-photo{background-color:#172538}.hero.compact{min-height:460px}.hero.compact h1{font-size:clamp(3.5rem,6vw,6rem)}.orange{color:var(--orange)}.title-rule{width:160px;height:4px;background:var(--orange);margin:26px 0}.page-section-head{max-width:850px;margin-bottom:35px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-grid.two{grid-template-columns:repeat(2,1fr)}.feature{background:#fff;border:1px solid #e4ded3;overflow:hidden;min-height:230px;transition:transform .2s,box-shadow .2s}.feature:hover{transform:translateY(-3px);box-shadow:0 18px 36px #0002}.feature img{width:100%;height:210px;object-fit:cover;display:block}.feature .info{padding:24px}.feature .number{color:var(--orange);font-weight:800;font-size:1.8rem}.feature p{line-height:1.65;color:#53616b;font-size:.9rem}.feature.navy{background:var(--navy);color:white;border-color:#33405b}.feature.navy p{color:#d3d9e3}.feature.navy h3{color:white}.feature.linkable{cursor:pointer}.feature .mini-link{color:var(--orange);font-weight:bold;font-size:.78rem;text-transform:uppercase}.action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.action{background:#fff;padding:32px;border:1px solid #e2daca;min-height:210px}.action .symbol{font-size:2rem;color:var(--orange);margin-bottom:26px}.action p{font-size:.92rem;line-height:1.65}.action h3{font-size:1.5rem}.banner{background:var(--navy);color:white;padding:80px 7vw;text-align:center}.banner p{max-width:770px;margin:15px auto 25px;line-height:1.6}.manifesto{display:grid;grid-template-columns:1fr 1fr;min-height:480px}.manifesto>div:first-child{padding:clamp(40px,7vw,110px);background:var(--cream)}.manifesto .portrait{background-size:cover;background-position:center}.manifesto p{line-height:1.85}.globe-stage{background:radial-gradient(circle at 50% 20%,#263047 0%,#081321 65%);padding:45px 20px;text-align:center;color:#fff}.globe-stage img{height:250px;max-width:100%;object-fit:contain;mix-blend-mode:screen}.globe-stage h2{color:white;font-size:clamp(3rem,6vw,5rem);margin:6px 0 5px}.pill-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:25px}.pill-row a{color:var(--orange);border:1px solid var(--orange);border-radius:50px;padding:12px 18px;font-weight:700;text-transform:uppercase;font-size:.8rem}.pill-row a:hover{background:var(--orange);color:white}.split{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}.split img{width:100%;aspect-ratio:5/4;object-fit:cover}.split p{line-height:1.8}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.contact-card{background:#fff;padding:34px;border:1px solid #e6dfd4}.contact-card p{line-height:2}.contact-card a{color:#bd5411}.field{display:block;width:100%;border:1px solid #cbd0d0;background:#fff;padding:13px;margin:10px 0;color:#101b2c}.accordion{border-bottom:1px solid #ddd4c9;background:#fff}.accordion summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:12px;padding:22px;font-weight:800;text-transform:uppercase}.accordion summary:after{content:'+';color:var(--orange)}.accordion[open] summary:after{content:'−'}.accordion p{padding:0 22px 22px;color:#59616b;line-height:1.8;margin:0}.accordion-wrap{max-width:1000px;margin:30px auto}.legal-top{background:#0e1b2f;color:white;padding:80px 7vw}.legal-top .wrap{display:grid;grid-template-columns:1.2fr .8fr;align-items:center}.legal-top img{max-height:245px;width:100%;object-fit:cover;opacity:.7}.home-hero{min-height:calc(100vh - 92px);background-image:linear-gradient(90deg,#07132188,#07132100),url('assets/earth.jpg');background-position:center 25%;background-size:cover}.home-hero:before{background:linear-gradient(90deg,#071321d6 0%,#07132145 65%,transparent)}.home-hero h1{max-width:690px}.home-hero h1 a:hover{color:var(--orange)}.home-hero .lead{text-transform:uppercase;font-size:.95rem;font-weight:700;max-width:520px}.disclaimer{background:#ede6da;padding:12px 20px;color:#6b6256;text-align:center;font-size:.72rem}.hidden{display:none!important}
@media(max-width:1100px){.site-header{padding:10px 25px}.nav-link{font-size:.86rem}nav{gap:10px}.feature-grid,.action-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.site-header{height:76px;padding:8px 17px}.brand{height:58px;width:130px}.menu-toggle{display:block}.site-header nav{display:none;position:absolute;top:76px;left:0;right:0;background:#081523;padding:18px 25px 25px;flex-direction:column;align-items:stretch;gap:1px;border-top:1px solid #ffffff2a}.site-header nav.open{display:flex}.nav-link{padding:13px 6px;font-size:1.2rem}.section{padding:52px 20px}.hero{min-height:540px;background-position:60% center}.hero:before{background:linear-gradient(90deg,#071321ec,#0713218a)}.home-hero{min-height:calc(92vh - 76px);background-position:57% center}.home-hero:before{background:linear-gradient(0deg,#071321ed 3%,#07132170 75%)}.home-hero .wrap{align-self:flex-end;padding-bottom:65px}.home-hero h1{font-size:clamp(3.4rem,13vw,5.8rem)}.feature-grid,.feature-grid.two,.action-grid,.manifesto,.split,.contact-grid,.legal-top .wrap{grid-template-columns:1fr}.feature-grid{gap:14px}.feature{min-height:0}.feature img{height:205px}.manifesto .portrait{height:340px;order:-1}.manifesto>div:first-child{padding:50px 20px}.foot-inner{flex-direction:column;align-items:flex-start}.foot-inner>div{flex-wrap:wrap}.cookie{flex-direction:column;align-items:stretch}.cookie>div{justify-content:stretch}.cookie button{flex:1;font-size:.73rem}.legal-top{padding:50px 20px}.legal-top img{display:none}h1{font-size:3.7rem}.hero.compact{min-height:480px}.banner{padding:65px 20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* Story hero: globe appears, fades, then the declaration reveals. */
.globe-stage img{animation:globeOut 2.8s ease forwards}.globe-stage h2{opacity:0;animation:headlineIn .85s ease 2.8s forwards}@keyframes globeOut{0%,62%{opacity:1;transform:scale(.96)}100%{opacity:0;transform:scale(1.03);height:0;margin:0}}@keyframes headlineIn{to{opacity:1}}
@media(prefers-reduced-motion:reduce){.globe-stage img{animation:none;opacity:1;height:180px}.globe-stage h2{animation:none;opacity:1}}

/* BAFA implementation pass: faithfully preserve the uploaded logo and enhance responsive reading. */
:root {--navy:#101b2c;--orange:#f47b20;--cream:#f7f3ea;}
.site-header{box-shadow:0 4px 24px rgba(0,0,0,.16)}
.brand{background:#fff;width:170px;height:70px; padding:0; border:0;}
.brand img{object-fit:contain;width:100%;height:100%;}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #f47b20;outline-offset:3px}
.hero-photo{background-blend-mode:normal;}
.home-hero{background-image:linear-gradient(90deg,rgba(7,19,33,.68),rgba(7,19,33,.02)),url("assets/hf_20261026_204447_67baeca2-e130-4a1c-ab6d-d9c1cf7462c8.png"),url('assets/earth.jpg');background-position:center,center 43%,center;background-size:cover;}
.home-hero .hero-content{max-width:790px}
.home-hero h1{font-size:clamp(3.7rem,8vw,8.7rem)}
.home-hero .lead{letter-spacing:.035em}
.action, .feature{border-radius:4px}
.action:hover{box-shadow:0 16px 30px rgba(9,25,39,.09)}
.footer{padding-bottom:64px}
.preview-note{position:fixed;bottom:0;right:0;z-index:57;background:#f7f3ea;color:#283b48;border-top:1px solid #d3c8ba;font-size:11px;letter-spacing:.025em;padding:6px 14px;text-align:center;max-width:100%;}
.cookie:not(.hidden)~.preview-note{display:none}
#app{min-height:68vh}
@media(max-width:760px){.brand{width:125px;height:58px}.home-hero{background-position:center,63% center,63% center}.home-hero h1{font-size:clamp(3.5rem,12.5vw,5.8rem)}.preview-note{left:0;right:0;font-size:10px}}

.brand {justify-content:center}
.brand img {width:auto;height:123px;max-width:none;flex-shrink:0;object-fit:contain;transform:translateY(13px)}
@media(max-width:760px){.brand img{height:99px;transform:translateY(10px)}}
/* A light header lets the transparent logo's black lettering remain visible. */
.site-header{background:var(--cream);border-bottom:1px solid #ded7cb}
.brand{background:transparent;overflow:hidden;justify-content:center}
.brand img{height:108px;transform:translateY(10px)}
.site-header .nav-link{color:var(--navy)}
.site-header .nav-link.active,.site-header .nav-link:hover{color:var(--navy)}
.menu-toggle{color:var(--navy);border-color:#62707a}
@media(max-width:760px){.brand img{height:88px;transform:translateY(8px)}.site-header nav .nav-link{color:#d9e0e8}.site-header nav .nav-link.active,.site-header nav .nav-link:hover{color:#fff}}

@media(max-width:760px){
 .contact-hero.hero.compact{min-height:620px;align-items:flex-end;background-color:#071321;background-image:linear-gradient(to bottom,transparent 32%,#071321 64%),url("assets/hf_20261026_204448_b87d4585-627f-4d94-a075-cb49c96f2a29.png") !important;background-repeat:no-repeat;background-size:100% 100%,auto 390px;background-position:center,right top}
 .contact-hero.hero:before{background:linear-gradient(to bottom,transparent 25%,rgba(7,19,33,.2) 48%,#071321 65%)}
 .contact-hero .wrap{padding-bottom:40px}
}

.feature img[src$="roots-community-v2.jpg"]{object-position:center 20%}

/* Homepage introduction and pathways */
.home-intro{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,90px);align-items:start}.home-copy{font-size:1.08rem;line-height:1.8;max-width:660px;color:inherit}.light .home-copy{color:#4e5c69}.home-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,6vw,90px);align-items:center}.home-photo img{display:block;width:100%;height:clamp(300px,35vw,480px);object-fit:cover}.home-roots .home-photo img{object-position:center 38%}.home-purpose .home-photo img{object-position:center 50%}.home-community{background:#eee8db}.home-community .home-copy{max-width:760px}.home-links{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:30px}.home-text-link{font-weight:700;color:var(--orange)}.home-involve{background:#101b2c}.home-involve .home-copy{color:#e0e5e7}@media(max-width:760px){.home-intro,.home-split{grid-template-columns:1fr}.home-purpose .home-photo{order:-1}.home-photo img{height:280px}.home-copy{font-size:1rem}}

.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.story-card{background:#fff;border:1px solid #e4ddd0;padding:30px;display:flex;flex-direction:column}.story-card .eyebrow{font-size:.85rem}.story-card p{color:#52616d;line-height:1.75;flex:1}.story-card a{color:#b94f0c;font-weight:700;font-size:.9rem}.story-card a:hover{text-decoration:underline}.story-invite{margin-top:64px;padding:clamp(32px,5vw,65px);background:#101b2c;color:#fff}.story-invite .lead{color:#e4e7e9}.story-invite .cta{margin-top:8px}@media(max-width:1100px){.story-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.story-grid{grid-template-columns:1fr}.story-card{padding:25px}}

.story-image{margin:-30px -30px 24px;background:#e8e2d8}.story-image img{display:block;width:100%;height:250px;object-fit:contain;object-position:center;background:#e7e2d9}.story-image figcaption{padding:8px 12px;color:#4a5862;font-size:.68rem;line-height:1.5}.story-image figcaption a{font-size:inherit;font-weight:500;color:inherit;text-decoration:underline}@media(max-width:760px){.story-image{margin:-25px -25px 20px}.story-image img{height:240px}}

/* Editorial treatment for the historical stories */
.story-features{background:#f4efe5}.story-features .page-section-head{max-width:800px;margin-bottom:42px}.story-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:24px}.story-card{flex:1 1 calc(33.333% - 24px);max-width:calc(33.333% - 16px);min-width:0;padding:0;border:1px solid #ded6c9;background:#fff;box-shadow:0 12px 30px rgba(16,27,44,.08);overflow:hidden}.story-card .story-image{margin:0 0 26px;background:#e3dbce}.story-card .story-image img{width:100%;height:260px;object-fit:cover;filter:grayscale(100%) sepia(12%);background:#d9d0c1}.story-card .story-image img[src$="story-archive-church.jpg"]{object-position:center 42%}.story-card .story-image img[src$="story-archive-picton.jpg"]{object-position:center 45%}.story-card .story-image img[src$="story-archive-equiano.jpg"]{object-position:center 24%}.story-card .story-image img[src$="story-archive-garvey.jpg"]{object-position:center 32%}.story-card .story-image img[src$="story-archive-selassie.jpg"]{object-position:center 46%}.story-card .story-image figcaption{padding:10px 22px;font-size:.69rem;line-height:1.5;color:#53616d;background:#f3eee6}.story-card .story-image figcaption a{color:inherit;font-weight:500;text-decoration:none}.story-card .story-image figcaption a:hover{text-decoration:underline}.story-card>.eyebrow,.story-card>h3,.story-card>p,.story-card>a{margin-left:28px;margin-right:28px}.story-card>.eyebrow{font-size:.84rem;line-height:1.35;margin-bottom:12px}.story-card>h3{font-size:1.75rem;line-height:1.06;margin-bottom:15px}.story-card>p{line-height:1.72;margin-bottom:24px}.story-card>a{display:inline-block;align-self:flex-start;border-top:2px solid var(--orange);padding-top:12px;margin-bottom:28px;line-height:1.4}.story-invite{position:relative;overflow:hidden;border-left:5px solid var(--orange);background:linear-gradient(115deg,#101b2c,#1d2d42)}@media(max-width:1100px){.story-card{flex-basis:calc(50% - 24px);max-width:calc(50% - 12px)}}@media(max-width:760px){.story-grid{gap:20px}.story-card{flex-basis:100%;max-width:100%}.story-card .story-image img{height:250px}.story-card>.eyebrow,.story-card>h3,.story-card>p,.story-card>a{margin-left:24px;margin-right:24px}}

.roots-article{max-width:1050px}.roots-back{display:inline-block;color:#b9510e;font-weight:700;margin-bottom:38px}.roots-back:hover{text-decoration:underline}.roots-article-body{max-width:820px}.roots-article-body>section{padding:0 0 44px;margin:0 0 44px;border-bottom:1px solid #ded6c9}.roots-article-body>section h2{font-size:clamp(2.4rem,4vw,3.6rem)}.roots-article-body p{font-size:1.1rem;line-height:1.85;color:#4e5c69}.roots-article-invite{background:#101b2c;color:#fff;padding:clamp(30px,5vw,58px);border-left:5px solid var(--orange)}.roots-article-invite h2{font-size:clamp(2.3rem,4vw,3.7rem)}@media(max-width:760px){.roots-article-body p{font-size:1rem}.roots-article-body>section{padding-bottom:30px;margin-bottom:30px}}