:root{--green:#0f6534;--deep:#083c26;--ink:#152d22;--gold:#e8b421;--paper:#f5f7f3;--muted:#63746a;--line:rgba(24,77,45,.13);--glass:rgba(255,255,255,.57);--shadow:0 16px 55px rgba(21,61,36,.055)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;color:var(--ink);background:radial-gradient(ellipse at 92% 4%,#e1eadb 0,transparent 27%),radial-gradient(ellipse at 1% 40%,#f4ecd6 0,transparent 25%),var(--paper);font:15px/1.7 -apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}img{max-width:100%;display:block;object-fit:cover}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12;letter-spacing:-.055em;font-weight:600}h1{font-size:clamp(46px,5.8vw,80px)}h2{font-size:clamp(33px,3.2vw,46px)}h3{font-size:22px;letter-spacing:-.035em}h1 span,h2 span{color:var(--green);font-weight:400}p{margin-bottom:20px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #ad8010;outline-offset:5px}button,input,textarea,select{-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}.skip{position:fixed;top:-70px;left:20px;padding:12px;background:#fff;z-index:100}.skip:focus{top:12px}.wrap{width:min(1240px,88%);margin-left:auto;margin-right:auto}.section{padding-top:98px;padding-bottom:16px}.glass{background:var(--glass);border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow),inset 0 1px 0 #fff9;backdrop-filter:blur(24px) saturate(125%);-webkit-backdrop-filter:blur(24px) saturate(125%);border-radius:27px}.topline{padding:8px 5%;background:var(--deep);color:#fff;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.8px}.topline a{letter-spacing:.5px}.site-header{position:sticky;top:12px;z-index:25;height:89px;width:94%;margin:14px auto 0;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:9px 25px;background:rgba(255,255,255,.61);border:1px solid #fffd;border-radius:23px;box-shadow:0 8px 35px #153d2410;backdrop-filter:blur(28px) saturate(145%);-webkit-backdrop-filter:blur(28px) saturate(145%)}.brand{display:block;width:170px;flex-shrink:0}.brand img{width:100%;height:70px;object-fit:contain;mix-blend-mode:multiply}.site-header nav{display:flex;align-items:center;gap:26px}.site-header nav>a:not(.button){font-size:12px;padding:8px 0;position:relative}.site-header nav>a[aria-current]:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gold)}.site-header nav>a:hover{color:var(--green)}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:51px;padding:13px 23px;border-radius:999px;border:1px solid transparent;font-size:12px;font-weight:600;line-height:1.5;transition:transform .2s,box-shadow .2s,background .2s;white-space:normal}.button span{font-size:19px;font-weight:400}.button.primary{color:#fff;background:var(--green);box-shadow:0 4px 14px #0f65341a}.button.gold{color:var(--deep);background:var(--gold)}.button.quiet{background:#ffffff70;border-color:#ffffffc9;box-shadow:0 4px 15px #173d2308}.button:hover{transform:translateY(-2px);box-shadow:0 7px 20px #153d2420}.button.primary:hover{background:#094a28;color:#fff}.site-header .button{min-height:43px;padding:10px 19px;font-size:11px}.menu-toggle,.mobile-contact{display:none!important}.eyebrow{font-size:9px;letter-spacing:2.25px;line-height:1.6;font-weight:600;color:#697948;margin-bottom:20px}.status-dot{width:7px;height:7px;background:var(--gold);border-radius:50%;display:inline-block;margin-right:7px;box-shadow:0 0 0 4px #e8b42115}.hero{display:grid;grid-template-columns:1.03fr 1fr;gap:5%;align-items:center;padding-top:76px;padding-bottom:80px;min-height:650px}.hero h1{font-size:clamp(49px,5.25vw,75px);line-height:1.06;margin-bottom:28px}.hero .lead{max-width:455px;font-size:15px;line-height:1.9}.lead{color:var(--muted);font-size:17px;line-height:1.8;max-width:700px}.actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:28px}.hero-signature{display:flex;align-items:center;gap:14px;margin-top:30px}.hero-signature p{margin:0;font-size:11px;color:var(--muted)}.fine-rule{width:27px;height:1px;background:#a9b59b}.hero-visual{position:relative;padding:0 0 26px 14px;isolation:isolate}.justice-photo{width:100%;height:445px;border-radius:34px;object-position:54% center;box-shadow:0 25px 70px #153d2430}.visual-orbit{position:absolute;inset:-30px -25px 20px 45px;border:1px solid #d3b85d70;border-radius:44% 56% 43% 57%;z-index:-1;transform:rotate(-10deg)}.hero-glass{position:absolute;bottom:0;left:-22px;right:32px;display:flex;align-items:center;gap:17px;padding:20px 22px;border-radius:23px;background:#ffffffe0}.hero-glass>img{width:50px;height:56px;object-fit:contain}.hero-glass .eyebrow{font-size:7px;letter-spacing:1.6px;display:block;margin:0 0 5px}.hero-glass strong{font-size:17px;font-weight:500;letter-spacing:-.03em}.photo-tag{position:absolute;top:-17px;right:20px;padding:10px 16px;border-radius:999px;font-size:8px;letter-spacing:.3px}.highlights{display:grid;grid-template-columns:repeat(3,1fr);padding:24px 16px;background:rgba(255,255,255,.5)}.highlights>a{display:flex;align-items:center;gap:20px;padding:0 28px;border-right:1px solid var(--line)}.highlights>a:last-child{border:0}.highlights strong{font-size:42px;line-height:1;font-weight:400;letter-spacing:-2px;color:var(--green)}.highlights span{font-size:11px;line-height:1.6;color:var(--muted)}.highlights i{font-style:normal;margin-left:auto;color:#799579}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}.section-head h2{margin:0}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;font-size:12px;padding:8px 0;border-bottom:1px solid #a8b9a680}.text-link:hover{color:var(--green);border-color:var(--green)}.mission-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}.mission-lead{padding:10px 25px 0 0}.mission-lead>p:first-child{font-size:25px;line-height:1.35;letter-spacing:-.045em}.mission-lead>p:last-child{font-size:14px;color:var(--muted)}.pillar{display:block;padding:32px;position:relative}.pillar h3{margin:19px 0 15px}.pillar p{font-size:13px;color:var(--muted);margin-bottom:8px}.pillar .button{margin-top:22px}.line-icon{font:32px/1.2 Georgia,serif;color:var(--green)}.card-arrow{display:block;margin-top:22px;color:#71885d;font-size:19px}.leadership-feature{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;margin-top:100px;align-items:center;border-radius:33px;background:linear-gradient(120deg,#0b4b2d,#082f22);color:white;padding:40px 7% 40px 40px;overflow:hidden}.leader-image{position:relative}.leader-image>img{width:100%;height:405px;border-radius:22px;object-position:center 35%}.portrait-caption{position:absolute;left:16px;right:16px;bottom:16px;padding:13px 18px;border-radius:16px;font-size:14px;background:#ffffffdd;color:var(--deep)}.portrait-caption small{display:block;font-size:10px;color:var(--muted)}.leader-copy h2{font-size:41px}.leader-copy h2 span{color:#e1c776}.leader-copy .eyebrow{color:#e1c776}.leader-copy>p:not(.eyebrow){color:#ccdad2;font-size:14px}.leader-copy .button.quiet{color:white;background:#ffffff15;border-color:#ffffff40}.cards{display:grid;gap:24px}.cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}.cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}.video-card,.article-card{overflow:hidden;display:flex;flex-direction:column}.video-thumb{border:0;background:var(--deep);width:100%;padding:0;position:relative;display:block;overflow:hidden;aspect-ratio:16/9}.video-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.video-thumb:hover img{transform:scale(1.04)}.video-thumb:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 40%,#0006)}.play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:49px;height:49px;display:grid;place-items:center;border-radius:50%;color:#fff;font-size:15px;padding-left:3px;background:#ffffff30;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid #ffffff90;z-index:1}.source-badge{position:absolute;bottom:12px;left:14px;z-index:1;color:#fff;font-size:8px;background:#122d2075;border:1px solid #ffffff30;padding:4px 9px;border-radius:999px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.card-copy{padding:25px;display:flex;flex-direction:column;flex:1}.card-copy .eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:12px}.card-copy h3{font-size:21px;line-height:1.3;margin-bottom:20px}.card-copy>p:not(.eyebrow){font-size:13px;color:var(--muted)}.card-copy .text-link{margin-top:auto;align-self:stretch;font-size:11px}.reach-feature{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:52px;margin-top:100px;background:linear-gradient(110deg,#e5eddf9c,#f5ead26e);align-items:center}.reach-feature p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:450px}.province-cloud{display:flex;flex-wrap:wrap;gap:11px;justify-content:center;align-content:center}.province-cloud>span{font-size:12px;padding:12px 19px;border:1px solid #fff;border-radius:999px;background:#ffffff75;box-shadow:0 5px 16px #173d2305}.province-cloud>span:nth-child(3n){background:#e4ce8640}.global-tag{width:100%;text-align:center;font-size:9px;letter-spacing:1.1px;color:#7b855b;margin-top:18px}.article-art{height:195px;position:relative;overflow:hidden;display:block;background:linear-gradient(130deg,#174e35,#0a3525)}.article-art>img{position:absolute;width:145px;height:145px;object-fit:contain;right:17px;top:18px;opacity:.18;mix-blend-mode:screen}.article-number{position:absolute;left:25px;top:20px;font-size:76px;font-weight:300;line-height:1;letter-spacing:-6px;color:#f3e7bd}.pdf-badge{position:absolute;bottom:20px;left:25px;font-size:8px;letter-spacing:1.7px;color:#d6dfce}.art-1{background:linear-gradient(130deg,#d9b941,#ead9a3)}.art-1 .article-number,.art-1 .pdf-badge{color:#21452e}.art-1>img{mix-blend-mode:multiply;opacity:.22}.art-2{background:linear-gradient(130deg,#d8e3d1,#ecf0e6)}.art-2 .article-number,.art-2 .pdf-badge{color:#245537}.art-2>img{mix-blend-mode:multiply;opacity:.15}.resource-promo{display:flex;align-items:center;gap:30px;padding:30px 35px;margin-top:85px}.resource-promo>div{flex:1}.resource-promo .eyebrow{margin-bottom:7px}.resource-promo h3{margin-bottom:8px}.resource-promo p:last-child{margin-bottom:0;font-size:12px;color:var(--muted)}.join-banner{width:min(1240px,88%);margin:100px auto 0;display:flex;justify-content:space-between;align-items:center;gap:40px;padding:55px;background:linear-gradient(115deg,#e9d59c80,#dfe9d380);position:relative;z-index:1}.join-banner h2{font-size:39px;margin-bottom:0}.join-banner>div:last-child p{font-size:13px;color:var(--muted)}footer{background:#082f22;color:#e5eee7;padding:112px 6% 25px;margin-top:-35px}.footer-main{display:grid;grid-template-columns:1.25fr .9fr 1fr 1.25fr;gap:35px;padding-bottom:50px}.footer-brand img{width:230px;height:auto;object-fit:contain}.footer-main h3{font-size:13px;letter-spacing:0;font-weight:500;margin:0 0 18px;color:#e5ce83}.footer-main>div>a{display:block;font-size:11px;margin-bottom:8px;color:#ccdbd1;overflow-wrap:anywhere}.footer-main>div>p{font-size:11px;margin-top:18px;color:#a8bfb0}.footer-base{border-top:1px solid #ffffff20;padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#a6bcae}.whatsapp{position:fixed;right:16px;top:50%;transform:translateY(-50%);z-index:26;display:grid;place-items:center;width:48px;height:48px;color:var(--green);background:transparent}.whatsapp svg{width:32px;height:32px;filter:drop-shadow(0 1px 1px #ffffffb0) drop-shadow(0 2px 4px #0002)}.page-title{padding:82px 0 35px}.page-title h1{font-size:clamp(46px,5.2vw,72px);margin-bottom:24px}.page-title .lead{font-size:16px;max-width:640px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start;padding-top:45px}.two-col p:not(.eyebrow){font-size:14px;color:var(--muted)}.mission-statement{padding:42px;text-align:center;background:linear-gradient(150deg,#dfebdd80,#fbf1d580)}.mission-statement img{width:120px;height:120px;object-fit:contain;margin:auto}.mission-statement blockquote{font-size:35px;letter-spacing:-1.5px;line-height:1.2;margin:25px 0 16px}.focus-panel{padding:35px}.focus-panel h3{margin:0 0 20px}.clean-list{list-style:none;padding:0;margin:0}.clean-list li{font-size:14px;padding:14px 0;border-bottom:1px solid var(--line);color:var(--muted)}.clean-list li:before{content:'↗';color:var(--green);margin-right:12px}.leader-profile{display:grid;grid-template-columns:.85fr 1.15fr;gap:7%;align-items:start;margin-top:25px}.profile-photo{width:100%;border-radius:28px}.profile-copy{padding-top:20px}.profile-copy h2{font-size:43px}.profile-copy>p:not(.eyebrow){color:var(--muted);font-size:14px}.source-note{font-size:11px!important;line-height:1.8;color:var(--muted);margin-top:28px}.source-note a{text-decoration:underline}.library{margin-top:25px}.library-tools{padding:18px 22px;margin-bottom:25px;border-radius:22px}.search{display:flex;gap:12px;align-items:center;padding:0 5px}.search>span{font-size:29px;font-weight:300;color:#748568}.search input{border:0;background:transparent;width:100%;padding:11px 5px;color:var(--ink);font-size:14px;min-width:0}.search input::placeholder{color:#809083}.filter-tabs{border-top:1px solid var(--line);padding-top:15px;margin-top:12px;display:flex;gap:9px;flex-wrap:wrap}.filter-tabs button{background:transparent;border:1px solid transparent;border-radius:999px;padding:8px 15px;font-size:11px;color:#5f7266}.filter-tabs button[aria-pressed=true]{background:var(--green);color:white}.filter-tabs button:hover{border-color:#bbcbb6}.result-count{font-size:11px;color:var(--muted);margin:15px 3px 22px}.load-more{display:flex;margin:35px auto 0}.empty-state{padding:60px 20px;text-align:center;color:var(--muted)}[hidden]{display:none!important}.library-note{margin-top:36px;margin-bottom:30px}.library-note a{color:var(--green)}.resource-card{padding:28px}.resource-card h3{font-size:21px;line-height:1.35}.resource-card h3 span{font-weight:400;color:#89916b}.resource-card p:not(.eyebrow){font-size:13px;color:var(--muted)}.resource-card small{font-size:10px;color:#8c987d;overflow-wrap:anywhere}.research-searches{padding:28px 30px}.research-searches summary{font-size:18px;font-weight:500;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:18px}.research-searches summary::-webkit-details-marker{display:none}.research-searches>p{font-size:13px;color:var(--muted);margin-top:20px}.search-directory{display:grid;grid-template-columns:1fr 1fr;gap:10px 28px}.search-directory a{font-size:12px;padding:10px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.article-page{padding-top:55px;max-width:1000px}.article-page>.eyebrow{margin-top:40px}.article-page h1{font-size:clamp(42px,4.3vw,64px);max-width:950px}.article-intro{display:flex;gap:32px;padding:35px;margin:35px 0}.article-intro>img{width:95px;height:110px;object-fit:contain}.article-intro p{font-size:14px;color:var(--muted)}.article-intro p:last-of-type{margin-bottom:0}.pdf-placeholder{padding:42px;text-align:center;overflow:hidden}.pdf-placeholder h2{font-size:30px}.pdf-placeholder p{font-size:13px;color:var(--muted)}.pdf-placeholder.loaded{padding:0}.pdf-placeholder iframe{width:100%;height:750px;display:block;border:0}.contact-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:35px;margin-top:28px}.contact-info{display:grid;gap:14px;align-content:start}.contact-method{padding:20px 25px;position:relative;display:block;border-radius:20px}.contact-method span{display:block;font-size:8px;letter-spacing:1.7px;color:#788660;margin-bottom:5px}.contact-method strong{font-size:21px;font-weight:500;letter-spacing:-.025em;overflow-wrap:anywhere}.contact-method i{position:absolute;right:23px;top:24px;font-style:normal;color:#7d9567}.address-card{padding:28px;margin-top:5px}.address-card address{font-size:13px;font-style:normal;color:var(--muted)}.address-card .eyebrow{margin-bottom:13px}.branch-label{margin-top:25px}.enquiry-form{padding:36px}.enquiry-form h2{font-size:34px}.enquiry-form>p:not(.eyebrow){font-size:13px;color:var(--muted)}.enquiry-form label{display:block;font-size:11px;font-weight:500;margin-bottom:19px}.enquiry-form input,.enquiry-form select,.enquiry-form textarea{display:block;width:100%;padding:12px 13px;border:1px solid #d4dfd1;border-radius:12px;background:#ffffff85;margin-top:7px;min-width:0;font-size:14px;color:var(--ink)}.enquiry-form textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-note{font-size:10px!important;margin-top:20px;margin-bottom:0}.privacy-copy{max-width:850px;padding:42px;margin-top:30px}.privacy-copy h2{font-size:26px;margin-top:30px}.privacy-copy h2:first-child{margin-top:0}.privacy-copy p{font-size:14px;color:var(--muted)}dialog{border:1px solid #ffffff40;border-radius:23px;padding:0;background:#f5f7f3;color:var(--ink);width:min(1000px,93vw);max-height:93vh;box-shadow:0 30px 100px #0007}dialog::backdrop{background:#06150fdf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.close-dialog{position:absolute;right:12px;top:12px;width:40px;height:40px;border:1px solid #ffffffa0;background:#fffddd;color:#123b26;border-radius:50%;z-index:2;font-size:28px;line-height:1}.video-dialog-info{padding:22px 28px}.video-dialog-info h2{font-size:23px;margin-bottom:12px;letter-spacing:-.035em}.video-dialog-info p{font-size:12px;color:var(--muted);margin-bottom:10px}.video-dialog-info a{font-size:12px;text-decoration:underline;color:var(--green)}.video-dialog-info .tiny{font-size:10px;margin-top:10px;margin-bottom:0}#video-player{aspect-ratio:16/9;background:#071910}#video-player iframe{display:block;width:100%;height:100%;border:0}
@media(min-width:1700px){.site-header{max-width:1450px}}
@media(max-width:1100px){.site-header nav{gap:16px}.site-header{padding:9px 20px;gap:20px}.brand{width:145px}.site-header nav>a:not(.button){font-size:11px}.hero h1{font-size:58px}.hero{gap:4%;padding-top:64px}.justice-photo{height:405px}.hero-glass{left:-8px;right:12px;padding:16px}.hero-glass strong{font-size:15px}.photo-tag{font-size:7px}.highlights>a{padding:0 20px;gap:15px}.highlights strong{font-size:35px}.mission-grid{gap:18px}.pillar{padding:25px}.cards{gap:18px}.card-copy{padding:22px}.card-copy h3{font-size:19px}.leadership-feature{gap:6%;padding:32px}.leader-copy h2{font-size:35px}.reach-feature{padding:40px}.footer-main{gap:25px}.footer-brand img{width:200px}}
@media(max-width:900px){.site-header{height:80px}.brand{width:145px}.brand img{height:62px}.menu-toggle{display:flex!important;flex-direction:column;justify-content:center;gap:6px;width:40px;height:40px;border:1px solid #ffffffd0;border-radius:13px;background:#ffffff60;padding:10px}.menu-toggle span{display:block;width:18px;height:1.5px;background:var(--deep)}.site-header nav{display:none;position:absolute;top:89px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:16px 23px 23px;border:1px solid white;border-radius:23px;background:rgba(246,249,243,.97);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);box-shadow:var(--shadow)}.site-header nav.open{display:flex}.site-header nav>a:not(.button){font-size:14px;padding:12px 0}.site-header nav .button{margin-top:12px;min-height:47px}.mobile-contact{display:block!important}.hero{padding-top:60px;padding-bottom:65px;gap:5%}.hero h1{font-size:49px}.hero .lead{font-size:14px}.hero .actions{gap:12px}.hero .button{font-size:11px;padding:12px 18px}.justice-photo{height:420px}.hero-glass{left:-10px;right:-5px;padding:17px;gap:12px}.hero-glass>img{width:40px;height:47px}.hero-glass strong{font-size:13px}.hero-glass .eyebrow{font-size:6px}.photo-tag{top:-15px;right:0;font-size:6px;padding:10px}.highlights>a{padding:0 13px;gap:11px}.highlights span{font-size:9px}.highlights strong{font-size:31px}.mission-grid{grid-template-columns:1fr 1fr}.mission-lead{grid-column:span 2;max-width:650px}.mission-lead>p:first-child{max-width:500px;font-size:29px}.leadership-feature{gap:5%;padding:30px}.leader-image>img{height:400px}.leader-copy h2{font-size:31px}.leader-copy>p:not(.eyebrow){font-size:12px}.portrait-caption{left:10px;right:10px;padding:12px;font-size:12px}.portrait-caption small{font-size:8px}.cards.three{grid-template-columns:repeat(2,minmax(0,1fr))}.section-head h2{font-size:37px}.reach-feature{gap:5%;padding:32px}.reach-feature h2{font-size:35px}.province-cloud{gap:8px}.province-cloud>span{font-size:10px;padding:10px 13px}.join-banner{padding:36px;gap:25px}.join-banner h2{font-size:32px}.join-banner>div:last-child p{font-size:12px}.footer-main{grid-template-columns:1fr 1fr;gap:35px}.footer-base{flex-wrap:wrap}.resource-promo{gap:20px;padding:26px}.resource-promo>.text-link{font-size:10px}.resource-promo h3{font-size:20px}.leader-profile{gap:5%;grid-template-columns:.8fr 1.2fr}.profile-copy h2{font-size:34px}.profile-copy{padding-top:0}.contact-grid{grid-template-columns:1fr 1.1fr;gap:20px}.contact-method{padding:19px}.contact-method strong{font-size:17px}.contact-method i{right:15px;font-size:13px}.enquiry-form{padding:25px}.form-row{grid-template-columns:1fr;gap:0}}
@media(max-width:600px){.wrap{width:88%}.topline{justify-content:center;font-size:6.5px;letter-spacing:1.1px;padding:8px 12px}.topline a{display:none}.site-header{width:92%;height:76px;top:9px;margin-top:10px;border-radius:20px;padding:8px 18px}.brand{width:135px}.brand img{height:60px}.hero{grid-template-columns:1fr;gap:42px;padding-top:45px;padding-bottom:44px;min-height:0}.hero h1{font-size:49px;letter-spacing:-.06em}.hero h1 br:last-child{display:none}.hero .lead{font-size:14px;line-height:1.8}.hero .actions{gap:12px}.hero .button{font-size:10px;padding:12px 17px;gap:14px}.hero-signature{margin-top:24px}.hero-visual{padding:0 0 22px 0}.justice-photo{height:310px;border-radius:28px;object-position:center}.visual-orbit{inset:-13px -8px 15px 20px}.hero-glass{left:12px;right:12px;padding:16px;border-radius:20px}.hero-glass strong{font-size:13px}.hero-glass .eyebrow{font-size:6px;letter-spacing:1.2px}.photo-tag{right:13px;font-size:6px;top:-13px}.highlights{padding:20px 5px;border-radius:22px}.highlights>a{display:flex;flex-direction:column;gap:9px;padding:0 7px;text-align:center}.highlights strong{font-size:34px}.highlights span{font-size:8px;line-height:1.6}.highlights i{display:none}.section{padding-top:67px}.section-head{flex-direction:column;align-items:start;gap:18px;margin-bottom:26px}.section-head h2{font-size:35px}.section-head .eyebrow{margin-bottom:14px}.mission-grid{grid-template-columns:1fr;gap:18px}.mission-lead{grid-column:auto;padding:0}.mission-lead>p:first-child{font-size:26px}.pillar{padding:27px;border-radius:23px}.pillar h3{font-size:24px}.pillar p{font-size:14px}.leadership-feature{grid-template-columns:1fr;margin-top:66px;padding:23px;gap:30px;border-radius:27px}.leader-image>img{height:335px;object-position:50% 20%}.leader-copy{padding:0 4px 7px}.leader-copy h2{font-size:35px}.leader-copy>p:not(.eyebrow){font-size:13px}.cards.three,.cards.two{grid-template-columns:1fr;gap:22px}.card-copy{padding:25px}.card-copy h3{font-size:23px}.video-card,.article-card{border-radius:24px}.video-thumb{aspect-ratio:16/9}.reach-feature{grid-template-columns:1fr;padding:30px 25px;gap:28px;margin-top:66px;border-radius:25px}.reach-feature h2{font-size:34px}.province-cloud{justify-content:start}.province-cloud>span{font-size:11px}.global-tag{text-align:left}.article-art{height:175px}.resource-promo{margin-top:65px;flex-wrap:wrap;padding:26px;gap:16px}.resource-promo>.line-icon{display:none}.resource-promo>div{flex-basis:100%}.resource-promo h3{font-size:23px}.resource-promo>.text-link{font-size:12px}.join-banner{width:88%;margin-top:65px;padding:31px 26px;flex-direction:column;align-items:start;gap:22px;border-radius:25px}.join-banner h2{font-size:32px}.join-banner>div:last-child p{font-size:13px}.join-banner br{display:none}footer{padding-top:95px}.footer-main{grid-template-columns:1fr 1fr;gap:30px 22px;padding-bottom:35px}.footer-brand{grid-column:span 2}.footer-brand img{width:210px}.footer-main>div:last-child{grid-column:span 2}.footer-main>div>a,.footer-main>div>p{font-size:12px}.footer-base{font-size:8px;gap:13px}.footer-base>span:nth-child(2){flex-basis:100%}.whatsapp{right:5px;width:40px;height:44px}.whatsapp svg{width:27px;height:27px}.page-title{padding-top:50px;padding-bottom:18px}.page-title h1{font-size:47px}.page-title .lead{font-size:14px}.two-col{grid-template-columns:1fr;gap:25px;padding-top:38px}.two-col h2{font-size:35px}.two-col p:not(.eyebrow){font-size:14px}.mission-statement{padding:32px}.mission-statement blockquote{font-size:33px}.focus-panel{padding:26px}.leader-profile{grid-template-columns:1fr;gap:30px}.profile-photo{height:360px;object-position:50% 20%}.profile-copy h2{font-size:36px}.library{margin-top:15px}.library-tools{padding:15px}.search input{font-size:12px}.filter-tabs{gap:5px;padding-top:12px}.filter-tabs button{font-size:10px;padding:7px 11px}.result-count{font-size:10px}.resource-card{padding:24px}.resource-card h3{font-size:22px}.research-searches{padding:23px}.research-searches summary{font-size:16px}.search-directory{grid-template-columns:1fr}.article-page{padding-top:38px}.article-page h1{font-size:42px}.article-intro{flex-direction:column;padding:25px;gap:20px}.article-intro>img{width:65px;height:70px}.article-intro .actions{gap:18px}.pdf-placeholder{padding:30px 22px}.pdf-placeholder h2{font-size:27px}.pdf-placeholder iframe{height:600px}.contact-grid{grid-template-columns:1fr;gap:28px}.contact-method strong{font-size:21px}.enquiry-form{padding:26px}.enquiry-form h2{font-size:32px}.privacy-copy{padding:28px}.video-dialog-info{padding:20px}.video-dialog-info h2{font-size:19px}.close-dialog{width:34px;height:34px;right:8px;top:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media(prefers-reduced-transparency:reduce){.glass,.site-header,.site-header nav{background:#f8faf5;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(min-width:601px) and (max-width:900px){.visual-orbit{inset:-18px -4px 20px 18px;transform:rotate(-5deg)}}
.publication-date{font-size:10px!important;letter-spacing:.2px;color:#8a967c!important;margin-top:-8px}
@media(max-width:600px){.visual-orbit{inset:-12px 0 20px 0;transform:none}}
/* Live enquiries */
.enquiry-form{position:relative}.optional{font-weight:400;color:var(--muted)}.enquiry-form .consent{display:flex;align-items:flex-start;gap:12px;font-size:13px;line-height:1.6;font-weight:400}.enquiry-form .consent input{width:18px;height:18px;flex:0 0 18px;margin-top:3px;accent-color:#0f6534}.consent a{text-decoration:underline}.form-trap{position:absolute!important;left:-10000px!important;top:auto;width:1px;height:1px;overflow:hidden}.form-note.success{padding:18px;border:1px solid #0f653430;border-radius:16px;background:#eaf3e6;color:#0b5029;font-size:15px}.enquiry-form button:disabled{opacity:.7;cursor:default}.contact-info{min-width:0}.contact-method strong{overflow-wrap:anywhere}
/* A living balance, in the alliance's colours. */
.animated-title{display:grid;grid-template-columns:1.08fr 1fr;gap:30px;align-items:center;padding-top:58px;padding-bottom:28px}.animated-title h1{font-size:clamp(44px,4.7vw,68px);letter-spacing:-3.2px}.animated-title .lead{max-width:560px}.justice-motion{min-width:0;position:relative;isolation:isolate}.justice-motion svg{display:block;width:100%;height:auto;overflow:visible}.justice-motion .map-layer{transform-origin:50% 50%}.motion-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;color:#697e6c;padding:0 12px}.motion-controls>span{display:flex;align-items:center;gap:7px}.motion-controls i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#b29a40;box-shadow:0 0 0 4px #ba9f4010}.motion-pause{background:#ffffff35;border:1px solid #ffffffa8;border-radius:20px;padding:8px 12px;color:#44644e;cursor:pointer;font:inherit;white-space:nowrap}.motion-pause:hover{background:#fff9}.province-pulse{transform-box:fill-box;transform-origin:center;animation:province-light 4s ease-in-out infinite;animation-delay:var(--delay)}.justice-motion.paused .province-pulse{animation-play-state:paused}@keyframes province-light{0%,100%{opacity:.2;transform:scale(.8)}50%{opacity:.65;transform:scale(1.45)}}
@media(min-width:901px) and (max-width:1150px){.site-header nav{gap:13px}.site-header .button{padding:10px 13px}.brand{width:135px}}
@media(max-width:900px){.animated-title{grid-template-columns:1fr 1fr;gap:10px}.animated-title h1{font-size:45px;letter-spacing:-2.5px}.animated-title .lead{font-size:14px}.motion-controls>span{display:none}.motion-controls{justify-content:flex-end}}
@media(max-width:600px){.animated-title{grid-template-columns:1fr;padding-top:46px;gap:16px}.animated-title h1{font-size:46px}.justice-motion{max-width:470px;width:100%;margin:auto}.justice-motion svg{margin-top:-5px}.motion-controls>span{display:flex}.motion-controls{justify-content:space-between}.motion-controls{font-size:9px}}
@media(prefers-reduced-motion:reduce){.province-pulse{animation:none}}
/* Consistent monochrome contact and broadcast rail. */
.social-rail{position:fixed;left:12px;top:50%;transform:translateY(-50%);z-index:24;display:flex;flex-direction:column;gap:5px;padding:6px 0;color:#0f6534}.social-rail a{position:relative;display:flex;align-items:center;justify-content:center;width:42px;height:42px;color:inherit;border-radius:50%;background:transparent;transition:background .2s,transform .2s;filter:drop-shadow(0 1px 2px #fff9)}.social-rail svg{width:23px;height:23px}.social-rail a:first-child svg{width:25px;height:25px}.social-rail .sabc-icon{display:block;width:30px;height:27px;background:currentColor;mask:url('assets/sabc-logo.svg') center/contain no-repeat;-webkit-mask:url('assets/sabc-logo.svg') center/contain no-repeat}.social-rail a:hover,.social-rail a:focus-visible{background:#ffffffa8;backdrop-filter:blur(10px);transform:translateX(2px);outline-offset:3px}.social-rail a:after{content:attr(data-label);position:absolute;left:49px;top:50%;transform:translateY(-50%);padding:9px 12px;background:#f6faf0ed;backdrop-filter:blur(16px);border:1px solid #fff;border-radius:10px;box-shadow:0 4px 18px #073b2610;font-size:11px;color:#0f6534;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s}.social-rail a:hover:after,.social-rail a:focus-visible:after{opacity:1}
@media(max-width:1100px) and (min-width:601px){.social-rail{left:2px}.social-rail a{width:36px;height:39px}.social-rail svg{width:21px;height:21px}}
@media(max-width:600px){body{padding-bottom:76px}.social-rail{top:auto;bottom:max(10px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);flex-direction:row;gap:0;padding:4px 7px;border:1px solid #ffffffb8;border-radius:30px;background:#f5f9f2b8;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 5px 22px #133c2314}.social-rail a{width:42px;height:42px}.social-rail a:after{display:none}.social-rail a:hover{transform:translateY(-2px)}}
.justice-photo.justice-lineart{object-fit:contain;background:transparent;border:0;border-radius:0;box-shadow:none;padding:18px 12px 40px;width:100%;height:auto;aspect-ratio:1.18}.hero-visual:has(.justice-lineart) .visual-orbit{opacity:.2;border-color:#5b9272}.hero-visual:has(.justice-lineart) .photo-tag{top:0}
/* Slim editorial slider beneath the homepage hero. */
.news-slider{display:flex;align-items:center;gap:22px;min-height:51px;padding:7px 18px;border-radius:15px;margin-top:0;margin-bottom:23px;background:#ffffff38;box-shadow:0 4px 20px #123c2405}.news-label{font-size:9px;letter-spacing:1.7px;white-space:nowrap;color:#65806a;border-right:1px solid #0f653420;padding-right:22px}.news-window{min-width:0;flex:1;overflow:hidden}.news-item{display:flex;align-items:center;gap:13px;min-height:32px;min-width:0;color:#194c2d;font-size:12px}.news-item[hidden]{display:none}.news-type{font-size:8px;font-weight:700;letter-spacing:1px;border:1px solid #347b492a;border-radius:5px;padding:2px 6px;flex-shrink:0;color:#398051}.news-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.news-item.entering{animation:headline-arrive .55s ease both}.news-controls{display:flex;align-items:center;gap:3px}.news-controls button{width:29px;height:29px;border:0;background:transparent;color:#28683e;border-radius:50%;font-size:20px;cursor:pointer;line-height:1}.news-controls button[data-news-pause]{font-size:10px}.news-controls button:hover,.news-controls button:focus-visible{background:#fff9}.news-item:hover .news-title{text-decoration:underline;text-underline-offset:3px}@keyframes headline-arrive{from{transform:translateX(24px);opacity:0}to{transform:translateX(0);opacity:1}}
@media(max-width:600px){.news-slider{min-height:49px;padding:7px 9px;gap:7px;border-radius:12px}.news-label{display:none}.news-item{gap:7px;font-size:11px}.news-controls{gap:0}.news-controls button{width:27px;height:30px}.news-item>span:last-child{display:none}.news-type{font-size:7px;padding:1px 4px}}
@media(prefers-reduced-motion:reduce){.news-item.entering{animation:none}}
/* Brand principles surface behind the homepage line drawing. */
.hero-wordfield{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.hero-wordfield span{position:absolute;left:var(--x);top:var(--y);color:var(--tone);font-size:clamp(8px,1vw,12px);letter-spacing:2px;font-weight:600;white-space:nowrap;opacity:0;animation:justice-words 10s ease-in-out infinite;animation-delay:var(--delay)}@keyframes justice-words{0%,65%,100%{opacity:0;transform:translateY(15px) scale(.94)}12%,39%{opacity:.55;transform:translateY(0) scale(1)}55%{opacity:0;transform:translateY(-19px) scale(1.02)}}
[data-hero-motion] .justice-lineart{animation:outline-drift 8s ease-in-out infinite;transform-origin:center}@keyframes outline-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}.hero-motion-toggle{position:absolute;right:0;bottom:-12px;border:0;background:transparent;font:10px -apple-system,BlinkMacSystemFont,Arial,sans-serif;color:#5b7964;cursor:pointer;padding:9px 12px;border-radius:20px}.hero-motion-toggle:hover{background:#ffffff80}[data-hero-motion].paused .hero-wordfield span,[data-hero-motion].paused .justice-lineart{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.hero-wordfield span{animation:none;opacity:.22}[data-hero-motion] .justice-lineart{animation:none}}
.hero[data-hero-motion]{position:relative;isolation:isolate}.hero-map-backdrop{position:absolute;right:-2%;top:1%;width:83%;height:97%;z-index:-2;pointer-events:none;opacity:.65}.hero-map-backdrop>img,.hero-map-backdrop>svg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.hero[data-hero-motion]>.hero-wordfield{inset:-22px -3% -12px;z-index:-1}.hero[data-hero-motion]>.hero-wordfield span{font-size:10px;letter-spacing:1.7px}.map-signal{stroke-dasharray:3 480;stroke-dashoffset:480;opacity:.48;animation:map-current 7s linear infinite}.map-beacon{transform-box:fill-box;transform-origin:center;animation:map-beat 3.6s ease-in-out infinite;animation-delay:var(--delay)}@keyframes map-current{to{stroke-dashoffset:-480}}@keyframes map-beat{0%,100%{opacity:.2;transform:scale(.7)}50%{opacity:.65;transform:scale(1.5)}}[data-hero-motion].paused .map-signal,[data-hero-motion].paused .map-beacon{animation-play-state:paused}
@media(max-width:900px){.hero-map-backdrop{width:100%;right:-5%;opacity:.5}.hero[data-hero-motion]>.hero-wordfield span{font-size:8px;letter-spacing:1px}}
@media(max-width:600px){.hero-map-backdrop{width:135%;right:-15%;top:22%;height:78%;opacity:.6}.hero[data-hero-motion]>.hero-wordfield{inset:0 -4%;}.hero-wordfield span{max-width:45%;overflow:hidden}.hero-motion-toggle{bottom:-17px}.hero-map-backdrop>svg{overflow:hidden}}
@media(prefers-reduced-motion:reduce){.map-signal,.map-beacon{animation:none}.map-signal{stroke-dasharray:3 12;opacity:.15}}
@media(max-width:600px){.hero-map-backdrop{width:100%;right:0;overflow:hidden}.hero-map-backdrop>img,.hero-map-backdrop>svg{width:135%;left:-17.5%}}
.form-note.error{padding:16px 18px;border:1px solid #aa583842;background:#fff4ed;border-radius:14px;color:#853f25;font-size:14px}.form-note:focus{outline:2px solid #0f653460;outline-offset:4px}
/* Continuous thumbnail strip, matching the Highest Point carousel. */
.article-ticker{display:grid;grid-template-columns:142px minmax(0,1fr) 34px;height:72px;min-height:72px;margin:0 auto 23px;padding:0;overflow:hidden;border-radius:14px;background:#ffffff65;box-shadow:0 5px 22px #123d2405}.ticker-label{display:flex;flex-direction:column;justify-content:center;gap:3px;padding:12px 15px;border-right:1px solid #0f65341a;color:#1f5334;background:#e9f1e635}.ticker-label small{font-size:8px;letter-spacing:1.4px;font-weight:600;white-space:nowrap}.ticker-label>span{font-size:10px;color:#6c8170}.ticker-window{min-width:0;overflow:hidden}.ticker-track{display:flex;width:max-content;height:100%;animation:jasa-ticker 155s linear infinite;will-change:transform}.ticker-group{display:flex;flex:none}.ticker-story{display:grid;grid-template-columns:48px minmax(0,1fr) 18px;gap:10px;align-items:center;width:280px;height:72px;padding:9px 13px;border-right:1px solid #0f653416;color:#174c2c;background:transparent}.ticker-story img{width:48px;height:44px;object-fit:cover;border-radius:7px}.ticker-story img[src$="emblem.png"]{object-fit:contain}.ticker-story>span{display:grid;gap:4px;min-width:0}.ticker-story small{font-size:7px;line-height:1.2;text-transform:uppercase;color:#6d8674;letter-spacing:.7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticker-story strong{font-size:11px;line-height:1.35;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ticker-story i{font-style:normal;font-size:15px}.ticker-story:hover{background:#ffffff75}.ticker-pause{border:0;border-left:1px solid #0f653416;background:transparent;color:#28643d;font-size:10px;cursor:pointer}.ticker-pause:hover{background:#fff8}.article-ticker.paused .ticker-track,.article-ticker.offscreen .ticker-track,.ticker-window:hover .ticker-track{animation-play-state:paused}.ticker-window:focus-within{overflow-x:auto}.ticker-window:focus-within .ticker-track{animation:none}.ticker-story:focus-visible{outline:2px solid #0f6534;outline-offset:-3px}@keyframes jasa-ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:600px){.article-ticker{grid-template-columns:minmax(0,1fr) 31px;height:66px;min-height:66px;border-radius:12px}.ticker-label{display:none}.ticker-story{width:245px;height:66px;grid-template-columns:40px minmax(0,1fr) 16px;gap:8px;padding:7px 10px}.ticker-story img{width:40px;height:40px}.ticker-story strong{font-size:10px}.ticker-track{animation-duration:136s}}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none}.ticker-window{overflow-x:auto}}
/* Transparent original crest and wordmark, no white plate. */
.brand-lockup{display:block;position:relative;width:100%;aspect-ratio:1000/458}.brand-lockup img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:normal!important;background:none!important}.brand-lettering{filter:brightness(0);opacity:.9}.brand-crest{clip-path:inset(0 65% 0 0)}
.theme-toggle{order:3;flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;padding:7px;background:#ffffff30;border:1px solid #b3ba9a45;border-radius:50%;color:#275638;cursor:pointer}.theme-toggle svg{width:21px;height:21px}.site-header .brand{order:1}.site-header nav{order:2}.site-header .menu-toggle{order:4}.theme-toggle:hover{background:#ffffff8c}.site-header{gap:18px}
/* Warm tones drawn from the crest. */
:root{--paper:#f8f6ef;--gold:#dbad36;--amber:#ca922c;--terracotta:#ad603a;--muted:#6e7867;--glass:rgba(255,253,245,.54)}body{background:radial-gradient(ellipse at 93% 2%,#dce8d5 0,transparent 27%),radial-gradient(ellipse at 4% 10%,#f3deb729 0,transparent 23%),radial-gradient(ellipse at 2% 42%,#eeb98922 0,transparent 25%),var(--paper)}.topline{background:linear-gradient(100deg,#073c26,#0f5834 75%,#755723)}.eyebrow{color:#8a763f}.site-header{background:rgba(255,253,247,.67);border-color:#fffdf4d9}.glass{border-color:#fffdf5c9}.hero-glass{background:linear-gradient(120deg,#fffcf3dd,#f4f8efdf)}.button.gold{background:linear-gradient(115deg,#e9c96b,#dba333)}.join-banner{background:linear-gradient(120deg,#e9c88e66,#e6e4bf73,#d6e4cf80)}.article-ticker{background:linear-gradient(100deg,#f8efdd80,#ffffff50,#e9f0e45c);border-color:#fffdf2}.ticker-label{background:#e8c57815;color:#705b2a}.ticker-label small{color:#94733c}.ticker-story small{color:#917446}.mission-statement{background:linear-gradient(150deg,#dce8d570,#f4dca960)}.reach-feature{background:linear-gradient(110deg,#e3ecd6a8,#efd9b570)}.hero-map-backdrop{opacity:.58}
/* Forest-green dark glass, with warm gold and terracotta accents. */
html[data-theme=dark]{color-scheme:dark;--green:#99d2a6;--deep:#092d20;--ink:#f1f0e4;--paper:#071c15;--muted:#b1c1b1;--line:#acc5a829;--glass:rgba(18,51,36,.64);--shadow:0 16px 55px #0000001a;--gold:#e5bd5b}
html[data-theme=dark] body{background:radial-gradient(ellipse at 92% 3%,#1e4731 0,transparent 30%),radial-gradient(ellipse at 3% 33%,#47381b45 0,transparent 30%),radial-gradient(ellipse at 90% 70%,#5d2b1926 0,transparent 30%),#071c15}
html[data-theme=dark] .brand-lettering{filter:none;opacity:1}html[data-theme=dark] .site-header{background:#102c20be;border-color:#e4cd8530;box-shadow:0 10px 40px #0002}html[data-theme=dark] .glass{border-color:#d9d5a629;box-shadow:var(--shadow),inset 0 1px 0 #f8e3ae12}html[data-theme=dark] .theme-toggle,html[data-theme=dark] .menu-toggle{background:#23452f70;border-color:#dfcb8938;color:#e8c777}html[data-theme=dark] .menu-toggle span{background:#eadba7}html[data-theme=dark] .eyebrow{color:#c2ac71}html[data-theme=dark] .button.primary,html[data-theme=dark] .filter-tabs button[aria-pressed=true]{background:#226e44;color:#fff9e9;border-color:#a7d3a42e}html[data-theme=dark] .button.primary:hover{background:#2b8151}html[data-theme=dark] .button.quiet{background:#284b3269;border-color:#bfd0ac29;color:#efefd9}html[data-theme=dark] .button.gold{color:#173626}html[data-theme=dark] .hero-glass{background:linear-gradient(115deg,#1b3629ed,#283e26e6)}html[data-theme=dark] .highlights{background:#15332675}html[data-theme=dark] .join-banner{background:linear-gradient(115deg,#68512850,#1c402cb0)}html[data-theme=dark] .mission-statement,html[data-theme=dark] .reach-feature{background:linear-gradient(115deg,#24452a77,#56402240)}html[data-theme=dark] .province-cloud>span{background:#2a483070;border-color:#d9d2a622}html[data-theme=dark] .province-cloud>span:nth-child(3n){background:#8b69222b}html[data-theme=dark] .portrait-caption{background:#163427df;color:#eef3de}html[data-theme=dark] .article-art.art-2{background:linear-gradient(130deg,#34543b,#18382a)}html[data-theme=dark] .art-1{background:linear-gradient(130deg,#a87c31,#dfc485)}html[data-theme=dark] .social-rail{color:#bbd6b2}html[data-theme=dark] .social-rail a{filter:none}html[data-theme=dark] .social-rail a:hover,html[data-theme=dark] .social-rail a:focus-visible{background:#284c37b0}html[data-theme=dark] .social-rail a:after{background:#173b29ee;border-color:#b4c69b30;color:#e9e5cc}html[data-theme=dark] .justice-lineart{filter:brightness(2) saturate(.65);opacity:.9}html[data-theme=dark] .hero-map-backdrop{filter:brightness(2) saturate(.7);opacity:.43}html[data-theme=dark] .hero-wordfield span{color:#a2c997!important}html[data-theme=dark] .hero-motion-toggle,html[data-theme=dark] .motion-controls{color:#bac6a1}html[data-theme=dark] .motion-pause{background:#35503655;border-color:#d7c98530;color:#d7dabb}html[data-theme=dark] .justice-motion svg{filter:brightness(1.5) saturate(.72)}html[data-theme=dark] .article-ticker{background:linear-gradient(100deg,#23402aa8,#1732259c);border-color:#d2bd782e}html[data-theme=dark] .ticker-label{background:#c49c3912;color:#d8d4ad;border-color:#d6c89c20}html[data-theme=dark] .ticker-label small{color:#e3c078}html[data-theme=dark] .ticker-label>span{color:#a9b79c}html[data-theme=dark] .ticker-story{color:#f0eddb;border-color:#d9d3ad1c}html[data-theme=dark] .ticker-story small{color:#ccb787}html[data-theme=dark] .ticker-story:hover{background:#34533855}html[data-theme=dark] .ticker-pause{color:#d8c58f;border-color:#d9d3ad1c}html[data-theme=dark] .ticker-pause:hover{background:#3b523055}html[data-theme=dark] .filter-tabs button{color:#b3c7ab}html[data-theme=dark] .enquiry-form input,html[data-theme=dark] .enquiry-form select,html[data-theme=dark] .enquiry-form textarea{background:#09251aba;border-color:#9ebc9245;color:#eff1df}html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#96ad95}html[data-theme=dark] .enquiry-form .consent input{accent-color:#6dba81}html[data-theme=dark] .form-note.success{background:#244f30a0;color:#e1edcf;border-color:#8ac48b50}html[data-theme=dark] .form-note.error{background:#66332260;color:#f0d2a2;border-color:#e7ba6c45}html[data-theme=dark] dialog{background:#102c20;color:#eff1df}html[data-theme=dark] .close-dialog{background:#1b392bdc;color:#eee7c4;border-color:#e9d49a44}html[data-theme=dark] footer{background:#04130e}html[data-theme=dark] .topline{background:linear-gradient(100deg,#04281a,#123821,#614821)}
@media(max-width:1050px){.site-header{height:80px;gap:12px}.brand{width:145px}.theme-toggle{order:2;margin-left:auto}.site-header .menu-toggle{display:flex!important;order:3;flex-direction:column;justify-content:center;gap:6px;width:40px;height:40px;border:1px solid #ffffffd0;border-radius:13px;background:#ffffff60;padding:10px}.menu-toggle span{display:block;width:18px;height:1.5px;background:#17452e}.site-header nav{display:none;position:absolute;top:89px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:16px 23px 23px;border:1px solid white;border-radius:23px;background:rgba(248,246,237,.98);backdrop-filter:blur(30px);box-shadow:var(--shadow)}.site-header nav.open{display:flex}.site-header nav>a:not(.button){font-size:14px;padding:12px 0}.site-header nav .button{margin-top:12px;min-height:47px}html[data-theme=dark] .site-header nav{background:#0e2b1ff5;border-color:#e5d39530}html[data-theme=dark] .site-header .menu-toggle{background:#23452f70;border-color:#dfcb8938}}
/* On phones, the illustration becomes a quiet layer behind the headline. */
@media(max-width:600px){.site-header .brand{width:135px}.hero[data-hero-motion]{display:block;min-height:610px;padding-top:48px;padding-bottom:55px;overflow:clip}.hero[data-hero-motion] .hero-copy{position:relative;z-index:2}.hero[data-hero-motion] .hero-visual{position:absolute;inset:115px 0 25px;width:100%;height:auto;padding:0;z-index:-1;pointer-events:none}.hero[data-hero-motion] .justice-lineart{position:absolute;top:17%;width:100%;height:70%;padding:0;opacity:.13;object-fit:contain}.hero[data-hero-motion] .hero-glass,.hero[data-hero-motion] .photo-tag,.hero[data-hero-motion] .visual-orbit{display:none}.hero[data-hero-motion] .hero-motion-toggle{position:absolute;bottom:0;right:0;pointer-events:auto;z-index:3;font-size:10px}.hero-map-backdrop{top:0;height:100%;opacity:.20}.hero[data-hero-motion]>.hero-wordfield{inset:0;opacity:.48}.hero[data-hero-motion] .hero-signature{margin-bottom:0}html[data-theme=dark] .hero-map-backdrop{opacity:.19}html[data-theme=dark] .hero[data-hero-motion] .justice-lineart{opacity:.17}html[data-theme=dark] .social-rail{background:#113024c9;border-color:#e5cf8133}}
/* Compact header proportions. */
@media(min-width:1051px){.site-header{height:78px;padding:7px 23px;border-radius:21px}.site-header .brand{width:155px}}
@media(min-width:601px){.hero[data-hero-motion]{padding-top:48px;padding-bottom:55px;min-height:565px}.hero h1{font-size:clamp(44px,5.15vw,74px)}.hero .justice-lineart{aspect-ratio:1.3}.hero-signature{margin-top:23px}.hero .actions{margin-top:23px}}
@media(max-width:600px){.site-header{height:70px}.site-header .brand{width:127px}.site-header nav{top:79px}.hero[data-hero-motion]{min-height:0;padding-top:34px;padding-bottom:40px}.hero h1{font-size:44px}.hero .lead{font-size:13px;line-height:1.75}.hero .actions{margin-top:22px;gap:10px}.hero-signature{margin-top:20px}}
/* Bold amber and orange landing atmosphere, grounded in the crest's green. */
.hero[data-hero-motion]::before{content:"";position:absolute;left:50%;transform:translateX(-50%);top:-22px;bottom:-9px;width:100vw;z-index:-3;pointer-events:none;background:radial-gradient(ellipse at 85% 26%,#ff962de8 0,#f9a1449c 27%,transparent 65%),radial-gradient(ellipse at 12% 67%,#f6b83e83 0,transparent 54%),radial-gradient(ellipse at 58% 64%,#e9773a50 0,transparent 62%),linear-gradient(120deg,#fff0ca8c,#ffdd95a8);mask-image:linear-gradient(to bottom,transparent,black 9%,black 84%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,black 9%,black 84%,transparent)}
body{background:radial-gradient(ellipse at 95% 3%,#ef9d4261 0,transparent 29%),radial-gradient(ellipse at 2% 37%,#edac683b 0,transparent 28%),radial-gradient(ellipse at 93% 74%,#da913522 0,transparent 27%),var(--paper)}.hero[data-hero-motion]>.hero-wordfield span{font-size:var(--word-size,9px);letter-spacing:1.1px;animation-name:justice-word-rich;animation-duration:var(--speed,10s);font-weight:600}.hero[data-hero-motion]>.hero-wordfield{opacity:1}@keyframes justice-word-rich{0%,66%,100%{opacity:0;transform:translateY(12px) scale(.94)}13%,38%{opacity:var(--strength,.35);transform:translateY(0) scale(1)}54%{opacity:0;transform:translateY(-17px) scale(1.04)}}.hero-map-backdrop{opacity:.53}.hero-glass{background:linear-gradient(110deg,#fff8e9bf,#fff0d58c)}.article-ticker{background:linear-gradient(100deg,#f1cb875c,#fff8e79e,#e7dcb350)}
html[data-theme=dark] .hero[data-hero-motion]::before{background:radial-gradient(ellipse at 84% 22%,#df71229c 0,#a455233e 35%,transparent 65%),radial-gradient(ellipse at 10% 74%,#94632b48 0,transparent 57%),linear-gradient(110deg,#0d2b1f00,#6e431c2c)}html[data-theme=dark] .hero[data-hero-motion]>.hero-wordfield span{color:#dacba0!important}html[data-theme=dark] .hero-glass{background:linear-gradient(110deg,#243b23e3,#604522b3)}
@media(max-width:600px){.hero[data-hero-motion]{overflow:visible}.hero[data-hero-motion]>.hero-wordfield span{font-size:calc(var(--word-size,9px)*.78);letter-spacing:.4px}.hero[data-hero-motion]>.hero-wordfield{opacity:.62}.hero[data-hero-motion]::before{top:-12px;background:radial-gradient(ellipse at 86% 22%,#ffa32ba1,transparent 71%),radial-gradient(ellipse at 9% 74%,#f4bb6266,transparent 60%)}html[data-theme=dark] .hero[data-hero-motion]::before{background:radial-gradient(ellipse at 85% 25%,#e47f2577,transparent 75%),radial-gradient(ellipse at 15% 75%,#8d632a2e,transparent 65%)}}
@media(prefers-reduced-motion:reduce){.hero[data-hero-motion]>.hero-wordfield span{animation:none;opacity:.12}}
html[data-theme=dark] .button.quiet{background:#24452ee6;color:#f5efd6}html[data-theme=dark] .button.quiet:hover{background:#365e3df2;color:#fff8e7}
/* The landing artwork is the South Africa map and animated principles only. */
.hero[data-hero-motion]>.hero-copy{grid-column:1}.hero[data-hero-motion]>.hero-motion-toggle{right:0;bottom:33px;z-index:3}.hero-map-backdrop{right:-1%;width:81%;opacity:.68}
@media(max-width:600px){.hero-map-backdrop{width:100%;right:0;opacity:.27}.hero[data-hero-motion]>.hero-motion-toggle{bottom:13px;right:0}html[data-theme=dark] .hero-map-backdrop{opacity:.26}}
/* Forest-green palette: remove the orange landing glow. */
:root{--paper:#f5f7f0;--muted:#63746a;--glass:rgba(250,253,246,.57)}
body{background:radial-gradient(ellipse at 94% 3%,#d4e4c994 0,transparent 30%),radial-gradient(ellipse at 3% 38%,#e4ecda78 0,transparent 28%),var(--paper)}
.topline{background:linear-gradient(100deg,#073c26,#105436)}
.hero[data-hero-motion]::before{background:radial-gradient(ellipse at 85% 28%,#bcd7af91 0,#d6e5cd70 35%,transparent 68%),radial-gradient(ellipse at 12% 67%,#e3ecd77d 0,transparent 58%),linear-gradient(120deg,#f4f7ed30,#e2ecdb80)}
.hero-glass{background:linear-gradient(110deg,#f7fbf1d9,#e9f1e0bd)}
.article-ticker{background:linear-gradient(100deg,#edf4e5b0,#f8fbf1a8,#e4eddc7a)}
.ticker-label{background:#dce8d435;color:#315d3e}.ticker-label small,.ticker-story small{color:#657e56}
.join-banner{background:linear-gradient(115deg,#e4ecd78c,#dce8d880)}.mission-statement,.reach-feature{background:linear-gradient(115deg,#dce9d278,#eef3e28c)}
html[data-theme=dark] body{background:radial-gradient(ellipse at 92% 3%,#214d32 0,transparent 33%),radial-gradient(ellipse at 3% 38%,#123e285c 0,transparent 32%),#071c15}
html[data-theme=dark] .topline{background:linear-gradient(100deg,#04281a,#123821)}
html[data-theme=dark] .hero[data-hero-motion]::before{background:radial-gradient(ellipse at 84% 26%,#37644491 0,#244b3040 37%,transparent 69%),radial-gradient(ellipse at 12% 73%,#153f2848 0,transparent 58%)}
html[data-theme=dark] .hero-glass{background:linear-gradient(110deg,#163c28df,#2b482de3)}
html[data-theme=dark] .article-ticker{background:linear-gradient(100deg,#26462cb0,#1533239e);border-color:#aac28a2e}
html[data-theme=dark] .ticker-label{background:#90b06912;color:#c7d5b4}html[data-theme=dark] .ticker-label small,html[data-theme=dark] .ticker-story small{color:#b1c79b}
html[data-theme=dark] .join-banner,html[data-theme=dark] .mission-statement,html[data-theme=dark] .reach-feature{background:linear-gradient(115deg,#294a3066,#123a28b0)}
@media(max-width:600px){.hero[data-hero-motion]::before{background:radial-gradient(ellipse at 85% 24%,#c4dcb890,transparent 73%),radial-gradient(ellipse at 10% 75%,#e1ead474,transparent 64%)}html[data-theme=dark] .hero[data-hero-motion]::before{background:radial-gradient(ellipse at 85% 25%,#315d3d85,transparent 76%),radial-gradient(ellipse at 12% 75%,#163f2a40,transparent 65%)}}

/* Original painted flag, fading from the upper-left beneath the motion layers. */
.hero-flag-art{position:absolute;pointer-events:none;z-index:-2;left:-8%;top:-5%;width:69%;height:81%;background:url("assets/sa-flag-brushwork.png") left top/cover no-repeat;opacity:.18;mask-image:linear-gradient(to right,#000 15%,#000b 49%,transparent 100%),linear-gradient(to bottom,#000 12%,#000b 55%,transparent 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,#000 15%,#000b 49%,transparent 100%),linear-gradient(to bottom,#000 12%,#000b 55%,transparent 100%);-webkit-mask-composite:source-in;mix-blend-mode:multiply}
html[data-theme=dark] .hero-flag-art{opacity:.52;mix-blend-mode:screen}
@media(max-width:600px){.hero-flag-art{left:-7%;top:0;width:95%;height:57%;opacity:.13}html[data-theme=dark] .hero-flag-art{opacity:.36}}
/* Full landing coverage, requested after the corner preview. */
.hero-flag-art{left:50%;transform:translateX(-50%);top:-22px;width:100vw;height:calc(100% + 32px);background-position:center;background-size:cover;opacity:.20;mask-image:linear-gradient(to bottom,transparent,#000 9%,#000 70%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 9%,#000 70%,transparent 100%);mask-composite:add;-webkit-mask-composite:source-over}
html[data-theme=dark] .hero-flag-art{opacity:.42}
@media(max-width:600px){.hero-flag-art{left:50%;top:0;width:100vw;height:100%;background-position:40% center;opacity:.14}html[data-theme=dark] .hero-flag-art{opacity:.30}}

/* Stronger flag colour with a gentle edge fade. */
.hero-flag-art{opacity:.33;mask-image:linear-gradient(to bottom,transparent,#000 5%,#000 85%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 5%,#000 85%,transparent 100%)}
html[data-theme=dark] .hero-flag-art{opacity:.76;mix-blend-mode:normal}
@media(max-width:600px){.hero-flag-art{opacity:.24}html[data-theme=dark] .hero-flag-art{opacity:.56}}