/* ═══════════════════════════════════════════════════════════════
   PROVERBS 22:6 — STYLE SHEET  (v3)
   1 Tokens & base · 2 Motion · 3 Header (new) · 4 Hero
   5 Components · 6 Page templates · 7 Footer · 8 Responsive
   ═══════════════════════════════════════════════════════════════ */

/* ─── 1. TOKENS & BASE ─────────────────────────────────────────── */
:root{
    --primary:#1A365D;--accent:#3182CE;--gold:#4299E1;--gold-l:#63B3ED;
    --white:#FFF;--dark:#2D3748;--bg:#F7FAFC;--gray:#4A5568;--light:#A0AEC0;
    --line:#E2E8F0;--danger:#E53E3E;--ok:#38A169;
    --shadow-lg:0 20px 40px rgba(0,0,0,.15);
    --topbar-h:40px;--nav-h:78px;--nav-h-stuck:64px;
    --ease:cubic-bezier(.16,.84,.44,1);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:'Overpass',sans-serif;color:var(--dark);background:#fff;overflow-x:hidden;font-size:17px;line-height:1.7}
body.menu-open{overflow:hidden}
h1,h2,h3,h4,h5{font-family:'Dosis',sans-serif}
a{text-decoration:none;color:inherit;transition:.3s}
img{max-width:100%}
button{font:inherit}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
[id]{scroll-margin-top:calc(var(--nav-h) + 20px)}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.skip-link{position:fixed;top:-70px;left:16px;z-index:10002;background:#fff;color:var(--primary);
    padding:10px 18px;border-radius:0 0 10px 10px;font-weight:700;transition:.3s}
.skip-link:focus{top:0}

/* ─── 2. MOTION ────────────────────────────────────────────────── */
@keyframes fadeUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeDown{from{opacity:0;transform:translateY(-25px)}to{opacity:1;transform:translateY(0)}}
@keyframes kenBurns{0%{transform:scale(1)}100%{transform:scale(1.12) translate(-2%,-1%)}}
@keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes progressBar{0%{width:0}100%{width:100%}}
@keyframes scrollDot{0%{top:6px;opacity:1}100%{top:28px;opacity:0}}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes shine{0%{left:-70%}55%{left:130%}100%{left:130%}}
@keyframes beat{0%,100%{transform:scale(1)}30%{transform:scale(1.22)}}
@keyframes mIn{to{opacity:1;transform:none}}

.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.reveal.vis{opacity:1;transform:translateY(0)}
.reveal-left{opacity:0;transform:translateX(-50px);transition:.8s ease}
.reveal-right{opacity:0;transform:translateX(50px);transition:.8s ease}
.reveal-left.vis,.reveal-right.vis{opacity:1;transform:translateX(0)}
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.d4{transition-delay:.4s}.d5{transition-delay:.5s}

/* ═══ 3. HEADER — glass nav floating over the page ══════════════ */
.site-header{
    position:fixed;top:0;left:0;right:0;z-index:10000;
    --nav-fg:#fff;--nav-dim:rgba(255,255,255,.74);--nav-hi:var(--gold-l);--nav-line:rgba(255,255,255,.16);
    transition:transform .5s var(--ease),background .4s ease,box-shadow .4s ease;
    animation:fadeDown .6s ease both;
}
.site-header::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
    background:linear-gradient(180deg,rgba(9,22,40,.82),rgba(9,22,40,.28) 62%,transparent);
    transition:opacity .4s ease}
.site-header.stuck{
    --nav-fg:var(--primary);--nav-dim:var(--gray);--nav-hi:var(--accent);--nav-line:rgba(26,54,93,.10);
    background:rgba(255,255,255,.9);
    -webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);
    box-shadow:0 10px 40px rgba(15,41,66,.12)}
.site-header.stuck::before{opacity:0}
.site-header.hide{transform:translateY(-105%)}

.topbar{height:var(--topbar-h);display:flex;align-items:center;justify-content:space-between;gap:16px;
    padding:0 clamp(16px,4vw,44px);font-size:12.5px;color:var(--nav-dim);
    border-bottom:1px solid var(--nav-line);overflow:hidden;
    transition:height .45s var(--ease),opacity .3s ease,border-color .4s ease}
.site-header.stuck .topbar{height:0;opacity:0;border-color:transparent}
.tb-l,.tb-r{display:flex;align-items:center;gap:16px;white-space:nowrap}
.topbar a{color:var(--nav-dim);font-weight:600;display:inline-flex;align-items:center;gap:6px}
.topbar a:hover{color:var(--nav-hi)}
.topbar i{color:var(--gold);font-size:11px}
.tb-tag{display:inline-flex;align-items:center;gap:7px;font-weight:600}
.tb-chip{border:1px solid var(--nav-line);padding:4px 13px;border-radius:20px;font-size:10.5px;
    text-transform:uppercase;letter-spacing:1px;font-weight:800;transition:.3s}
.tb-chip:hover{background:var(--gold);border-color:var(--gold);color:#fff;transform:translateY(-1px)}

.navbar{height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;gap:20px;
    padding:0 clamp(16px,4vw,44px);transition:height .4s var(--ease)}
.site-header.stuck .navbar{height:var(--nav-h-stuck)}
.brand{display:flex;align-items:center;flex-shrink:0}
.brand img{height:48px;transition:.4s var(--ease);filter:brightness(0) invert(1)}
.site-header.stuck .brand img{filter:none;height:40px}

.nav-list{display:flex;align-items:center;gap:2px;list-style:none}
.nav-item{position:relative}
.nav-link{position:relative;display:inline-flex;align-items:center;gap:7px;padding:11px 15px;
    font-family:'Dosis',sans-serif;font-weight:700;font-size:14px;letter-spacing:.9px;text-transform:uppercase;
    color:var(--nav-fg);background:none;border:0;cursor:pointer;transition:color .3s}
.nav-link::after{content:'';position:absolute;left:15px;right:15px;bottom:3px;height:2px;border-radius:2px;
    background:linear-gradient(90deg,var(--gold),var(--accent));transform:scaleX(0);transform-origin:center;
    transition:transform .35s var(--ease)}
.nav-link:hover{color:var(--nav-hi)}
.nav-link:hover::after,.nav-item.active>.nav-link::after{transform:scaleX(1)}
.nav-item.active>.nav-link{color:var(--nav-hi)}
.nav-link .fa-chevron-down{font-size:9px;transition:transform .3s var(--ease)}
.nav-item.has-drop:hover .fa-chevron-down,.nav-item.has-drop.open .fa-chevron-down{transform:rotate(180deg)}

.drop{position:absolute;top:calc(100% + 16px);left:50%;width:min(580px,92vw);
    background:#fff;border-radius:20px;padding:14px;border:1px solid rgba(15,41,66,.06);
    box-shadow:0 30px 70px rgba(9,22,40,.25);
    opacity:0;visibility:hidden;transform:translate(-50%,14px);
    transition:opacity .3s var(--ease),transform .35s var(--ease),visibility 0s linear .35s}
.nav-item.has-drop:hover .drop,.nav-item.has-drop.open .drop{
    opacity:1;visibility:visible;transform:translate(-50%,0);transition-delay:0s}
.drop::before{content:'';position:absolute;top:-7px;left:50%;width:14px;height:14px;background:#fff;
    transform:translateX(-50%) rotate(45deg);border-radius:3px;
    border-left:1px solid rgba(15,41,66,.06);border-top:1px solid rgba(15,41,66,.06)}
.drop-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.drop-item{display:flex;gap:13px;align-items:center;padding:13px;border-radius:14px;
    opacity:0;transform:translateY(10px);
    transition:background .25s ease,opacity .4s var(--ease),transform .4s var(--ease)}
.nav-item.has-drop:hover .drop-item,.nav-item.has-drop.open .drop-item{opacity:1;transform:none}
.drop-item:nth-child(1){transition-delay:.04s}
.drop-item:nth-child(2){transition-delay:.09s}
.drop-item:nth-child(3){transition-delay:.14s}
.drop-item:nth-child(4){transition-delay:.19s}
.drop-item:hover,.drop-item.current{background:var(--bg)}
.drop-ic{width:44px;height:44px;border-radius:13px;flex-shrink:0;display:grid;place-items:center;color:#fff;font-size:16px;
    background:linear-gradient(135deg,var(--primary),var(--accent));transition:.35s var(--ease)}
.drop-item:hover .drop-ic{background:linear-gradient(135deg,var(--gold),var(--gold-l));transform:rotate(-7deg) scale(1.07)}
.drop-tx{display:flex;flex-direction:column;gap:2px}
.drop-tx strong{font-family:'Dosis';font-size:15.5px;font-weight:700;color:var(--primary);line-height:1.25}
.drop-tx em{font-style:normal;font-size:12.5px;color:var(--gray);line-height:1.4}
.drop-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
    margin-top:10px;padding:13px 13px 4px;border-top:1px solid #EDF2F7;font-size:12.5px;color:var(--gray)}
.drop-foot i{color:var(--gold);margin-right:5px}
.drop-foot a{color:var(--accent);font-weight:700}
.drop-foot a:hover{color:var(--primary)}

.nav-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
.btn-donate{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:8px;
    padding:12px 26px;border-radius:40px;color:#fff;
    background:linear-gradient(135deg,var(--accent),var(--gold-l));
    font-family:'Dosis';font-weight:800;font-size:13.5px;letter-spacing:1px;text-transform:uppercase;
    box-shadow:0 10px 24px rgba(49,130,206,.35);transition:.3s var(--ease)}
.btn-donate::after{content:'';position:absolute;top:0;left:-70%;width:45%;height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);
    transform:skewX(-20deg);animation:shine 3.8s ease-in-out infinite}
.btn-donate:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(49,130,206,.45);color:#fff}
.btn-donate i{animation:beat 1.7s ease-in-out infinite}

.burger{display:none;width:46px;height:46px;border-radius:13px;position:relative;cursor:pointer;
    border:1px solid var(--nav-line);background:rgba(255,255,255,.08);transition:.3s}
.site-header.stuck .burger{background:rgba(26,54,93,.06)}
.burger span{position:absolute;left:13px;width:20px;height:2px;border-radius:2px;background:var(--nav-fg);transition:.35s var(--ease)}
.burger span:nth-child(1){top:16px}
.burger span:nth-child(2){top:22px}
.burger span:nth-child(3){top:28px}
body.menu-open .burger span:nth-child(1){top:22px;transform:rotate(45deg)}
body.menu-open .burger span:nth-child(2){opacity:0;transform:translateX(12px)}
body.menu-open .burger span:nth-child(3){top:22px;transform:rotate(-45deg)}

