@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#172720;--green:#123e32;--gold:#cba35b;--paper:#faf9f5;--line:#d8dcd5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #bb8730;outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Manrope',Arial,sans-serif;line-height:1.12;letter-spacing:-.055em}h2{font-size:clamp(2.1rem,3.5vw,3.5rem);font-weight:500}em{font-family:Georgia,serif;font-weight:400}p+p{margin-top:20px}.wrap{width:min(1280px,88%);margin-inline:auto}.section{padding-block:105px}.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.18em;margin-bottom:27px;color:#52705f}.eyebrow.light{color:#e0bb78}.skip{position:absolute;top:-100px;left:15px;padding:12px;background:white;z-index:20}.skip:focus{top:10px}.review-bar{padding:7px 6%;background:#123e32;color:#e2c48f;font-size:.75rem;letter-spacing:.12em;display:flex;justify-content:space-between}.review-bar span{letter-spacing:.03em;color:#d9e3dc}.site-header{padding:23px 6%;background:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:13px;flex-shrink:0}.brand-mark{width:54px;height:59px;border:1px solid var(--gold);display:flex;align-items:center;justify-content:center;flex-direction:column;font-family:Georgia,serif;font-size:38px;line-height:.95;color:var(--green)}.brand-mark span{font:9px Arial,sans-serif;letter-spacing:4px;margin-left:4px;margin-top:4px}.brand-name{font-family:'Manrope',Arial,sans-serif;letter-spacing:.19em;font-size:22px;line-height:1.2;font-weight:800}.brand-name small{display:block;font:9px/1.55 'DM Sans',Arial,sans-serif;letter-spacing:.12em;margin-top:5px}.site-header nav{display:flex;align-items:center;gap:32px;font-size:.875rem}.site-header nav>a:not(.nav-cta):hover{color:#916b28}.nav-cta{border:1px solid #adc0b3;padding:12px 19px}.nav-cta span{margin-left:20px}.menu-toggle{display:none}.hero{min-height:725px;height:calc(100svh - 141px);max-height:980px;position:relative;color:white;background:#151914;isolation:isolate;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 50%;z-index:-3}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,20,16,.96),rgba(8,20,16,.78) 32%,rgba(8,20,16,.15) 75%),linear-gradient(0deg,rgba(6,13,10,.86),transparent 35%);z-index:-2}.hero-content{padding-block:60px 140px}.hero .eyebrow{display:flex;align-items:center;gap:12px}.eyebrow>span{width:28px;height:1px;background:var(--gold)}h1{font-size:clamp(3.7rem,5.9vw,6.25rem);font-weight:500;line-height:1.055;max-width:730px}h1 em{color:#e1be7c}.hero-intro{max-width:440px;color:#d0d8d0;font-size:1.0625rem;line-height:1.75;margin-top:27px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:16px 24px;font-size:.875rem;font-weight:700;transition:background .2s,transform .2s}.button:hover{transform:translateY(-3px)}.button.gold{background:#d6b371;color:#16231b;margin-top:32px}.button.gold:hover{background:#edca88}.button span{font-size:21px}.hero-bottom{position:absolute;bottom:32px;left:6%;display:flex;justify-content:space-between;align-items:end;padding-top:24px;border-top:1px solid #ffffff36;font-size:.6875rem;letter-spacing:.13em;color:#ccd5ca}.hero-bottom strong{font-weight:400;color:#e0bb78}.hero-bottom a{font-size:.8125rem;letter-spacing:0;display:flex;align-items:center;gap:24px}.hero-bottom a span{border:1px solid #ffffff55;border-radius:50%;width:37px;height:37px;display:grid;place-items:center;font-size:18px}.values-strip{background:#eeeae0;border-bottom:1px solid #d9d4c8;padding:24px 0}.values-strip .wrap{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;font-weight:600;letter-spacing:.17em}.values-strip i{width:5px;height:5px;transform:rotate(45deg);background:#b08b48}.about{display:grid;grid-template-columns:1fr 1fr;gap:90px}.about-copy{padding-top:4px;color:#5a675e}.lead{font-size:1.35rem;line-height:1.5;color:var(--ink)}.text-link{display:inline-flex;gap:32px;align-items:center;margin-top:30px;border-bottom:1px solid #98a89b;padding-bottom:7px;color:var(--green);font-size:.875rem;font-weight:600}.priorities{background:#f0f1eb;border-block:1px solid #e2e5dc}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:48px}.section-heading>p{max-width:330px;color:#657065}.priority-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.priority-card{padding:35px;background:#fafbf7;border:1px solid #dbe1d6;min-height:405px;display:flex;flex-direction:column;justify-content:space-between}.card-number{font-family:Georgia,serif;font-size:1.1rem;color:#758775}.priority-card h3{font-size:1.65rem;font-weight:600;margin:28px 0 18px;letter-spacing:-.035em}.priority-card p{font-size:.9375rem;color:#667166;line-height:1.7}.card-label{font-size:.6875rem;letter-spacing:.15em;border-top:1px solid #dbe1d6;padding-top:23px;margin-top:34px;color:#657561}.priority-card.featured{background:#173f33;color:#fff;border-color:#173f33}.featured p{color:#cfdbd1}.featured .card-number,.featured .card-label{color:#dec089}.featured .card-label{border-color:#ffffff26}.voice-section{background:#102e28;color:white;padding:100px 0;position:relative}.voice-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:95px}.voice-grid h2{font-size:clamp(2rem,3.2vw,3.1rem)}.voice-grid em{color:#dfbd7c}.voice-grid>div>p:not(.eyebrow){max-width:470px;margin-top:30px;color:#b9cec2}.heritage-line{display:flex;gap:24px;margin-top:45px;color:#d8bb81;font-size:.6875rem;letter-spacing:.12em}.heritage-line span+span{border-left:1px solid #d8bb8155;padding-left:24px}.questions{padding-top:24px}.questions details{border-top:1px solid #ffffff29;padding:23px 0}.questions details:last-child{border-bottom:1px solid #ffffff29}.questions summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:1rem}.questions summary::-webkit-details-marker{display:none}.questions summary span{font-size:24px;color:#d8bb81;font-weight:400}.questions details[open] summary span{transform:rotate(45deg)}.questions p{color:#b9cec2;font-size:.9375rem;margin-top:16px;padding-right:30px}.resource-list{border-top:1px solid #ccd4c7}.resource-list>a{display:grid;grid-template-columns:155px 1fr 255px;gap:25px;align-items:center;border-bottom:1px solid #ccd4c7;padding:29px 0;transition:background .2s}.resource-list>a:hover{background:#edefe6}.resource-type{font-size:.6875rem;letter-spacing:.12em;font-weight:600;color:#59705e}.resource-list h3{font-size:1.2rem;letter-spacing:-.025em;font-weight:600;line-height:1.4}.resource-list p{font-size:.875rem;color:#687468;margin-top:7px}.resource-source{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;gap:25px;color:#5c6d5e}.resource-source>span{font-size:25px;color:#957030}.resource-note{font-size:.75rem;color:#6d786e;margin-top:20px}.closing{background:#e3c898;padding:70px 0}.closing>.wrap{position:relative}.closing .eyebrow{color:#5e563f}.closing h2{font-size:clamp(2.8rem,4.2vw,4.2rem)}.button.dark{position:absolute;right:0;bottom:8px;background:#193b2e;color:#fff}footer{background:#0c211b;color:#c7d3c8;padding:55px 0 25px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:35px;padding-bottom:45px}.footer-top .brand-mark{color:#d3b779}.footer-top .brand-name{color:#fff}.footer-top p{font-size:.875rem;line-height:1.8;color:#9eb3a4}.footer-top>a:last-child{font-size:.8125rem}.footer-bottom{border-top:1px solid #ffffff20;padding-top:22px;display:flex;justify-content:space-between;font-size:.75rem;color:#a0b3a7}.preview-note{font-size:.75rem;color:#91a599;margin-top:25px;line-height:1.65}
@media(min-width:1600px){.hero-bottom{left:calc((100% - 1280px)/2)}}
@media(max-width:1050px){.site-header nav{gap:20px;font-size:.8125rem}.brand-name{font-size:19px}.about{gap:45px}.priority-card{padding:25px}.voice-grid{gap:50px}.resource-list>a{grid-template-columns:125px 1fr}.resource-source{grid-column:2;justify-content:start}.hero{min-height:710px}.heritage-line{gap:15px}.heritage-line span+span{padding-left:15px}}
@media(max-width:760px){html{scroll-padding-top:25px}.wrap{width:88%}.review-bar{font-size:.625rem;letter-spacing:.08em;gap:15px}.review-bar span{text-align:right;max-width:180px}.site-header{padding-block:17px}.brand-mark{width:43px;height:49px;font-size:30px}.brand-name{font-size:18px}.brand-name small{font-size:8px}.menu-toggle{display:flex;align-items:center;gap:13px;background:none;border:0;color:var(--green);padding:10px 0;font-size:.875rem}.menu-toggle span{font-size:22px}.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:15px 6% 25px;border-bottom:1px solid #cbd7c8;box-shadow:0 12px 16px #0002}.site-header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.site-header nav a{padding:14px}.site-header nav .nav-cta{margin-top:10px}.hero{height:auto;min-height:760px;justify-content:start}.hero-image{object-position:64% center;opacity:.77}.hero-shade{background:linear-gradient(90deg,#071d16e8,#071d1680),linear-gradient(0deg,#071d16,transparent 40%)}.hero-content{padding-top:65px;padding-bottom:140px}.hero .eyebrow{font-size:.625rem;letter-spacing:.1em;gap:8px}h1{font-size:clamp(3.15rem,10vw,4.5rem)}.hero-intro{font-size:1rem;max-width:350px}.hero-bottom{bottom:25px;gap:30px;font-size:.6rem}.hero-bottom a{font-size:.75rem;max-width:145px;gap:12px}.hero-bottom a span{flex-shrink:0}.values-strip{padding:19px 0}.values-strip .wrap{gap:12px;font-size:.5625rem;letter-spacing:.08em;text-align:center}.values-strip i{flex-shrink:0;width:3px;height:3px}.section{padding-block:65px}.about,.voice-grid{grid-template-columns:1fr;gap:30px}.eyebrow{font-size:.6875rem;margin-bottom:22px}.lead{font-size:1.2rem}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:25px}.priority-grid{grid-template-columns:1fr;gap:16px}.priority-card{padding:28px;min-height:340px}.priority-card h3{margin-top:24px;font-size:1.7rem}.priority-card h3 br{display:none}.card-label{margin-top:27px}.voice-section{padding:65px 0}.voice-grid{gap:15px}.heritage-line{font-size:.6rem;gap:14px}.heritage-line span+span{padding-left:14px}.questions p{padding-right:10px}.resource-list>a{grid-template-columns:1fr;gap:12px;padding:25px 0}.resource-source{grid-column:1;justify-content:space-between}.resource-list h3{font-size:1.25rem}.closing{padding:55px 0}.button.dark{position:static;margin-top:30px}.footer-top{align-items:start;flex-direction:column;gap:25px;padding-bottom:30px}.footer-bottom{flex-wrap:wrap;gap:15px}.preview-note{font-size:.6875rem}.hero-bottom strong{font-size:.58rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Official identity and South African colour accents */
.site-header{padding-block:12px;background:#fff;border-bottom:5px solid transparent;border-image:linear-gradient(90deg,#141b18 0 13%,#d8ad47 13% 26%,#08734e 26% 57%,#f8f8f4 57% 61%,#b72d2d 61% 80%,#173f77 80% 100%) 1}
.official-logo-small{display:block;width:92px;height:92px;object-fit:contain;background:#fff}
.brand-name{font-size:21px}
.hero h1{font-size:clamp(3.3rem,5.7vw,6rem);max-width:790px;line-height:1.14}
.hero{min-height:690px}
.hero-content{padding-block:85px 155px}
.association-logo{display:block;width:min(100%,440px);height:auto;margin-top:28px;mix-blend-mode:multiply}
.about{align-items:center;gap:100px}
.about-copy .eyebrow{margin-top:0;margin-bottom:25px;color:#08734e}
.about-copy .lead{font-size:1.5rem}
.closing{border-top:5px solid transparent;border-image:linear-gradient(90deg,#141b18 0 13%,#d8ad47 13% 26%,#08734e 26% 57%,#f8f8f4 57% 61%,#b72d2d 61% 80%,#173f77 80% 100%) 1}
.closing h2{font-size:clamp(2.4rem,3.7vw,3.8rem);max-width:900px}
.closing .button.dark{position:static;margin-top:32px}
.footer-top .official-logo-small{width:112px;height:112px;border:5px solid #fff}
@media(max-width:1050px){.site-header nav{gap:18px}.site-header .brand{gap:9px}.brand-name{font-size:18px}.about{gap:50px}}
@media(max-width:760px){.official-logo-small{width:73px;height:73px}.brand-name{font-size:17px}.site-header{padding-block:10px}.hero{min-height:690px}.hero-content{padding-top:75px;padding-bottom:145px}.hero h1{font-size:clamp(2.7rem,9vw,4.2rem)}.about{gap:30px}.association-logo{width:min(100%,390px);margin-inline:auto}.about-copy .lead{font-size:1.3rem}.closing .eyebrow{max-width:280px}.footer-top .official-logo-small{width:88px;height:88px}}
.site-header .official-logo-small{width:180px;height:180px}.site-header{padding-block:6px}.footer-top .official-logo-small{width:190px;height:190px}.association-logo{mix-blend-mode:normal}@media(max-width:760px){.site-header .official-logo-small{width:135px;height:135px}.footer-top .official-logo-small{width:160px;height:160px}}