body.menu-open .site-header{--nav-fg:#fff;--nav-dim:rgba(255,255,255,.7);--nav-line:rgba(255,255,255,.2);
    background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;transform:none}
body.menu-open .site-header::before{opacity:0}
body.menu-open .brand img{filter:brightness(0) invert(1)}
body.menu-open .topbar{height:0;opacity:0;border-color:transparent}

.scroll-line{height:2px;background:transparent}
.scroll-line span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold),var(--accent))}

.mobile-menu{position:fixed;inset:0;z-index:9990;visibility:hidden;
    background:linear-gradient(155deg,#0B1F38 0%,#16406C 55%,#0B1F38 100%);
    padding:calc(var(--nav-h) + 26px) 22px 36px;
    display:flex;flex-direction:column;justify-content:space-between;gap:24px;
    overflow-y:auto;-webkit-overflow-scrolling:touch;
    clip-path:circle(0% at calc(100% - 44px) 46px);
    transition:clip-path .6s var(--ease),visibility 0s linear .6s}
.mobile-menu.open{visibility:visible;clip-path:circle(160% at calc(100% - 44px) 46px);transition-delay:0s}
.m-nav{display:flex;flex-direction:column}
.m-link{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;
    padding:17px 4px;color:#fff;font-family:'Dosis';font-weight:700;font-size:1.5rem;letter-spacing:.5px;
    border:0;border-bottom:1px solid rgba(255,255,255,.09);background:none;text-align:left;cursor:pointer;
    opacity:0;transform:translateY(18px)}
.mobile-menu.open .m-nav>*{animation:mIn .5s var(--ease) forwards}
.mobile-menu.open .m-nav>*:nth-child(1){animation-delay:.14s}
.mobile-menu.open .m-nav>*:nth-child(2){animation-delay:.20s}
.mobile-menu.open .m-nav>*:nth-child(3){animation-delay:.26s}
.mobile-menu.open .m-nav>*:nth-child(4){animation-delay:.32s}
.mobile-menu.open .m-nav>*:nth-child(5){animation-delay:.38s}
.mobile-menu.open .m-nav>*:nth-child(6){animation-delay:.44s}
.m-group{opacity:0;transform:translateY(18px)}
.m-group .m-link{opacity:1;transform:none}
.m-link i{font-size:13px;color:var(--gold-l);transition:.35s var(--ease)}
.m-link.active{color:var(--gold-l)}
.m-link:hover i{transform:translateX(4px)}
.m-acc.open i{transform:rotate(180deg)}
.m-sub{max-height:0;overflow:hidden;transition:max-height .5s var(--ease)}
.m-sub.open{max-height:340px}
.m-sub a{display:flex;align-items:center;gap:11px;padding:13px 4px 13px 16px;margin-left:6px;
    color:rgba(255,255,255,.75);font-size:1rem;font-weight:600;border-left:2px solid rgba(255,255,255,.14)}
.m-sub a i{color:var(--gold);font-size:13px;width:18px}
.m-sub a:hover,.m-sub a.active{color:var(--gold-l);border-left-color:var(--gold)}
.m-foot{display:flex;flex-direction:column;gap:16px;opacity:0;transform:translateY(18px)}
.mobile-menu.open .m-foot{animation:mIn .5s var(--ease) .5s forwards}
.m-donate{display:flex;align-items:center;justify-content:center;gap:9px;padding:16px;border-radius:40px;
    background:linear-gradient(135deg,var(--gold),var(--gold-l));color:#fff;
    font-family:'Dosis';font-weight:800;text-transform:uppercase;letter-spacing:1px;font-size:14px;
    box-shadow:0 12px 28px rgba(66,153,225,.4)}
.m-contact{display:flex;flex-direction:column;gap:9px}
.m-contact a{color:rgba(255,255,255,.8);font-size:.92rem;display:flex;align-items:center;gap:10px}
.m-contact i{color:var(--gold);width:16px}
.m-social{display:flex;gap:10px}
.m-social a{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#fff;
    background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);transition:.3s}
.m-social a:hover{background:var(--gold);border-color:var(--gold);transform:translateY(-3px)}
.m-verse{color:rgba(255,255,255,.35);font-style:italic;font-size:.85rem}

.to-top{position:fixed;right:22px;bottom:22px;z-index:900;width:48px;height:48px;border-radius:50%;border:0;
    background:linear-gradient(135deg,var(--accent),var(--primary));color:#fff;cursor:pointer;
    box-shadow:0 12px 26px rgba(15,41,66,.3);opacity:0;pointer-events:none;transform:translateY(14px);
    transition:.4s var(--ease)}
.to-top.show{opacity:1;pointer-events:auto;transform:none}
.to-top:hover{transform:translateY(-3px)}

/* ═══ 4. HERO ══════════════════════════════════════════════════ */
.hero{position:relative;height:100vh;min-height:640px;overflow:hidden}
.slide{position:absolute;inset:0;opacity:0;transition:opacity 1.2s;z-index:1}
.slide.active{opacity:1;z-index:2}
.slide-bg{position:absolute;inset:0;background-size:cover;background-position:center}
.slide.active .slide-bg{animation:kenBurns 8s ease-out forwards}
.slide-video{position:absolute;inset:0;overflow:hidden}
.slide-video video{width:100%;height:100%;object-fit:cover}
.slide-overlay{position:absolute;inset:0;z-index:2}
.slide-overlay-1,.slide-overlay-3,.slide-overlay-4,.slide-overlay-5{background:linear-gradient(135deg,rgba(15,23,42,.85),rgba(15,23,42,.65))}
.slide-overlay-2{background:linear-gradient(135deg,rgba(15,23,42,.9),rgba(15,23,42,.7))}
.slide-content{position:relative;z-index:3;height:100%;display:flex;align-items:center;justify-content:center;
    text-align:center;flex-direction:column;padding:calc(var(--nav-h) * .6) 20px 0}
.slide-inner{max-width:780px;color:#fff}
.slide.active .slide-inner{animation:fadeUp .9s .3s both}
.slide-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(66,153,225,.2);
    border:1px solid rgba(66,153,225,.6);color:var(--gold);padding:7px 20px;border-radius:30px;
    font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:22px}
.slide-inner h1{font-size:clamp(2.4rem,5.5vw,4.8rem);font-weight:700;line-height:1.1;margin-bottom:20px;text-shadow:0 2px 10px rgba(0,0,0,.5)}
.slide-inner h1 .gold{color:var(--gold)}
.slide-inner h1 .thin{font-weight:300}
.slide-inner .lead{font-size:1.1rem;font-weight:300;opacity:.95;max-width:600px;margin:0 auto 35px;line-height:1.75;text-shadow:0 1px 5px rgba(0,0,0,.5)}
.hero-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.btn-gold{display:inline-flex;align-items:center;gap:8px;padding:14px 30px;color:#fff;border:none;border-radius:50px;
    background:linear-gradient(135deg,var(--gold),var(--gold-l));
    font-family:'Dosis';font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.5px;transition:.3s}
.btn-gold:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(66,153,225,.45);color:#fff}
.btn-outline-w{display:inline-flex;align-items:center;gap:8px;padding:14px 30px;border:2px solid rgba(255,255,255,.6);
    color:#fff;border-radius:50px;font-family:'Dosis';font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.5px;transition:.3s}
.btn-outline-w:hover{background:rgba(255,255,255,.12);border-color:#fff;transform:translateY(-3px);color:#fff}
.hero-side{position:absolute;right:40px;top:52%;transform:translateY(-50%);z-index:5;display:flex;flex-direction:column;gap:16px}
.sstat{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:16px 22px;
    text-align:center;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:130px;transition:.3s}
.sstat:hover{background:rgba(255,255,255,.15);transform:translateX(-5px);border-color:var(--gold)}
.sstat .sn{display:block;font-size:1.7rem;font-weight:800;color:var(--gold);font-family:'Dosis';line-height:1}
.sstat .sl{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1px;opacity:.72;margin-top:4px}
.s-controls{position:absolute;bottom:38px;left:5%;z-index:10;display:flex;align-items:center;gap:18px}
.s-dots{display:flex;gap:8px}
.sdot{width:11px;height:11px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:0;cursor:pointer;transition:.4s}
.sdot.active{border-color:var(--gold);background:var(--gold);transform:scale(1.2)}
.s-arrows{display:flex;gap:8px}
.sarr{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);
    display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;cursor:pointer;transition:.3s;
    -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.sarr:hover{background:var(--gold);border-color:var(--gold);transform:scale(1.08)}
.s-progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:rgba(255,255,255,.12);z-index:10}
.s-progress-bar{height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-l));width:0}
.s-progress-bar.run{animation:progressBar 7s linear forwards}
.scroll-ind{position:absolute;bottom:38px;right:5%;z-index:10;display:flex;flex-direction:column;align-items:center;gap:6px;
    color:rgba(255,255,255,.6);font-size:10px;letter-spacing:2px;text-transform:uppercase}
.scroll-m{width:24px;height:40px;border:2px solid rgba(255,255,255,.4);border-radius:12px;position:relative}
.scroll-m::before{content:'';position:absolute;top:5px;left:50%;transform:translateX(-50%);width:4px;height:4px;
    background:var(--gold);border-radius:50%;animation:scrollDot 2s infinite}

/* ═══ 5. COMPONENTS ════════════════════════════════════════════ */
.ftco-ticker{background:linear-gradient(135deg,var(--primary),#2c5282);padding:16px 0;overflow:hidden}
.ticker-track{display:flex;gap:55px;animation:ticker 30s linear infinite;white-space:nowrap}
.ticker-item{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.85);font-family:'Dosis';font-size:14px;font-weight:600}
.ticker-item i{color:var(--gold);font-size:16px}
.ticker-item strong{color:var(--gold);font-size:18px}

.unified-dark-section{background:var(--primary);padding-bottom:0}
.counter-row{display:flex;flex-wrap:wrap;align-items:stretch}
.counter-col{flex:1;min-width:250px;display:flex}
.block-18{padding:50px 40px;display:flex;flex-direction:column;align-items:center;justify-content:center;
    height:100%;width:100%;text-align:center;color:#fff}
.block-18.c1{background:var(--accent)}
.block-18.c2{background:var(--primary)}
.block-18.c3{background:var(--gold)}
.block-18 span{display:block;font-size:1rem;opacity:.85;font-weight:400}
.block-18 span.desc{font-size:1.25rem;font-weight:500;opacity:1;margin-top:5px;line-height:1.4}
.block-18 .number{display:block;font-family:'Dosis';font-size:3.8rem;font-weight:700;line-height:1.1;margin:10px 0;animation:pulse 3s ease infinite}
.block-18 h3{font-size:1.6rem;margin-bottom:12px;font-weight:700}
.block-18 p{font-size:1.15rem;opacity:.95;line-height:1.6}
.block-18.c2 .btn-w,.block-18.c3 .btn-w{color:var(--primary)}
.block-18.c2 .btn-w:hover{background:var(--accent);color:#fff}
.block-18.c3 .btn-w:hover{background:var(--primary);color:#fff}
.btn-w{display:inline-block;margin-top:auto;padding:10px 26px;background:#fff;border-radius:30px;
    font-family:'Dosis';font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.5px;transition:.3s}
.btn-w:hover{transform:translateY(-2px)}

.section{padding:90px 5%}
.section.alt{background:var(--bg)}
.section-head{text-align:center;margin-bottom:55px}
.section-head h2{font-size:clamp(1.8rem,3vw,2.6rem);color:var(--primary);font-weight:700;margin-bottom:14px;display:inline-block}
.section-head h2::after{content:'';display:block;width:50px;height:3px;background:var(--gold);margin:10px auto 0;border-radius:2px}
.section-head p{color:var(--gray);font-size:.98rem;max-width:600px;margin:0 auto}

.striking-section{background:url('assets/4.jpeg') center center/cover no-repeat fixed;
    padding-top:100px;padding-bottom:110px;position:relative;z-index:1}
.striking-section::before{content:'';position:absolute;inset:0;background:rgba(26,54,93,.9);z-index:-1}
.striking-section .section-head h2{color:#fff;font-size:clamp(2.2rem,4vw,3.4rem)}
.striking-section .section-head p{color:rgba(255,255,255,.9);font-size:1.2rem;font-weight:500;max-width:700px;margin:0 auto;line-height:1.6}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1200px;margin:0 auto}
.striking-section .svc{background:transparent;border-radius:14px;display:flex;flex-direction:column;overflow:hidden;
    box-shadow:0 15px 35px rgba(0,0,0,.2);transition:.4s var(--ease);z-index:1}
.striking-section .svc:hover{transform:translateY(-10px);box-shadow:0 20px 45px rgba(0,0,0,.35)}
.striking-section .svc-img-wrap{height:220px;width:100%;overflow:hidden}
.striking-section .svc-img{height:100%;width:100%;background-size:cover;background-position:center;transition:.5s}
.striking-section .svc:hover .svc-img{transform:scale(1.05)}
.striking-section .svc-content{background:#fff;padding:40px 30px;flex:1;display:flex;flex-direction:column;
    align-items:flex-start;border-bottom:4px solid var(--accent);transition:.4s}
.striking-section .svc:hover .svc-content{border-bottom-color:var(--gold)}
.striking-section .svc-icon{width:100%;text-align:center;font-size:48px;color:var(--primary);margin-bottom:20px;transition:.3s}
.striking-section .svc:hover .svc-icon{transform:scale(1.12) rotate(-5deg);color:var(--accent)}
.striking-section .svc h4{width:100%;text-align:center;font-size:1.85rem;color:var(--primary);font-weight:700;margin-bottom:22px}
.striking-section .svc ul{list-style-type:none;padding-left:0;width:100%}
.striking-section .svc ul li{position:relative;padding-left:22px;margin-bottom:12px;font-size:1.1rem;color:var(--gray);font-weight:500;line-height:1.6}
.striking-section .svc ul li::before{content:"\2022";color:var(--accent);position:absolute;left:0;font-size:1.5rem;top:-3px}

.impact-gallery{padding:90px 5%;background:var(--primary);position:relative;overflow:hidden}
.impact-gallery::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at top right,rgba(49,130,206,.15),transparent 70%)}
.impact-gallery .section-head h2{color:#fff}
.impact-gallery .section-head h2::after{background:var(--gold)}
.impact-gallery .section-head p{color:rgba(255,255,255,.7)}
.ig-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(2,260px);gap:20px;max-width:1200px;margin:0 auto}
.ig-card{position:relative;border-radius:16px;overflow:hidden;cursor:pointer}
.ig-card img{width:100%;height:100%;object-fit:cover;transition:.6s}
.ig-card:hover img{transform:scale(1.08)}
.ig-card::before{content:'';position:absolute;inset:0;z-index:2;transition:.4s}
.ig-card:nth-child(1)::before{background:linear-gradient(to top,rgba(66,153,225,.85) 0%,transparent 60%)}
.ig-card:nth-child(2)::before{background:linear-gradient(to top,rgba(49,130,206,.85) 0%,transparent 60%)}
.ig-card:nth-child(3)::before{background:linear-gradient(to top,rgba(26,54,93,.88) 0%,transparent 60%)}
.ig-card:nth-child(4)::before{background:linear-gradient(to top,rgba(56,161,105,.85) 0%,transparent 60%)}
.ig-card:nth-child(5)::before{background:linear-gradient(to top,rgba(128,90,213,.85) 0%,transparent 60%)}
.ig-card:hover::before{opacity:.95}
.ig-card:nth-child(1){grid-column:1/6;grid-row:1/3}
.ig-card:nth-child(2){grid-column:6/9;grid-row:1/2}
.ig-card:nth-child(3){grid-column:9/13;grid-row:1/2}
.ig-card:nth-child(4){grid-column:6/9;grid-row:2/3}
.ig-card:nth-child(5){grid-column:9/13;grid-row:2/3}
.ig-info{position:absolute;bottom:0;left:0;right:0;z-index:3;padding:24px;color:#fff;transform:translateY(20px);opacity:0;transition:.4s}
.ig-card:hover .ig-info{transform:translateY(0);opacity:1}
.ig-tag{display:inline-block;background:rgba(255,255,255,.2);padding:4px 12px;border-radius:20px;font-size:11px;
    font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.ig-info h3{font-size:1.15rem;font-weight:700;margin-bottom:6px}
.ig-info p{font-size:.85rem;opacity:.88;line-height:1.5}
.ig-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.7);z-index:4;opacity:0;transition:.4s}
.ig-card:hover .ig-play{opacity:1;transform:translate(-50%,-50%) scale(1)}
.ig-play-btn{width:60px;height:60px;border-radius:50%;background:rgba(255,255,255,.2);border:2px solid rgba(255,255,255,.6);
    display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;transition:.3s;
    -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.ig-play-btn:hover{background:var(--gold);border-color:var(--gold);transform:scale(1.1)}
.ig-stats{display:flex;gap:20px;justify-content:center;margin-top:40px;flex-wrap:wrap}
.ig-stat-item{text-align:center;padding:20px 30px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);
    border-radius:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:.3s;min-width:110px}
.ig-stat-item:hover{background:rgba(255,255,255,.12);border-color:var(--gold);transform:translateY(-4px)}
.ig-stat-item .isn{font-family:'Dosis';font-size:2rem;font-weight:800;color:var(--gold);display:block}
.ig-stat-item .isl{font-size:11px;color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:1px;display:block;margin-top:4px}

.blog-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.07);transition:.4s;height:100%;display:flex;flex-direction:column}
.blog-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.blog-img{height:220px;overflow:hidden;position:relative}
.blog-img img{width:100%;height:100%;object-fit:cover;transition:.5s;position:absolute;inset:0;z-index:1}
.blog-card:hover .blog-img img{transform:scale(1.05)}
.media-hover-overlay{position:absolute;inset:0;z-index:2;opacity:0;transition:opacity .4s ease;pointer-events:none}
.blog-card:hover .media-hover-overlay{opacity:1;pointer-events:auto}
.blog-body{padding:24px;flex:1;display:flex;flex-direction:column;position:relative;z-index:3;background:#fff}
.blog-meta{display:flex;gap:12px;font-size:.8rem;margin-bottom:12px;font-weight:600}
.blog-meta a{color:var(--light)}
.blog-meta .hlt{color:var(--gold)}
.blog-body h3{font-size:1.15rem;font-weight:700;margin-bottom:10px}
.blog-body h3 a{color:var(--primary)}
.blog-body h3 a:hover{color:var(--accent)}
.blog-body>p{color:var(--gray);font-size:.92rem;line-height:1.65;flex:1}
.join-btn{display:block;width:100%;text-align:center;background:rgba(49,130,206,.1);color:var(--accent);padding:12px;
    border-radius:6px;font-weight:700;font-size:.9rem;margin-top:16px;transition:.3s}
.join-btn:hover{background:var(--accent);color:#fff;transform:translateY(-2px)}

.map-dropdown-wrapper{max-width:1200px;margin:0 auto 20px}
.location-select{width:100%;padding:14px 20px;font-size:16px;font-family:'Overpass',sans-serif;border:2px solid var(--line);
    border-radius:8px;outline:none;color:var(--dark);font-weight:600;cursor:pointer;background-color:#fff;
    box-shadow:0 4px 15px rgba(0,0,0,.05);transition:.3s}
.location-select:focus{border-color:var(--accent);box-shadow:0 4px 20px rgba(49,130,206,.15)}
.map-wrapper{display:flex;gap:30px;max-width:1200px;margin:0 auto;background:#fff;border-radius:16px;
    box-shadow:0 10px 40px rgba(0,0,0,.06);overflow:hidden;height:550px}
.map-sidebar{width:340px;background:var(--bg);padding:30px;display:flex;flex-direction:column;border-right:1px solid rgba(0,0,0,.04);z-index:2}
.map-sidebar h3{font-size:1.4rem;color:var(--primary);margin-bottom:20px;font-weight:700}
.event-list{flex:1;overflow-y:auto;padding-right:10px}
.event-list::-webkit-scrollbar{width:4px}
.event-list::-webkit-scrollbar-thumb{background:var(--light);border-radius:4px}
.event-item{background:#fff;padding:18px;border-radius:8px;margin-bottom:15px;border-left:3px solid var(--accent);
    box-shadow:0 2px 10px rgba(0,0,0,.03);transition:.3s;cursor:pointer}
.event-item:hover{transform:translateX(5px);box-shadow:0 5px 15px rgba(0,0,0,.08)}
.event-item h4{font-size:1rem;font-weight:700;color:var(--primary);margin-bottom:6px}
.event-item .e-loc{font-size:.85rem;color:var(--accent);font-weight:600;margin-bottom:4px;display:flex;align-items:center;gap:6px}
.event-item .e-date{font-size:.8rem;color:var(--light);display:flex;align-items:center;gap:6px}
.no-events{padding:20px;text-align:center;color:var(--gray);font-size:.9rem;background:#fff;border-radius:8px}
.view-all-btn{display:block;text-align:center;padding:14px;background:#fff;border:2px solid var(--accent);color:var(--accent);
    border-radius:8px;font-family:'Dosis';font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:13px;margin-top:20px;transition:.3s}
.view-all-btn:hover{background:var(--accent);color:#fff}
.map-container{flex:1;position:relative;padding:20px;min-height:500px;height:100%}
#interactive-us-map{width:100%;height:100%;min-height:480px;border-radius:8px;z-index:1}

.tcard{background:var(--bg);border-radius:14px;padding:32px 28px;border:2px solid transparent;transition:.4s;position:relative;height:100%}
.tcard::before{content:'"';position:absolute;top:14px;right:22px;font-size:5rem;color:rgba(49,130,206,.08);font-family:Georgia;line-height:1}
.tcard:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--accent);background:#fff}
.stars{display:flex;gap:3px;margin-bottom:16px}
.stars i{color:var(--gold);font-size:12px}
.tcard>p{color:var(--gray);font-size:.9rem;line-height:1.8;margin-bottom:20px;font-style:italic}
.t-author{display:flex;align-items:center;gap:14px}
.t-av{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));
    display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:14px;flex-shrink:0}
.t-inf strong{display:block;font-size:.9rem;color:var(--primary);font-weight:700}
.t-inf span{font-size:.78rem;color:var(--light)}

.vol-section{position:relative;padding:90px 5%;background-size:cover;background-position:center;background-attachment:fixed}
.vol-section .overlay{position:absolute;inset:0;background:rgba(26,54,93,.85)}
.vol-section .container{position:relative;z-index:2}
.vol-img{min-height:420px;border-radius:14px;background-size:cover;background-position:center;box-shadow:0 12px 40px rgba(0,0,0,.25)}
.vol-copy h3{color:#fff;font-size:2.1rem;font-weight:700;margin-bottom:14px}
.vol-copy>p{color:rgba(255,255,255,.78);margin-bottom:26px;line-height:1.8;font-size:1rem}
.vol-list{list-style:none;display:flex;flex-direction:column;gap:14px;margin-bottom:30px}
.vol-list li{display:flex;gap:12px;align-items:flex-start;color:rgba(255,255,255,.9);font-size:.98rem}
.vol-list i{color:var(--gold);margin-top:5px}
.vol-list strong{display:block;font-family:'Dosis';font-size:1.1rem;color:#fff}
.vol-btns{display:flex;gap:12px;flex-wrap:wrap}

.rolling{padding:20px 0;background:var(--primary);overflow:hidden}
.rolling-track{display:flex;gap:50px;animation:ticker 25s linear infinite;white-space:nowrap}
.rolling-item{display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.5);font-size:12px;font-family:'Dosis';
    font-weight:600;letter-spacing:1px;text-transform:uppercase}
.rolling-item .dot{width:6px;height:6px;border-radius:50%;background:var(--gold);flex-shrink:0}

#loader{position:fixed;inset:0;background:#fff;z-index:99999;display:flex;align-items:center;justify-content:center;transition:.5s}
#loader.hide{opacity:0;pointer-events:none}
.spinner{width:48px;height:48px;border:4px solid #eee;border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}

/* ═══ 6. PAGE TEMPLATES ════════════════════════════════════════ */
.page-banner{position:relative;text-align:center;color:#fff;overflow:hidden;
    padding:calc(var(--topbar-h) + var(--nav-h) + 74px) 5% 84px;
    background:linear-gradient(135deg,rgba(26,54,93,.94),rgba(15,41,66,.9)),url('assets/4.jpeg') center/cover}
.page-banner::after{content:'';position:absolute;inset:0;
    background:radial-gradient(ellipse at 70% 20%,rgba(66,153,225,.28),transparent 60%);pointer-events:none}
.page-banner .container{position:relative;z-index:2}
.page-banner h1{font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:700;margin-bottom:12px;animation:fadeUp .8s .1s both}
.page-banner h1 .gold{color:var(--gold)}
.page-banner p{font-size:1.12rem;opacity:.86;max-width:700px;margin:0 auto;font-weight:300;animation:fadeUp .8s .22s both}
.page-banner.sm{padding-top:calc(var(--topbar-h) + var(--nav-h) + 48px);padding-bottom:58px}
.breadcrumb{display:inline-flex;gap:10px;align-items:center;margin-top:20px;font-size:.85rem;
    background:rgba(255,255,255,.08);padding:8px 22px;border-radius:30px;border:1px solid rgba(255,255,255,.14);
    -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeUp .8s .34s both}
.breadcrumb a{color:var(--gold)}
.breadcrumb a:hover{color:#fff}
.breadcrumb i{font-size:10px;opacity:.6}

.fours-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.four-e{background:#fff;border-radius:14px;padding:38px 28px;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,.06);
    transition:.4s;border-top:4px solid var(--accent);position:relative}
.four-e:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-top-color:var(--gold)}
.four-e .en{position:absolute;top:14px;right:20px;font-family:'Dosis';font-size:2.6rem;font-weight:800;color:rgba(49,130,206,.1);line-height:1}
.four-e .fe-icon{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));
    display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#fff;font-size:26px;transition:.4s}
.four-e:hover .fe-icon{transform:scale(1.1) rotate(-6deg);background:linear-gradient(135deg,var(--gold),var(--gold-l))}
.four-e h4{font-size:1.4rem;color:var(--primary);margin-bottom:12px;font-weight:700}
.four-e p{color:var(--gray);font-size:.98rem;line-height:1.7}

.prog-row{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-bottom:70px}
.prog-row:last-child{margin-bottom:0}
.prog-row.flip .prog-img{order:2}
.prog-img{border-radius:16px;overflow:hidden;box-shadow:var(--shadow-lg);position:relative;min-height:340px}
.prog-img img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:.6s}
.prog-row:hover .prog-img img{transform:scale(1.05)}
.prog-tag{display:inline-flex;align-items:center;gap:8px;background:rgba(49,130,206,.1);color:var(--accent);
    padding:6px 18px;border-radius:30px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:16px}
.prog-txt h3{font-size:2rem;color:var(--primary);font-weight:700;margin-bottom:16px}
.prog-txt p{color:var(--gray);font-size:1.05rem;line-height:1.8;margin-bottom:14px}
.prog-highlight{background:linear-gradient(135deg,rgba(66,153,225,.08),rgba(49,130,206,.05));border-left:4px solid var(--gold);
    padding:16px 20px;border-radius:0 10px 10px 0;font-weight:600;color:var(--primary);margin:18px 0}
.prog-btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.btn-primary-s{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;color:#fff;border-radius:50px;
    background:linear-gradient(135deg,var(--accent),var(--primary));
    font-family:'Dosis';font-weight:700;font-size:13.5px;text-transform:uppercase;letter-spacing:.5px;transition:.3s}
.btn-primary-s:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(49,130,206,.4);color:#fff}
.btn-outline-s{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border:2px solid var(--accent);color:var(--accent);
    border-radius:50px;font-family:'Dosis';font-weight:700;font-size:13.5px;text-transform:uppercase;letter-spacing:.5px;transition:.3s}
.btn-outline-s:hover{background:var(--accent);color:#fff;transform:translateY(-3px)}

.timeline{position:relative;max-width:900px;margin:0 auto;padding:20px 0}
.timeline::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:3px;border-radius:3px;
    background:linear-gradient(180deg,var(--accent),var(--gold));transform:translateX(-50%)}
.tl-item{position:relative;width:50%;padding:0 44px 46px}
.tl-item:nth-child(odd){left:0;text-align:right}
.tl-item:nth-child(even){left:50%;text-align:left}
.tl-item::before{content:'';position:absolute;top:6px;width:16px;height:16px;border-radius:50%;background:#fff;border:4px solid var(--gold);z-index:2}
.tl-item:nth-child(odd)::before{right:-8px}
.tl-item:nth-child(even)::before{left:-8px}
.tl-year{font-family:'Dosis';font-size:1.55rem;font-weight:800;color:var(--accent);display:block;margin-bottom:6px}
.tl-item p{color:var(--gray);font-size:.98rem;line-height:1.7;background:#fff;padding:16px 20px;border-radius:12px;
    box-shadow:0 3px 14px rgba(0,0,0,.06);display:inline-block}

.stats-cta{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-bottom:50px}
.stat-box{background:#fff;border-radius:14px;padding:40px 26px;text-align:center;box-shadow:0 4px 18px rgba(0,0,0,.06);
    transition:.4s;border-bottom:4px solid var(--accent)}
.stat-box.good{border-bottom-color:var(--ok)}
.stat-box:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.stat-box .sv{font-family:'Dosis';font-size:3rem;font-weight:800;color:var(--primary);display:block;line-height:1.1}
.stat-box.good .sv{color:var(--ok)}
.stat-box .sd{color:var(--gray);font-size:1rem;margin-top:10px;line-height:1.6;display:block}

.pod-list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.pod-item{background:#fff;border-radius:12px;padding:22px 26px;display:flex;align-items:center;gap:18px;
    box-shadow:0 3px 14px rgba(0,0,0,.05);transition:.35s;border-left:4px solid var(--accent)}
.pod-item:hover{transform:translateX(6px);box-shadow:var(--shadow-lg);border-left-color:var(--gold)}
.pod-icon{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));
    display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;flex-shrink:0;transition:.3s}
.pod-item:hover .pod-icon{background:linear-gradient(135deg,var(--gold),var(--gold-l));transform:scale(1.08)}
.pod-info{flex:1}
.pod-info h4{font-size:1.1rem;color:var(--primary);font-weight:700;margin-bottom:4px}
.pod-info span{font-size:.85rem;color:var(--light)}
.pod-play{color:var(--accent);font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap}
.pod-item:hover .pod-play{color:var(--gold)}

.book-section{background:linear-gradient(135deg,var(--primary),#0F2942);border-radius:20px;padding:60px;
    display:grid;grid-template-columns:1fr 1.6fr;gap:50px;align-items:center;color:#fff;overflow:hidden;position:relative}
.book-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at top right,rgba(66,153,225,.2),transparent 60%)}
.book-img{position:relative;z-index:2;border-radius:14px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.4)}
.book-txt{position:relative;z-index:2}
.book-txt h3{font-size:2.1rem;font-weight:700;margin-bottom:16px}
.book-txt h3 .gold{color:var(--gold)}
.book-txt p{opacity:.88;line-height:1.85;margin-bottom:14px;font-weight:300;font-size:1.02rem}

.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px}
.event-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.05);transition:.4s;
    border-top:4px solid var(--accent);display:flex;flex-direction:column;height:100%}
.event-card:hover{transform:translateY(-8px);box-shadow:0 15px 30px rgba(0,0,0,.1);border-top-color:var(--gold)}
.event-card-header{padding:20px 25px 15px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf2f7}
.ec-type{background:rgba(49,130,206,.1);color:var(--accent);padding:4px 12px;border-radius:20px;font-size:.75rem;
    font-weight:700;text-transform:uppercase;letter-spacing:1px}
.ec-date{font-size:.85rem;font-weight:600;color:var(--gray);display:flex;align-items:center;gap:6px}
.ec-date i{color:var(--gold)}
.event-card-body{padding:25px;flex-grow:1}
.event-card-body h3{font-size:1.3rem;color:var(--primary);margin-bottom:12px;line-height:1.3}
.ec-loc{font-size:.9rem;color:var(--gray);display:flex;align-items:center;gap:8px}
.ec-loc i{color:var(--accent);font-size:1.1rem}
.event-card-footer{padding:15px 25px 25px;margin-top:auto}
.ec-btn{display:inline-block;width:100%;text-align:center;padding:12px;background:var(--bg);color:var(--primary);
    border-radius:6px;font-weight:700;font-size:.9rem;transition:.3s}
.ec-btn:hover{background:var(--accent);color:#fff}

.ed-wrap{display:grid;grid-template-columns:1.8fr 1fr;gap:40px;align-items:start}
.ed-main{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.06)}
.ed-hero{height:380px;position:relative}
.ed-hero img{width:100%;height:100%;object-fit:cover}
.ed-hero .ed-type{position:absolute;top:20px;left:20px;background:var(--gold);color:#fff;padding:7px 20px;border-radius:30px;
    font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}
.ed-body{padding:40px}
.ed-body h1{font-size:2.1rem;color:var(--primary);margin-bottom:22px;line-height:1.25}
.ed-body p{color:var(--gray);line-height:1.85;margin-bottom:16px;font-size:1.03rem}
.ed-body ul{padding-left:24px;color:var(--gray);margin-bottom:16px;line-height:2}
.ed-side{position:sticky;top:calc(var(--nav-h) + 24px)}
.ed-card{background:#fff;border-radius:14px;padding:30px;box-shadow:0 4px 20px rgba(0,0,0,.06);margin-bottom:24px}
.ed-card h3{font-size:1.2rem;color:var(--primary);margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--bg)}
.ed-meta{display:flex;gap:14px;margin-bottom:18px;align-items:flex-start}
.ed-meta .mi{width:42px;height:42px;border-radius:10px;background:rgba(49,130,206,.1);color:var(--accent);
    display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.ed-meta strong{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:1px;color:var(--light);font-family:'Dosis'}
.ed-meta span{color:var(--dark);font-weight:600;font-size:.95rem}
#ed-map{height:260px;border-radius:10px;z-index:1}
.ed-btn-full{display:block;text-align:center;padding:14px;color:#fff;border-radius:50px;
    background:linear-gradient(135deg,var(--gold),var(--gold-l));
    font-family:'Dosis';font-weight:700;text-transform:uppercase;letter-spacing:.6px;font-size:14px;transition:.3s;margin-top:6px}
.ed-btn-full:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(66,153,225,.4);color:#fff}

.contact-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:44px;align-items:start}
.contact-info-card{background:linear-gradient(135deg,var(--primary),#0F2942);border-radius:16px;padding:44px 38px;color:#fff;
    position:relative;overflow:hidden}
.contact-info-card::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at bottom left,rgba(66,153,225,.25),transparent 60%)}
.contact-info-card h3{font-size:1.7rem;margin-bottom:12px;position:relative;z-index:2}
.contact-info-card>p{opacity:.8;font-weight:300;margin-bottom:30px;line-height:1.8;position:relative;z-index:2}
.ci-item{display:flex;gap:16px;margin-bottom:24px;position:relative;z-index:2;align-items:flex-start}
.ci-item .ci-ic{width:46px;height:46px;border-radius:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);
    display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:17px;flex-shrink:0}
.ci-item strong{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--gold);font-family:'Dosis';margin-bottom:3px}
.ci-item span,.ci-item a{color:rgba(255,255,255,.9);font-size:.98rem;line-height:1.6}
.ci-item a:hover{color:var(--gold)}

.reg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.reg-card{background:#fff;border-radius:14px;padding:34px 22px;text-align:center;box-shadow:0 4px 18px rgba(0,0,0,.06);
    transition:.4s;border-bottom:4px solid var(--accent);display:flex;flex-direction:column}
.reg-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-bottom-color:var(--gold)}
.reg-card i{font-size:34px;color:var(--accent);margin-bottom:14px;transition:.3s}
.reg-card:hover i{color:var(--gold);transform:scale(1.1)}
.reg-card h4{font-size:1.2rem;color:var(--primary);margin-bottom:8px}
.reg-card p{font-size:.88rem;color:var(--gray);margin-bottom:18px;flex:1}
.reg-btn{display:inline-block;padding:10px 26px;background:rgba(49,130,206,.1);color:var(--accent);border-radius:30px;
    font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.8px;transition:.3s}
.reg-btn:hover{background:var(--accent);color:#fff}

.cta-band{background:linear-gradient(135deg,var(--gold),var(--accent));padding:70px 5%;text-align:center;color:#fff}
.cta-band h2{font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:700;margin-bottom:14px}
.cta-band p{font-size:1.1rem;opacity:.92;max-width:640px;margin:0 auto 30px;font-weight:300}
.btn-white{display:inline-flex;align-items:center;gap:8px;padding:15px 38px;background:#fff;color:var(--primary);border-radius:50px;
    font-family:'Dosis';font-weight:800;font-size:14px;text-transform:uppercase;letter-spacing:.6px;transition:.3s}
.btn-white:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,0,0,.2)}

.big-quote{max-width:820px;margin:0 auto;text-align:center;background:#fff;border-radius:18px;padding:54px 48px;
    box-shadow:0 6px 28px rgba(0,0,0,.07);position:relative}
.big-quote::before{content:'"';position:absolute;top:18px;left:34px;font-size:6rem;color:rgba(49,130,206,.1);font-family:Georgia;line-height:1}
.big-quote p{font-size:1.2rem;color:var(--gray);font-style:italic;line-height:1.9;margin-bottom:22px}
.big-quote cite{font-style:normal;font-family:'Dosis';font-weight:700;color:var(--primary);font-size:1.05rem}

/* ═══ 7. FOOTER ════════════════════════════════════════════════ */
.footer{background:#0F2942;padding:80px 5% 30px;position:relative}
.footer .overlay{position:absolute;inset:0;background:rgba(10,24,45,.6)}
.footer .container{position:relative;z-index:2}
.footer-quote{text-align:center;font-size:1.15rem;font-style:italic;color:var(--gold);border:1px solid rgba(66,153,225,.3);
    border-radius:10px;padding:24px 30px;max-width:850px;margin:0 auto 60px;font-weight:300}
.footer-quote cite{display:block;font-style:normal;font-size:.8rem;color:rgba(255,255,255,.4);margin-top:8px}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:50px;margin-bottom:50px}
.ft-title{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--gold);margin-bottom:22px;font-family:'Dosis'}
.footer p{color:var(--light);font-size:.88rem;line-height:1.75}
.footer ul{list-style:none;padding:0}
.footer ul li{margin-bottom:10px}
.footer ul li a{color:var(--light);font-size:.88rem;display:flex;align-items:center;gap:8px;transition:.3s}
.footer ul li a::before{content:'\2192';color:var(--gold);font-size:12px;transition:.3s}
.footer ul li a:hover{color:var(--accent)}
.footer ul li a:hover::before{transform:translateX(4px)}
.footer-social{display:flex;gap:10px;margin-top:18px}
.footer-social a{width:38px;height:38px;border-radius:9px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);
    display:flex;align-items:center;justify-content:center;color:var(--light);font-size:15px;transition:.3s}
.footer-social a:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-3px)}
.fb-21{display:flex;gap:16px;margin-bottom:20px}
.fb-21 .fbimg{width:70px;height:70px;flex-shrink:0;border-radius:8px;object-fit:cover}
.fb-21 h5{font-size:.88rem;font-weight:700}
.fb-21 h5 a{color:rgba(255,255,255,.8)}
.fb-21 h5 a:hover{color:var(--gold)}
.fb-21 .meta{display:flex;gap:12px;font-size:.75rem}
.fb-21 .meta a{color:var(--light)}
.block-23 ul{list-style:none;padding:0}
.block-23 li{display:flex;gap:12px;margin-bottom:14px;color:var(--light);font-size:.88rem}
.block-23 li .ic{color:var(--gold);font-size:14px;flex-shrink:0;margin-top:2px}
.block-23 li a{color:var(--light)}
.block-23 li a:hover{color:var(--accent)}
.nl-form{display:flex;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.15);margin-top:8px}
.nl-form input{flex:1;padding:11px 14px;background:rgba(255,255,255,.07);border:none;outline:none;color:#fff;font-size:.85rem;font-family:'Overpass'}
.nl-form input::placeholder{color:var(--light)}
.nl-form button{padding:11px 16px;background:var(--gold);border:none;color:#fff;cursor:pointer;font-size:14px;transition:.3s}
.nl-form button:hover{background:var(--accent)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:24px;display:flex;justify-content:space-between;
    align-items:center;flex-wrap:wrap;gap:10px;color:var(--light);font-size:.82rem}
.footer-bottom a{color:var(--gold)}
.footer-bottom a:hover{color:var(--accent)}
.footer-links{display:flex;gap:18px}

/* ═══ 8. RESPONSIVE ════════════════════════════════════════════ */
@media(max-width:1180px){
    .nav-list{gap:0}
    .nav-link{padding:11px 11px;font-size:13px;letter-spacing:.6px}
    .nav-link::after{left:11px;right:11px}
}
@media(max-width:1080px){
    .nav{display:none}
    .burger{display:block}
    .navbar{gap:12px}
}
@media(max-width:1024px){
    .hero-side{display:none}
    .ig-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}
    .ig-card:nth-child(1){grid-column:1/3;height:300px}
    .ig-card:nth-child(2),.ig-card:nth-child(3),.ig-card:nth-child(4),.ig-card:nth-child(5){grid-column:auto;height:240px}
    .grid-2{grid-template-columns:1fr}
    .footer-grid{grid-template-columns:1fr 1fr}
    .fours-grid{grid-template-columns:1fr 1fr}
    .pod-list{grid-template-columns:1fr}
    .reg-grid{grid-template-columns:1fr 1fr}
    .stats-cta{grid-template-columns:1fr 1fr}
    .book-section{grid-template-columns:1fr;padding:40px}
    .ed-wrap{grid-template-columns:1fr}
    .ed-side{position:static}
    .contact-grid{grid-template-columns:1fr}
    /* background-attachment:fixed misbehaves on touch devices */
    .striking-section,.vol-section{background-attachment:scroll}
}
@media(max-width:768px){
    :root{--topbar-h:0px;--nav-h:66px;--nav-h-stuck:60px}
    .topbar{display:none}
    .btn-donate{padding:10px 18px;font-size:12px}
    .brand img{height:40px}
    .site-header.stuck .brand img{height:36px}
    .mobile-menu{padding-top:calc(var(--nav-h) + 20px)}
    .m-link{font-size:1.3rem;padding:15px 4px}

    .hero{height:88vh;min-height:540px}
    .slide-inner h1{font-size:2.2rem}
    .sarr,.scroll-ind{display:none}
    .s-controls{left:50%;transform:translateX(-50%)}

    .section{padding:64px 5%}
    .section-head{margin-bottom:38px}
    .services-grid,.grid-3{grid-template-columns:1fr}
    .ig-grid{grid-template-columns:1fr}
    .ig-card:nth-child(1){grid-column:auto;height:250px}
    .ig-card{height:220px}
    .ig-info{opacity:1;transform:none}
    .block-18{padding:40px 20px}
    .counter-col{flex:0 0 100%}
    .footer-grid{grid-template-columns:1fr}
    .footer-bottom{flex-direction:column;text-align:center}
    .vol-img{min-height:250px;margin-bottom:26px}
    .ig-stats{flex-wrap:wrap}
    .map-wrapper{flex-direction:column;height:auto}
    .map-sidebar{width:100%;border-right:none;border-bottom:1px solid rgba(0,0,0,.04);height:auto}
    .map-container{height:400px;min-height:400px}

    .page-banner{padding:calc(var(--nav-h) + 46px) 5% 54px}
    .page-banner.sm{padding:calc(var(--nav-h) + 40px) 5% 44px}
    .fours-grid{grid-template-columns:1fr}
    .prog-row{grid-template-columns:1fr;gap:26px;margin-bottom:48px}
    .prog-row.flip .prog-img{order:0}
    .prog-img{min-height:240px}
    .timeline::before{left:14px}
    .tl-item{width:100%;left:0!important;text-align:left!important;padding:0 0 40px 46px}
    .tl-item::before{left:6px!important;right:auto!important}
    .stats-cta,.reg-grid{grid-template-columns:1fr}
    .ed-hero{height:240px}
    .ed-body{padding:26px}
    .events-grid{grid-template-columns:1fr}
    .big-quote{padding:38px 24px}
    .book-section{padding:28px}
    .to-top{right:16px;bottom:16px}
}
@media(max-width:420px){
    .btn-donate span,.btn-donate{font-size:0;padding:12px 14px}
    .btn-donate i{font-size:15px;margin:0}
}

/* ═══ 9. REDUCED MOTION ════════════════════════════════════════ */
@media (prefers-reduced-motion: reduce){
    *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;
        transition-duration:.001ms!important;scroll-behavior:auto!important}
    .reveal,.reveal-left,.reveal-right{opacity:1;transform:none}
    .mobile-menu{clip-path:none;transition:opacity .2s;opacity:0}
    .mobile-menu.open{opacity:1}
}

/* ── YouTube popup (media page) ─────────────────────────────── */
.ytm{position:fixed;inset:0;z-index:99999;background:rgba(6,18,32,.92);display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}
.ytm.open{opacity:1;visibility:visible}
.ytm-box{position:relative;width:min(1100px,100%);transform:scale(.96);transition:transform .25s ease}
.ytm.open .ytm-box{transform:scale(1)}
.ytm-frame{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:16px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.ytm-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ytm-x{position:absolute;top:-52px;right:0;width:44px;height:44px;border:none;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:19px;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center}
.ytm-x:hover,.ytm-x:focus-visible{background:var(--gold);outline:none}
@media(max-width:640px){.ytm{padding:14px}.ytm-frame{border-radius:10px}.ytm-x{top:-50px;width:40px;height:40px}}

/* ═══ 10. v6 — banner text, video programs, YouTube channel, podcast ═══ */
/* Banner text always readable (white over the navy banner, never inherited) */
.page-banner h1,.page-banner p,.page-banner .breadcrumb,.page-banner .breadcrumb a,.page-banner .breadcrumb span{color:#fff;text-shadow:0 2px 14px rgba(6,18,32,.45)}
.page-banner h1 .gold{color:var(--gold-l)}
.page-banner p{opacity:.92}
.striking-section .section-head h2,.striking-section .section-head p{text-shadow:0 2px 12px rgba(6,18,32,.35)}

/* Program row with a video instead of an image */
.prog-img.prog-video{background:#000;min-height:0;aspect-ratio:16/9;align-self:center}
.prog-img.prog-video iframe,.prog-img.prog-video video{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}

/* Hero slide with a YouTube background */
.slide-yt{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:#000 center/cover no-repeat}
.slide-yt iframe{position:absolute;top:50%;left:50%;width:177.78vh;height:56.25vw;min-width:100%;min-height:100%;transform:translate(-50%,-50%);border:0}

/* YouTube channel grid */
.ytc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.ytc-card{display:flex;flex-direction:column;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 6px 22px rgba(15,30,51,.08);transition:.35s var(--ease)}
.ytc-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.ytc-thumb{position:relative;display:block;aspect-ratio:16/9;background:#0f2942;overflow:hidden}
.ytc-thumb img{width:100%;height:100%;object-fit:cover;transition:.6s}
.ytc-card:hover .ytc-thumb img{transform:scale(1.06)}
.ytc-play{position:absolute;left:50%;top:50%;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:50%;background:rgba(229,62,62,.92);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;padding-left:4px;box-shadow:0 8px 24px rgba(0,0,0,.35);transition:.3s}
.ytc-card:hover .ytc-play{transform:scale(1.12);background:#e53e3e}
.ytc-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px}
.ytc-body b{font-family:'Dosis',sans-serif;font-size:1.08rem;line-height:1.35;color:var(--primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ytc-body small{font-size:.8rem;color:var(--light)}
.ytc-body small i{color:#e53e3e;margin-right:4px}
.ytc-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:36px}

/* Podcast — RSS player */
.pc-wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:28px;align-items:start}
.pc-player{position:sticky;top:calc(var(--nav-h-stuck) + 20px);background:linear-gradient(150deg,var(--primary),#0f2942);border-radius:18px;overflow:hidden;color:#fff;box-shadow:var(--shadow-lg)}
.pc-cover{aspect-ratio:1/1;max-height:360px;width:100%;background:#0f2942 center/cover no-repeat}
.pc-now{padding:22px 24px 24px}
.pc-show{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-l);font-weight:700}
.pc-now h3{font-size:1.35rem;line-height:1.3;margin:8px 0 6px;color:#fff}
.pc-meta{font-size:.85rem;color:rgba(255,255,255,.7);margin-bottom:16px;min-height:1em}
.pc-now audio{width:100%;height:44px}
.pc-list{display:flex;flex-direction:column;gap:12px;max-height:720px;overflow-y:auto;padding-right:4px}
.pc-ep{all:unset;box-sizing:border-box;display:flex;gap:16px;align-items:flex-start;background:#fff;border-radius:12px;padding:16px 18px;cursor:pointer;border-left:4px solid transparent;box-shadow:0 3px 14px rgba(15,30,51,.06);transition:.25s}
.pc-ep:hover{transform:translateX(4px);border-left-color:var(--gold)}
.pc-ep:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.pc-ep.on{border-left-color:var(--accent);background:#F4F9FF}
.pc-ep-ic{flex:0 0 44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px}
.pc-ep.playing .pc-ep-ic i::before{content:"\f04c"}
.pc-ep-txt{display:flex;flex-direction:column;gap:3px;min-width:0}
.pc-ep-txt b{font-family:'Dosis',sans-serif;font-size:1.05rem;color:var(--primary);line-height:1.3}
.pc-ep-txt small{font-size:.8rem;color:var(--light)}
.pc-ep-txt em{font-style:normal;font-size:.88rem;color:var(--gray);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pc-embed{max-width:900px;margin:0 auto;border-radius:14px;overflow:hidden;box-shadow:var(--shadow-lg);background:#fff}
.pc-embed iframe{display:block;width:100%;border:0}

@media(max-width:1024px){.ytc-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.pc-wrap{grid-template-columns:1fr}.pc-player{position:relative;top:0}.pc-cover{max-height:260px;aspect-ratio:auto;height:260px}.pc-list{max-height:none}}
@media(max-width:640px){.ytc-grid{grid-template-columns:1fr}}
.ytc-card[hidden]{display:none}
button.btn-primary-s,button.btn-outline-s{border:0;cursor:pointer;font:inherit}button.btn-outline-s{border:2px solid var(--accent)}

/* ═══ 11. v7 — full Videos + Podcast pages ═══════════════════════ */
.vp-stage{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:30px;align-items:start;scroll-margin-top:calc(var(--nav-h-stuck) + 16px)}
.vp-frame{position:relative;aspect-ratio:16/9;background:#000;border-radius:18px;overflow:hidden;box-shadow:var(--shadow-lg)}
.vp-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vp-info{background:#fff;border-radius:18px;padding:26px 26px 22px;box-shadow:0 6px 22px rgba(15,30,51,.08);display:flex;flex-direction:column;min-width:0}
.vp-kicker{font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--accent)}
.vp-kicker i{margin-right:4px}
.vp-info h2,.pp-main h2{font-size:clamp(1.3rem,2.2vw,1.75rem);line-height:1.3;color:var(--primary);margin:8px 0 6px}
.vp-meta{font-size:.86rem;color:var(--light);margin-bottom:14px;display:flex;flex-wrap:wrap;gap:6px}
.vp-dot{opacity:.6}
.vp-desc{font-size:.93rem;line-height:1.65;color:var(--gray);max-height:7.4em;overflow:hidden;position:relative;word-wrap:break-word}
.vp-desc:not(.open){-webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent)}
.vp-desc.open{max-height:none}
.vp-desc:empty{display:none}
.vp-desc a{color:var(--accent);text-decoration:underline;word-break:break-all}
.vp-more{all:unset;cursor:pointer;margin-top:8px;font-size:.84rem;font-weight:700;color:var(--accent);align-self:flex-start}
.vp-more:hover{color:var(--primary)}
.vp-nav{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:18px}
.vp-nav .btn-primary-s,.vp-nav .btn-outline-s{padding:10px 20px;font-size:12.5px}
.vp-nav button:disabled{opacity:.4;pointer-events:none}
.vp-share{all:unset;cursor:pointer;font-size:.84rem;font-weight:700;color:var(--gray);padding:8px 4px;margin-left:auto}
.vp-share:hover{color:var(--accent)}
.vp-card.on{outline:3px solid var(--accent);outline-offset:-3px}
.vp-playing{position:absolute;left:10px;top:10px;background:var(--accent);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.04em;padding:4px 10px;border-radius:20px;display:none}
.vp-card.on .vp-playing{display:inline-block}
.vp-card.on .ytc-play{opacity:0}

/* Library toolbar (search / sort / count) */
.lib-bar{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:28px}
.lib-search{flex:1;min-width:220px;position:relative}
.lib-search i{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--light)}
.lib-search input{width:100%;padding:14px 18px 14px 46px;border:1.5px solid var(--line);border-radius:50px;font:inherit;font-size:.95rem;background:#fff;outline:none;transition:.2s}
.lib-search input:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(49,130,206,.12)}
.lib-bar select{padding:13px 18px;border:1.5px solid var(--line);border-radius:50px;font:inherit;font-size:.9rem;background:#fff;color:var(--dark);cursor:pointer}
.lib-count{font-size:.86rem;color:var(--light);font-weight:600}
.lib-none{text-align:center;color:var(--light);padding:30px 0}
.lib-empty{max-width:520px;margin:0 auto;background:#fff;border-radius:18px;padding:48px 30px;box-shadow:0 6px 22px rgba(15,30,51,.08);text-align:center}
.lib-empty>i{font-size:46px;color:var(--accent);margin-bottom:14px}
.lib-empty h3{color:var(--primary);font-size:1.5rem;margin-bottom:6px}
.lib-empty p{color:var(--gray);margin-bottom:20px}

/* Podcast player */
.pp-player{display:grid;grid-template-columns:300px minmax(0,1fr);background:linear-gradient(150deg,var(--primary),#0f2942);border-radius:20px;overflow:hidden;color:#fff;box-shadow:var(--shadow-lg);scroll-margin-top:calc(var(--nav-h-stuck) + 16px)}
.pp-cover{background:#0f2942 center/cover no-repeat;min-height:300px}
.pp-main{padding:28px 30px 24px;min-width:0;display:flex;flex-direction:column}
.pp-main .vp-kicker{color:var(--gold-l)}
.pp-main h2{color:#fff}
.pp-main .vp-meta{color:rgba(255,255,255,.7)}
.pp-main audio{width:100%;height:44px;margin-bottom:12px}
.pp-ctrl{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.pp-btn{all:unset;box-sizing:border-box;cursor:pointer;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.1);display:inline-flex;align-items:center;justify-content:center;gap:2px;font-size:15px;transition:.2s;position:relative}
.pp-btn small{font-size:9px;font-weight:800;position:absolute;bottom:6px;right:6px}
.pp-btn:hover{background:rgba(255,255,255,.22)}
.pp-btn:disabled{opacity:.35;pointer-events:none}
.pp-btn:focus-visible,.pp-speed:focus-visible{outline:3px solid var(--gold-l);outline-offset:2px}
.pp-big{width:56px;height:56px;font-size:20px;background:linear-gradient(135deg,var(--gold),var(--accent));box-shadow:0 8px 22px rgba(66,153,225,.45)}
.pp-big:hover{background:linear-gradient(135deg,var(--gold-l),var(--gold))}
.pp-speed{all:unset;cursor:pointer;padding:8px 14px;border-radius:20px;border:1px solid rgba(255,255,255,.25);font-size:.82rem;font-weight:800;min-width:34px;text-align:center}
.pp-speed:hover{background:rgba(255,255,255,.12)}
.pp-auto{font-size:.82rem;color:rgba(255,255,255,.75);display:inline-flex;align-items:center;gap:6px;cursor:pointer;margin-left:auto}
.pp-main .vp-desc{color:rgba(255,255,255,.82)}
.pp-main .vp-desc a{color:var(--gold-l)}
.pp-main .vp-more{color:var(--gold-l)}
.pp-main .vp-share{color:rgba(255,255,255,.75);margin-left:0}
.pp-main .vp-share:hover{color:#fff}

/* Episode list */
.pp-list{display:flex;flex-direction:column;gap:14px}
.pp-ep{display:flex;gap:18px;align-items:flex-start;background:#fff;border-radius:14px;padding:16px 20px 16px 16px;box-shadow:0 3px 14px rgba(15,30,51,.06);border-left:4px solid transparent;transition:.25s}
.pp-ep[hidden]{display:none}
.pp-ep:hover{border-left-color:var(--gold);transform:translateX(4px)}
.pp-ep.on{border-left-color:var(--accent);background:#F4F9FF}
.pp-ep-play{all:unset;box-sizing:border-box;cursor:pointer;flex:0 0 84px;height:84px;border-radius:12px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}
.pp-ep-img{position:absolute;inset:0;background:#1A365D center/cover no-repeat;transition:.4s}
.pp-ep-play::after{content:'';position:absolute;inset:0;background:rgba(15,41,66,.35);transition:.25s}
.pp-ep-play i{position:relative;z-index:1;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:14px;padding-left:2px;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.pp-ep-play i.fa-pause{padding-left:0}
.pp-ep-play:hover .pp-ep-img{transform:scale(1.08)}
.pp-ep-play:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.pp-ep-body{min-width:0;flex:1}
.pp-ep-body h3{font-size:1.12rem;line-height:1.35;color:var(--primary);cursor:pointer;margin-bottom:3px}
.pp-ep-body h3:hover{color:var(--accent)}
.pp-ep-meta{font-size:.82rem;color:var(--light);display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.pp-ep-now{display:none;color:var(--accent);font-weight:700;margin-left:6px}
.pp-ep.playing .pp-ep-now{display:inline}
.pp-ep-body p{font-size:.9rem;color:var(--gray);line-height:1.55;margin-top:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

@media(max-width:1024px){.vp-stage{grid-template-columns:1fr}}
@media(max-width:820px){.pp-player{grid-template-columns:1fr}.pp-cover{min-height:0;height:220px}.pp-main{padding:22px 20px}.pp-auto{margin-left:0;width:100%}}
@media(max-width:560px){.pp-ep{padding:14px;gap:14px}.pp-ep-play{flex-basis:64px;height:64px}.lib-bar select{flex:1}.vp-info{padding:20px}}

/* ═══ 12. v8 — equal banners on every page + program images that fit ═══ */
.page-banner,.page-banner.sm{min-height:500px;display:flex;align-items:center;justify-content:center;
    padding:calc(var(--topbar-h) + var(--nav-h) + 36px) 5% 56px}
.page-banner>.container{width:100%}
@media(max-width:768px){.page-banner,.page-banner.sm{min-height:380px;padding:calc(var(--nav-h) + 34px) 5% 44px}}

.prog-img{min-height:0;aspect-ratio:4/3;align-self:center;background:#0f2942}
.prog-img .pi-bg{position:absolute;inset:-24px;background:#0f2942 center/cover no-repeat;filter:blur(18px) brightness(.75);transform:scale(1.08);opacity:0;transition:opacity .3s}
.prog-img img{z-index:1}
.prog-img.fit .pi-bg{opacity:1}
.prog-img.fit img{object-fit:contain}
.prog-row:hover .prog-img.fit img{transform:scale(1.02)}
@media(max-width:768px){.prog-img{aspect-ratio:16/11;min-height:0}}

/* ═══ 13. v9 — What We Do pillars: light section, photo cards ═══ */
.pillars{background:#fff;position:relative;overflow:hidden}
.pillars::before{content:'';position:absolute;inset:0;pointer-events:none;
    background:radial-gradient(circle at 12% 0%,rgba(66,153,225,.08),transparent 40%),radial-gradient(circle at 90% 100%,rgba(26,54,93,.06),transparent 45%)}
.pillars .container{position:relative}
.pillars .section-head p{max-width:720px;font-size:1.05rem;line-height:1.7}
.pl-kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:30px;background:rgba(49,130,206,.1);
    color:var(--accent);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}
.pillars .section-head h2{display:block}
.pl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:1200px;margin:0 auto}
.pl-card{background:#fff;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;
    box-shadow:0 10px 34px rgba(15,30,51,.09);border:1px solid rgba(26,54,93,.06);transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.pl-card:hover{transform:translateY(-8px);box-shadow:0 22px 50px rgba(15,30,51,.16)}
.pl-media{position:relative;aspect-ratio:4/3;background:linear-gradient(135deg,var(--primary),var(--accent))}
.pl-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s var(--ease)}
.pl-card:hover .pl-media img{transform:scale(1.06)}
.pl-media::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,41,66,0) 45%,rgba(15,41,66,.55));pointer-events:none}
.pl-num{position:absolute;top:16px;left:16px;z-index:1;font-family:'Dosis',sans-serif;font-weight:800;font-size:.85rem;letter-spacing:.08em;
    color:#fff;background:rgba(15,41,66,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:5px 12px;border-radius:20px}
.pl-icon{position:absolute;left:26px;bottom:-28px;z-index:2;width:62px;height:62px;border-radius:18px;
    background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;display:flex;align-items:center;justify-content:center;
    font-size:24px;box-shadow:0 10px 24px rgba(26,54,93,.35);border:4px solid #fff;transition:transform .4s var(--ease)}
.pl-card:hover .pl-icon{transform:rotate(-6deg) scale(1.06)}
.pl-body{padding:46px 28px 30px;flex:1;display:flex;flex-direction:column}
.pl-body h3{font-size:1.6rem;color:var(--primary);font-weight:700;line-height:1.2;margin-bottom:16px}
.pl-body ul{list-style:none;display:flex;flex-direction:column;gap:11px}
.pl-body li{display:flex;gap:11px;align-items:flex-start;font-size:1rem;color:var(--gray);line-height:1.5}
.pl-body li i{color:var(--accent);font-size:.95rem;margin-top:4px;flex:0 0 auto}
@media(max-width:1024px){.pl-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.pl-grid{grid-template-columns:1fr;gap:24px}.pl-body{padding:42px 22px 24px}}

/* ═══ 14. v10 — steady header (no shake / flicker) ═══ */
.site-header{will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translate3d(0,0,0);
    transition:transform .45s var(--ease),background-color .35s ease,box-shadow .35s ease}
.site-header.hide{transform:translate3d(0,-110%,0)}
html{overflow-anchor:none}
.site-header{animation-fill-mode:backwards}

/* ═══ 15. v11 — pillars: photos always cropped to the same frame (no tall cards) ═══ */
.pl-grid{align-items:stretch}
.pl-media{aspect-ratio:auto;height:0;padding-top:66%;overflow:visible}
.pl-photo{position:absolute;inset:0;overflow:hidden;border-radius:20px 20px 0 0;background:linear-gradient(135deg,var(--primary),var(--accent))}
.pl-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%}
.pl-media::after{border-radius:20px 20px 0 0}
.pl-card{overflow:hidden}
.pl-body{padding:44px 28px 28px}
.block-18 .counter-btn{margin-top:22px;text-align:center;line-height:1.3}
.block-18.c1 .btn-w{color:var(--primary)}.block-18.c1 .btn-w:hover{background:var(--primary);color:#fff}

/* ═══ 16. v13 — clickable links in event text ═══ */
.ed-body a,.ed-text a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;word-break:break-word;overflow-wrap:anywhere;font-weight:600}
.ed-body a:hover,.ed-text a:hover{color:var(--primary)}
.ed-text p{margin-bottom:14px}

/* ── Media page: movie (first section) ─────────────────────── */
.mv-sec{background:linear-gradient(160deg,#0f2440 0%,var(--primary) 55%,#1e4a7a 100%);color:#fff;position:relative;overflow:hidden}
.mv-sec::before{content:"";position:absolute;inset:-40% -10% auto auto;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(99,179,237,.18),transparent 70%);pointer-events:none}
.mv-wrap{display:grid;grid-template-columns:1.55fr 1fr;gap:44px;align-items:center;position:relative}
.mv-frame{position:relative;padding-top:56.25%;border-radius:16px;overflow:hidden;background:#000;box-shadow:0 24px 60px rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.12)}
.mv-frame iframe,.mv-poster{position:absolute;inset:0;width:100%;height:100%;border:0}
.mv-poster{padding:0;cursor:pointer;background:#000;display:block}
.mv-poster img{width:100%;height:100%;object-fit:cover;opacity:.88;transition:transform .6s var(--ease),opacity .4s}
.mv-poster:hover img{transform:scale(1.04);opacity:1}
.mv-play{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold-l));color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 0 0 10px rgba(255,255,255,.18);transition:transform .3s var(--ease)}
.mv-play i{margin-left:5px}
.mv-poster:hover .mv-play{transform:scale(1.1)}
.mv-now{position:absolute;left:16px;bottom:14px;background:rgba(0,0,0,.6);color:#fff;font-size:13px;font-weight:700;padding:6px 14px;border-radius:30px;backdrop-filter:blur(4px)}
.mv-tag{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(99,179,237,.6);color:var(--gold-l);padding:6px 16px;border-radius:30px;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}
.mv-info h2{color:#fff;font-size:clamp(2rem,4vw,3rem);margin:16px 0 10px;line-height:1.1}
.mv-sub{color:rgba(255,255,255,.82);font-size:16px;line-height:1.7}
.mv-sub p{margin:0 0 10px}
.mv-btns{display:flex;flex-direction:column;gap:10px;margin:22px 0 18px}
.mv-btn{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:14px 18px;border-radius:12px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);color:#fff;font:inherit;font-weight:700;font-size:15px;cursor:pointer;transition:.3s var(--ease)}
.mv-btn i{width:18px;color:var(--gold-l)}
.mv-btn:hover{background:rgba(255,255,255,.14);transform:translateX(4px)}
.mv-btn.on{background:linear-gradient(135deg,var(--gold),var(--accent));border-color:transparent;box-shadow:0 8px 22px rgba(49,130,206,.4)}
.mv-btn.on i{color:#fff}
.mv-yt{color:rgba(255,255,255,.75);font-size:14px;font-weight:600;text-decoration:none}
.mv-yt i{color:#ff4d4d;margin-right:6px}
.mv-yt:hover{color:#fff}
@media(max-width:900px){.mv-wrap{grid-template-columns:1fr;gap:28px}.mv-play{width:64px;height:64px;margin:-32px 0 0 -32px;font-size:22px}}

/* ═══ 17. v15 — header fully steady: no blur repaint, no auto-hide ═══ */
.site-header,.site-header.hide{transform:none;will-change:auto;animation:none}
.site-header{transition:background-color .3s ease,box-shadow .3s ease}
.site-header.stuck{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 6px 24px rgba(15,41,66,.10)}
.scroll-line span{width:100%;transform:scaleX(0);transform-origin:0 50%;transition:none;will-change:transform}

/* ═══ 18. v16 — hero tint: black, lighter, image stays vivid ═══
   Darkest right behind the text (centre) and at the very top/bottom
   (header + slider controls); the rest of the photo shows through. */
.slide-bg,.slide-video video{filter:saturate(1.12) contrast(1.05)}
.slide-overlay-1,.slide-overlay-3,.slide-overlay-4,.slide-overlay-5{background:
    radial-gradient(ellipse 62% 52% at 50% 52%,rgba(0,0,0,.40) 0%,rgba(0,0,0,.18) 60%,rgba(0,0,0,0) 100%),
    linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.22) 28%,rgba(0,0,0,.20) 62%,rgba(0,0,0,.62) 100%)}
.slide-overlay-2{background:
    radial-gradient(ellipse 62% 52% at 50% 52%,rgba(0,0,0,.50) 0%,rgba(0,0,0,.25) 60%,rgba(0,0,0,0) 100%),
    linear-gradient(180deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.32) 28%,rgba(0,0,0,.30) 62%,rgba(0,0,0,.68) 100%)}
.slide-overlay-3{background:
    radial-gradient(ellipse 62% 52% at 50% 52%,rgba(0,0,0,.32) 0%,rgba(0,0,0,.12) 60%,rgba(0,0,0,0) 100%),
    linear-gradient(180deg,rgba(0,0,0,.50) 0%,rgba(0,0,0,.14) 28%,rgba(0,0,0,.12) 62%,rgba(0,0,0,.55) 100%)}
.slide-inner h1{text-shadow:0 2px 4px rgba(0,0,0,.55),0 4px 28px rgba(0,0,0,.55)}
.slide-inner .lead{text-shadow:0 1px 3px rgba(0,0,0,.7),0 2px 18px rgba(0,0,0,.6)}
.slide-badge{text-shadow:0 1px 3px rgba(0,0,0,.6)}
.slide-badge{background:rgba(0,0,0,.38);border-color:rgba(255,255,255,.35);color:#fff}
.slide-badge i{color:var(--gold-l)}
.sstat{background:rgba(0,0,0,.34);border-color:rgba(255,255,255,.22)}
.sstat .sl{color:rgba(255,255,255,.9)}
.sstat .sn{color:var(--gold-l);text-shadow:0 1px 6px rgba(0,0,0,.4)}
.sstat .sl{opacity:1}

/* ═══ 19. v17 — events: Upcoming / Completed ═══ */
.ev-tabs{display:flex;justify-content:center;gap:10px;margin:0 auto 34px;flex-wrap:wrap}
.ev-tab{display:inline-flex;align-items:center;gap:9px;padding:12px 24px;border-radius:40px;border:1.5px solid rgba(26,54,93,.15);background:#fff;color:var(--primary);font:inherit;font-weight:700;font-size:15px;cursor:pointer;transition:.25s}
.ev-tab span{background:rgba(26,54,93,.08);border-radius:20px;padding:2px 10px;font-size:12px}
.ev-tab:hover{border-color:var(--accent)}
.ev-tab.on{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 8px 22px rgba(26,54,93,.22)}
.ev-tab.on span{background:rgba(255,255,255,.2)}
.ev-panel[hidden]{display:none}
.ev-empty{text-align:center;padding:40px 20px;color:var(--gray);background:#fff;border-radius:12px}
.ec-done{background:#e5e7eb!important;color:#4b5563!important;display:inline-flex;align-items:center;gap:6px}
.event-card.is-done{background:#f3f4f6;box-shadow:none;filter:grayscale(1)}
.event-card.is-done h3,.event-card.is-done .ec-loc,.event-card.is-done .ec-date{color:#6b7280!important}
.event-card.is-done:hover{filter:grayscale(.4)}
.event-item.is-done{background:#f3f4f6;border-left-color:#9ca3af;opacity:.85}
.event-item.is-done h4,.event-item.is-done .e-loc,.event-item.is-done .e-loc i{color:#6b7280}
.e-done{display:inline-flex;align-items:center;gap:5px;background:#e5e7eb;color:#4b5563;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;padding:3px 10px;border-radius:20px;margin-bottom:8px}
.ed-hero .ed-type-done{background:#4b5563;display:inline-flex;align-items:center;gap:7px}
.ed-date-done{font-style:normal;display:inline-block;margin-left:6px;background:#e5e7eb;color:#4b5563;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;padding:2px 9px;border-radius:20px;vertical-align:middle}
.ed-done{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:14px;padding:18px 20px;text-align:center;margin-top:6px}
.ed-done-h{display:flex;align-items:center;justify-content:center;gap:8px;font-weight:800;color:#374151;font-size:1.05rem}
.ed-done-h i{color:#16a34a}
.ed-done p{color:#6b7280;font-size:.9rem;margin:8px 0 0;line-height:1.6}
.ed-done-btn{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:11px 22px;border-radius:40px;background:var(--primary);color:#fff;font-weight:700;font-size:.9rem}
.ed-done-btn:hover{color:#fff;background:var(--accent)}
.reg-closed{display:flex;gap:12px;align-items:flex-start;background:#fff7ed;border:1px solid #fed7aa;color:#7c2d12;border-radius:12px;padding:14px 18px;margin-bottom:20px;line-height:1.55}
.reg-closed i{color:#ea580c;margin-top:4px}

/* ═══ 20. v21 — new circle logo: own colours everywhere, large ═══ */
:root{--nav-h:110px;--nav-h-stuck:84px}
.brand img,.site-header.stuck .brand img,body.menu-open .brand img{filter:none;width:auto}
.brand img{height:100px}
.site-header.stuck .brand img{height:76px}
.ft-logo{height:140px;width:auto;display:block}
@media(max-width:768px){:root{--nav-h:88px;--nav-h-stuck:72px}.brand img{height:76px}.site-header.stuck .brand img{height:62px}.ft-logo{height:120px}}

/* ═══ 21. v20 — Vimeo videos on the Media page ═══ */
.vmc-dur{position:absolute;right:10px;bottom:10px;background:rgba(0,0,0,.75);color:#fff;font-size:12px;font-weight:700;padding:3px 8px;border-radius:6px;letter-spacing:.3px}
.vmc-card .ytc-thumb{background:#1a2a3a}
.vmc-card small i{color:#1ab7ea}
.vmc-card .ytc-play{background:#1ab7ea}

/* ═══ 22. v22 — phones: keep the header below the status bar / notch ═══ */
.site-header{padding-top:env(safe-area-inset-top,0px)}
.mobile-menu{padding-top:calc(var(--nav-h) + 20px + env(safe-area-inset-top,0px))}