/*
Theme Name: Pehchaan Street School
Theme URI: https://pehchaanstreetschool.org
Author: Pehchaan Web Team
Description: A white, premium NGO theme (navy and amber, inspired by the logo) for Pehchaan - The Street School Trust. Includes donation page, stories, impact counters, H5P-friendly layout and one-click setup of pages and menus.
Version: 2.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: pehchaan
*/
:root{--navy:#231B5C;--navy2:#2f2580;--deep:#1a1450;--amber:#F7A800;--amber2:#ffb81f;--amber-ink:#8a5b00;--wash:#FFF6DB;--tint:#F6F7FC;--ink:#27244a;--muted:#5f5d7b;--line:#e8e9f3;--white:#fff;--r:20px;--shadow:0 1px 2px rgba(35,27,92,.05),0 12px 32px -12px rgba(35,27,92,.16);--ease:cubic-bezier(.22,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:'Figtree',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:var(--ink);line-height:1.7;background:#fff;font-size:1.0625rem;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}a{color:var(--navy2)}a:hover{color:var(--amber-ink)}
h1,h2,h3,h4{font-family:'Fraunces',Georgia,serif;font-weight:600;color:var(--navy);line-height:1.15;letter-spacing:-.015em;margin:0 0 .5em}
h1{font-size:clamp(2.2rem,5vw,3.9rem)}h2{font-size:clamp(1.75rem,3.4vw,2.7rem)}h3{font-size:1.3rem;letter-spacing:-.005em}
p{margin:0 0 1.1em}
:focus-visible{outline:3px solid var(--navy2);outline-offset:3px;border-radius:6px}
.site-footer :focus-visible,.panel :focus-visible{outline-color:var(--amber)}
.wrap{width:min(1180px,90%);margin:0 auto}.wrap.narrow,.narrow{max-width:900px}.center{text-align:center}
.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:#fff;padding:8px 14px;z-index:999;border-radius:8px}
.ic{width:1.25em;height:1.25em;flex:none}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:.8em 1.7em;border-radius:999px;font-weight:600;text-decoration:none;border:1.5px solid transparent;cursor:pointer;font-family:inherit;font-size:1rem;line-height:1.2;transition:background .2s,color .2s,box-shadow .2s,transform .2s}
.btn-lg{padding:1em 2em;font-size:1.05rem}
.btn-amber{background:var(--amber);color:var(--navy)}.btn-amber:hover{background:var(--amber2);color:var(--navy);box-shadow:0 10px 24px -10px rgba(247,168,0,.9);transform:translateY(-1px)}
.btn-navy{background:var(--navy);color:#fff}.btn-navy:hover{background:var(--navy2);color:#fff;box-shadow:0 10px 24px -12px rgba(35,27,92,.8)}
.btn-outline{border-color:var(--navy);color:var(--navy);background:transparent}.btn-outline:hover{background:var(--navy);color:#fff}
.btn-ghost{border-color:#fff;color:#fff}.btn-ghost:hover{background:#fff;color:var(--navy)}
/* top bar + header */
.topbar{background:var(--tint);color:var(--navy);font-size:.85rem;border-bottom:1px solid var(--line)}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0;gap:1rem}
.topbar-contact{display:flex;gap:1.6rem;flex-wrap:wrap}
.topbar a{color:var(--navy);text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.topbar a:hover{color:var(--amber-ink)}
.topbar .ic{width:1rem;height:1rem}
.social{display:inline-flex;gap:.4rem}
.social a{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff;border:1px solid var(--line);font-size:.68rem;font-weight:700;color:var(--navy);text-decoration:none;transition:background .2s,color .2s,border-color .2s}
.social a:hover{background:var(--amber);border-color:var(--amber);color:var(--navy)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line);transition:box-shadow .25s}
.site-header.scrolled{box-shadow:0 10px 30px -18px rgba(35,27,92,.35)}
.hdr{display:flex;align-items:center;justify-content:space-between;padding:.55rem 0;gap:1.5rem}
.brand a{display:block}.brand img{height:62px;width:auto}
#primary-nav{display:flex;align-items:center;gap:1.2rem}
#primary-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:.1rem}
#primary-nav li{position:relative}
#primary-nav a{display:block;padding:.6rem .85rem;text-decoration:none;color:var(--navy);font-weight:500;font-size:.97rem;position:relative}
#primary-nav>ul>li>a::after{content:"";position:absolute;left:.85rem;right:.85rem;bottom:.3rem;height:2px;background:var(--amber);transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease)}
#primary-nav>ul>li:hover>a::after,#primary-nav>ul>li:focus-within>a::after,#primary-nav>ul>.current-menu-item>a::after,#primary-nav>ul>.current-menu-ancestor>a::after{transform:scaleX(1)}
#primary-nav .menu-item-has-children>a::before{content:"";position:absolute;right:-.05rem;top:50%;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-70%) rotate(45deg);opacity:.55}
#primary-nav .menu-item-has-children>a{padding-right:1.25rem}
#primary-nav ul ul{position:absolute;left:0;top:calc(100% + 6px);min-width:250px;background:#fff;box-shadow:0 24px 50px -20px rgba(35,27,92,.35);border:1px solid var(--line);border-radius:16px;padding:.5rem;display:none;flex-direction:column;gap:0}
#primary-nav ul ul::before{content:"";position:absolute;left:0;right:0;top:-8px;height:8px}
#primary-nav li:hover>ul,#primary-nav li:focus-within>ul{display:flex}
#primary-nav ul ul a{padding:.55rem .8rem;border-radius:10px;font-size:.93rem}
#primary-nav ul ul a:hover{background:var(--tint);color:var(--navy)}
.nav-toggle{display:none;background:#fff;border:1px solid var(--line);color:var(--navy);border-radius:12px;width:46px;height:46px;place-items:center;cursor:pointer}
.nav-toggle .ic{width:24px;height:24px}
/* hero carousel */
.hero{position:relative;overflow:hidden;background:#fff}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 70% at 85% 30%,var(--wash) 0,rgba(255,246,219,0) 70%),radial-gradient(40% 50% at 0 100%,var(--tint) 0,rgba(246,247,252,0) 70%);pointer-events:none}
.slides{display:grid;position:relative}
.slide{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .7s var(--ease),visibility .7s}
.slide.is-active{opacity:1;visibility:visible}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:center;min-height:min(640px,78vh);padding:3.5rem 0 5.5rem}
.hero-copy{max-width:600px}
.hero-title{font-size:clamp(2.3rem,5.2vw,4.1rem);line-height:1.06;letter-spacing:-.025em;margin-bottom:.45em}
.hero .lead{font-size:1.18rem;color:var(--muted);max-width:520px}
.hero .cta{display:flex;gap:.9rem;flex-wrap:wrap;margin-top:1.8rem}
.slide .hero-copy>*{transform:translateY(14px);opacity:0;transition:transform .8s var(--ease),opacity .8s var(--ease)}
.slide.is-active .hero-copy>*{transform:none;opacity:1}
.slide.is-active .hero-copy>*:nth-child(2){transition-delay:.08s}.slide.is-active .hero-copy>*:nth-child(3){transition-delay:.16s}
.hero-art,.split-art{position:relative;justify-self:center;width:min(440px,100%)}
.arch{position:relative;aspect-ratio:4/5;border-radius:999px 999px 28px 28px;overflow:hidden;background:var(--navy);box-shadow:0 40px 70px -40px rgba(35,27,92,.7)}
.arch>img{width:100%;height:100%;object-fit:cover}
.arch-brand{display:grid;place-items:end center}
.arch-brand .mark{width:88%;height:auto;object-fit:contain;margin-bottom:12%}
.orb{position:absolute;z-index:0;border-radius:50%;background:var(--amber);width:46%;aspect-ratio:1;right:-9%;top:2%}
.arch{z-index:1}
.t2 .arch-brand{background:#e5e8fa}.t2 .orb{background:var(--navy);width:22%;right:auto;left:-6%;top:60%}
.t3 .arch-brand{background:var(--navy2)}.t3 .orb{background:#ffd978;width:38%;right:-7%;top:auto;bottom:6%}
.split-art .arch{aspect-ratio:1/1.08}.split-art .orb{right:auto;left:-8%;top:auto;bottom:5%;width:34%}
.slider-ui{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.hero .slider-ui{position:absolute;left:0;right:0;bottom:1.6rem;margin:0 auto;z-index:3}
.dots{display:flex;gap:.5rem}
.dots button{width:10px;height:10px;border-radius:99px;border:0;background:#cfd1e6;padding:0;cursor:pointer;transition:width .3s var(--ease),background .3s}
.dots button.on{width:34px;background:var(--amber)}
.dots button:hover{background:var(--navy2)}.dots button.on:hover{background:var(--amber)}
.arrows{display:flex;gap:.5rem}
.arrows button{width:46px;height:46px;border-radius:50%;border:1.5px solid var(--navy);background:#fff;color:var(--navy);display:grid;place-items:center;cursor:pointer;transition:background .2s,color .2s,opacity .2s}
.arrows button:hover:not(:disabled){background:var(--navy);color:#fff}.arrows button:disabled{opacity:.35;cursor:default}
/* 80G strip */
.band80g{background:var(--wash);color:var(--navy);text-align:center;padding:.85rem 0;font-weight:500;font-size:.98rem;border-block:1px solid #f6e2a6}
.band80g a{color:var(--navy);margin-left:.8rem;font-weight:700;text-decoration-color:var(--amber);text-decoration-thickness:2px;text-underline-offset:4px}
/* sections */
section.sec{padding:clamp(4rem,8vw,6.5rem) 0}.sec.tint{background:var(--tint)}
.sec-head{text-align:center;max-width:680px;margin:0 auto 3rem}.sec-head p{color:var(--muted);font-size:1.1rem}
.sec-row{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:2.2rem}.sec-row p{color:var(--muted);margin:0;max-width:520px}.sec-row h2{margin-bottom:.3em}
.grid{display:grid;gap:1.6rem}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.grid.top{align-items:start}
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5.5rem);align-items:center}
.split p{color:var(--muted)}
.card{background:#fff;border-radius:var(--r);box-shadow:var(--shadow);padding:2rem;border:1px solid var(--line);height:100%}
.empty{text-align:center;color:var(--muted)}
/* what we do */
.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:2.4rem}
.pillar .ico{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#fff;color:var(--navy);box-shadow:var(--shadow);margin-bottom:1.3rem;position:relative}
.pillar .ico::after{content:"";position:absolute;right:-4px;top:-4px;width:12px;height:12px;border-radius:50%;background:var(--amber)}
.pillar .ico .ic{width:26px;height:26px}
.pillar p{color:var(--muted);margin:0}
/* stats panel */
.panel{background:var(--navy);color:#fff;border-radius:32px;padding:clamp(2.5rem,6vw,4.5rem) clamp(1.5rem,5vw,4rem);position:relative;overflow:hidden}
.panel::after{content:"";position:absolute;right:-90px;top:-90px;width:300px;height:300px;border-radius:50%;background:var(--amber);opacity:.14}
.panel h2{color:#fff;text-align:center;margin-bottom:2.4rem;position:relative;z-index:1}
.stat-row{display:grid;grid-template-columns:repeat(4,1fr);position:relative;z-index:1}
.stat{text-align:center;padding:.4rem 1rem}.stat+.stat{border-left:1px solid rgba(255,255,255,.16)}
.stat .n{font-family:'Fraunces',serif;font-size:clamp(2.4rem,5vw,3.8rem);color:var(--amber);font-weight:600;line-height:1;font-variant-numeric:tabular-nums}
.stat .l{margin-top:.6rem;font-size:.98rem;color:#d9d7f0}
/* give */
.give{display:grid;grid-template-columns:1fr minmax(0,560px);gap:clamp(2rem,6vw,5rem);align-items:center}
.give-copy p{color:var(--muted);font-size:1.1rem}
.ticks{list-style:none;padding:0;margin:1.6rem 0 0}.ticks li{position:relative;padding:.35rem 0 .35rem 2rem;color:var(--ink);font-weight:500}
.ticks li::before{content:"";position:absolute;left:0;top:.75rem;width:1.15rem;height:1.15rem;border-radius:50%;background:var(--amber)}
.ticks li::after{content:"";position:absolute;left:.4rem;top:.9rem;width:.35rem;height:.6rem;border:solid var(--navy);border-width:0 2px 2px 0;transform:rotate(45deg)}
.donate-box{background:#fff;border-radius:28px;box-shadow:0 30px 60px -30px rgba(35,27,92,.35);padding:clamp(1.5rem,4vw,2.3rem);border:1px solid var(--line);width:100%;max-width:620px;margin:0 auto}
.seg{display:flex;background:var(--tint);border-radius:999px;padding:5px;margin-bottom:1.3rem}
.seg button{flex:1;border:0;background:none;padding:.75em;border-radius:999px;font-weight:600;font-family:inherit;color:var(--navy);cursor:pointer;font-size:1rem;transition:background .2s,color .2s}
.seg button.on{background:var(--navy);color:#fff}
.chips{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;margin-bottom:1rem}
.chip{border:1.5px solid var(--line);background:#fff;border-radius:14px;padding:.85em .2em;font-weight:700;color:var(--navy);cursor:pointer;font-family:inherit;font-size:1rem;transition:border-color .2s,background .2s}
.chip:hover{border-color:var(--navy)}.chip.on{border-color:var(--amber);background:var(--wash);box-shadow:inset 0 0 0 1px var(--amber)}
.custom-amt{display:none;margin-bottom:1rem}.custom-amt.show{display:block}
.custom-amt input{margin:0}
.summary{background:var(--tint);border-radius:14px;padding:.95rem 1.1rem;margin-bottom:1.1rem;font-size:.97rem;color:var(--navy);font-weight:500}
.donate-box .btn{width:100%}
.safe{font-size:.84rem;color:var(--muted);text-align:center;margin:1rem 0 0;display:flex;gap:.5rem;align-items:flex-start;justify-content:center}.safe .ic{width:1.1rem;height:1.1rem;margin-top:.15rem}
.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2.8rem}
.trust div{display:flex;gap:.9rem;align-items:center;background:#fff;border-radius:16px;padding:1.1rem 1.3rem;border:1px solid var(--line);color:var(--navy);font-weight:500}.trust .ic{color:var(--amber-ink);width:1.6rem;height:1.6rem}
/* stories */
.scroller{display:flex;gap:1.5rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.4rem .6rem 2rem;margin:0 -.6rem;scrollbar-width:none;overscroll-behavior-x:contain}
.scroller::-webkit-scrollbar{display:none}
.scroller .story{flex:0 0 min(370px,84%);scroll-snap-align:start;height:auto}
.story{padding:0;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s var(--ease),box-shadow .3s}
.story:hover{transform:translateY(-4px);box-shadow:0 2px 4px rgba(35,27,92,.05),0 24px 44px -20px rgba(35,27,92,.3)}
.story .th{display:grid;place-items:center;aspect-ratio:16/11;background:var(--wash);overflow:hidden}
.story .th img{width:100%;height:100%;object-fit:cover}.story .th img.mark{width:46%;height:auto;object-fit:contain}
.story .bd{padding:1.5rem 1.6rem 1.7rem;display:flex;flex-direction:column;flex:1}
.story .tag{font-size:.8rem;font-weight:600;color:var(--amber-ink);background:var(--wash);padding:.25em .9em;border-radius:99px;align-self:flex-start;margin-bottom:.85rem}
.story h3{font-size:1.25rem}.story h3 a{text-decoration:none;color:var(--navy)}.story h3 a:hover{color:var(--navy2);text-decoration:underline;text-decoration-color:var(--amber);text-underline-offset:4px;text-decoration-thickness:2px}
.story p{color:var(--muted);font-size:.98rem}
.story .more{margin-top:auto;font-weight:600;text-decoration:none;color:var(--navy);display:inline-flex;align-items:center;gap:.4rem}.story .more .ic{transition:transform .2s}.story .more:hover .ic{transform:translateX(4px)}
.stories{align-items:stretch}
.sec>.wrap>p.center{margin:1.2rem 0 0}
.filters{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center;margin-bottom:2.4rem}
.filters a{padding:.5em 1.2em;border:1.5px solid var(--line);border-radius:99px;text-decoration:none;color:var(--navy);font-weight:600;font-size:.93rem;background:#fff;transition:all .2s}
.filters a.on,.filters a:hover{background:var(--navy);border-color:var(--navy);color:#fff}
/* values, join */
.values{display:grid;grid-template-columns:repeat(4,1fr);gap:2.4rem}
.val{padding-top:1.4rem;border-top:1px solid var(--line);position:relative}
.val::before{content:"";position:absolute;left:0;top:-1px;width:44px;height:3px;background:var(--amber)}
.val p{color:var(--muted);margin:0}
.join{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.join-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:24px;padding:2rem;text-decoration:none;color:var(--ink);transition:border-color .25s,box-shadow .25s,transform .25s var(--ease)}
.join-card h3{font-size:1.5rem}.join-card p{color:var(--muted);flex:1}
.join-card .go{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;color:var(--navy)}.join-card .go .ic{transition:transform .2s}
.join-card:hover{border-color:var(--amber);box-shadow:var(--shadow);transform:translateY(-3px);color:var(--ink)}.join-card:hover .go .ic{transform:translateX(5px)}
/* quotes */
.quotes{text-align:center}
.quotes .slide{margin:0;padding:0 .5rem}
.quotes blockquote{margin:0 0 1.4rem;font-family:'Fraunces',serif;font-weight:500;font-size:clamp(1.45rem,3vw,2.2rem);line-height:1.35;color:var(--navy);letter-spacing:-.01em}
.quotes blockquote::before{content:"";display:block;width:56px;height:5px;border-radius:3px;background:var(--amber);margin:0 auto 1.6rem}
.quotes figcaption{font-weight:600;color:var(--muted)}
.quotes .slider-ui{justify-content:center;margin-top:2rem}
.blogcard h3{margin-bottom:.8rem}
.info-list{list-style:none;padding:0;margin:0}.info-list li{padding:.85rem 0;border-bottom:1px solid var(--line)}.info-list li:last-child{border:0}
.info-list a{color:var(--navy);text-decoration:none}.info-list a:hover{color:var(--navy2);text-decoration:underline}.info-list small{display:block;color:var(--muted)}
.cta-band{background:var(--amber);position:relative;overflow:hidden;padding:clamp(3.5rem,7vw,5.5rem) 0}
.cta-band .wrap{position:relative;z-index:1}
.cta-band h2{margin-bottom:1.2rem;max-width:620px}
.cta-mark{position:absolute;right:0;bottom:-1.5rem;width:min(360px,45%);filter:brightness(0) invert(1);opacity:.4}
/* inner pages */
.page-hero{background:var(--tint);padding:clamp(2.6rem,6vw,4.4rem) 0;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.page-hero::after{content:"";position:absolute;right:max(5%,calc(50% - 560px));top:50%;width:200px;height:200px;border-radius:50%;background:var(--wash);transform:translateY(-50%);box-shadow:-46px 34px 0 -30px var(--amber)}
.page-hero .wrap{position:relative;z-index:1}
.page-hero h1{margin:0;font-size:clamp(2rem,4.4vw,3.2rem)}.page-hero h1::after{content:"";display:block;width:56px;height:4px;border-radius:2px;background:var(--amber);margin-top:1rem}
.page-hero p{margin:1rem 0 0;color:var(--muted);font-size:1.1rem}
.kicker{display:inline-block;background:var(--wash);color:var(--amber-ink);font-weight:600;font-size:.88rem;padding:.25em 1em;border-radius:99px;margin-bottom:1rem}
.content{padding:clamp(2.6rem,6vw,4.5rem) 0}.content.flush{padding-top:0}
.content .entry{max-width:780px;margin:0 auto;font-size:1.08rem;line-height:1.8}.content .entry.wide{max-width:1100px}.content .entry.full{max-width:none}
.entry h2,.entry h3{margin-top:1.8em}.entry a{text-underline-offset:3px}
.entry img{border-radius:16px}.entry iframe,.entry .h5p-iframe-wrapper,.entry .h5p-iframe{max-width:100%!important;border-radius:16px}
.entry .wp-video,.entry video{max-width:100%;height:auto}
.entry blockquote{margin:1.6em 0;padding:.2em 0 .2em 1.4rem;border-left:4px solid var(--amber);font-family:'Fraunces',serif;font-size:1.25em;color:var(--navy)}
.entry .share a{margin:0 .2rem}
.video-frame{position:relative;padding-top:56.25%;border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.help-card{margin-top:2.4rem;text-align:center;background:var(--wash);border-color:#f6e2a6;box-shadow:none}
.stack{display:grid;gap:.8rem}
.info-list li .ic{color:var(--amber-ink);margin-right:.7rem;vertical-align:-.25em}.info-list li.plain{color:var(--muted);font-size:.96rem}
.info-list li span{display:inline}
.map{width:100%;height:280px;border:0;border-radius:16px;margin-top:1.2rem}
input[type=text],input[type=email],input[type=tel],input[type=url],input[type=number],textarea,select{width:100%;padding:.8em 1.05em;border:1.5px solid var(--line);border-radius:14px;font-family:inherit;font-size:1rem;margin-bottom:.9rem;background:#fff;color:var(--ink);transition:border-color .2s,box-shadow .2s}
input:focus,textarea:focus,select:focus{outline:0;border-color:var(--amber);box-shadow:0 0 0 4px rgba(247,168,0,.2)}
input[type=submit],button[type=submit]{background:var(--navy);color:#fff;border:0;border-radius:999px;padding:.85em 2.1em;font-weight:600;cursor:pointer;font-family:inherit;font-size:1rem;transition:background .2s}
input[type=submit]:hover,button[type=submit]:hover{background:var(--navy2)}
.pagination{display:flex;gap:.5rem;justify-content:center;margin-top:2.6rem;flex-wrap:wrap}
.pagination a,.pagination span{padding:.5em 1em;border:1.5px solid var(--line);border-radius:12px;text-decoration:none;color:var(--navy);font-weight:600}.pagination .current,.pagination a:hover{background:var(--navy);border-color:var(--navy);color:#fff}
/* footer */
.assure{background:var(--tint);padding:1.8rem 0;border-top:1px solid var(--line)}
.assure .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.assure div{display:flex;gap:1rem;align-items:center}.assure .ic{width:2.1rem;height:2.1rem;padding:.5rem;background:#fff;border-radius:50%;color:var(--navy);box-shadow:var(--shadow);width:44px;height:44px}
.assure p{margin:0;font-weight:500;font-size:.95rem;color:var(--navy);line-height:1.5}
.site-footer{background:var(--deep);color:#cfcdea;padding:4rem 0 0;font-size:.97rem}
.site-footer h4{color:#fff;font-family:'Figtree',sans-serif;font-size:1.05rem;font-weight:600;letter-spacing:0;margin-bottom:1.1rem}
.site-footer a{color:#cfcdea;text-decoration:none}.site-footer a:hover{color:var(--amber)}.site-footer a.btn-amber,.site-footer a.btn-amber:hover{color:var(--navy)}.site-footer a.btn-amber:hover{background:var(--amber2)}
.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{margin-bottom:.6rem}.site-footer p{margin-bottom:.8rem}
.foot-grid{display:grid;grid-template-columns:1.3fr .8fr 1.3fr 1.1fr;gap:2.6rem}
.foot-logo{background:#fff;border-radius:18px;padding:.7rem 1rem;display:inline-block;margin-bottom:1.2rem}.foot-logo img{height:68px;width:auto}
.site-footer .social{margin-top:.4rem}.site-footer .social a{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff}.site-footer .social a:hover{background:var(--amber);border-color:var(--amber);color:var(--navy)}
.legal{border-top:1px solid rgba(255,255,255,.14);margin-top:3rem;padding:1.3rem 0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.6rem;font-size:.88rem}.legal a{margin-left:1.4rem}
.mobile-donate{display:none}
.to-top{position:fixed;right:20px;bottom:20px;width:48px;height:48px;border-radius:50%;background:var(--navy);color:#fff;border:0;cursor:pointer;display:none;place-items:center;z-index:40;box-shadow:0 12px 24px -10px rgba(35,27,92,.6)}
.to-top:hover{background:var(--amber);color:var(--navy)}
@media(max-width:1100px){.pillars,.values{grid-template-columns:repeat(2,1fr)}.foot-grid{grid-template-columns:1fr 1fr}}
@media(max-width:1000px){
 .nav-toggle{display:grid}
 #primary-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;flex-direction:column;align-items:stretch;gap:.6rem;padding:1rem 5% 1.6rem;border-bottom:1px solid var(--line);box-shadow:0 30px 40px -20px rgba(35,27,92,.3);max-height:calc(100vh - 90px);overflow:auto}
 #primary-nav.open{display:flex}#primary-nav ul{flex-direction:column}
 #primary-nav a{padding:.75rem .4rem}#primary-nav>ul>li>a::after,#primary-nav .menu-item-has-children>a::before{display:none}
 #primary-nav ul ul{position:static;display:flex;box-shadow:none;border:0;border-left:2px solid var(--wash);border-radius:0;padding:0 0 0 .9rem;margin-left:.4rem;min-width:0}
 #primary-nav ul ul::before{display:none}#primary-nav ul ul a{font-size:.92rem;color:var(--muted)}
 .nav-donate{text-align:center}
 .hero-grid{grid-template-columns:1fr;gap:2.2rem;padding:2.6rem 0 5rem;min-height:0}.hero-copy{max-width:none}
 .hero-art{width:min(300px,70%)}.hero-art .arch{aspect-ratio:1/1}
 .split,.give{grid-template-columns:1fr}.split-art{width:min(340px,80%);order:-1}
 .stat-row{grid-template-columns:1fr 1fr;row-gap:2rem}.stat:nth-child(3){border-left:0}
 .join,.trust,.assure .wrap{grid-template-columns:1fr}.g3,.g4{grid-template-columns:1fr 1fr}
 .sec-row .scroller-arrows{display:none}
}
@media(max-width:620px){
 body{font-size:1rem}
 .topbar .social,.topbar-contact a+a{display:none}
 .brand img{height:48px}
 .g2,.g3,.g4,.pillars,.values,.foot-grid{grid-template-columns:1fr}.chips{grid-template-columns:repeat(2,1fr)}
 .hero .cta .btn{flex:1 1 100%}.stat .n{font-size:2.3rem}
 .cta-mark{opacity:.25;width:60%}
 .legal a{margin:0 1rem 0 0}
 .mobile-donate{display:flex;align-items:center;justify-content:center;gap:.5rem;position:fixed;left:0;right:0;bottom:0;z-index:45;background:var(--amber);padding:.9rem;font-weight:700;color:var(--navy);text-decoration:none;box-shadow:0 -8px 24px -8px rgba(0,0,0,.25)}
 body{padding-bottom:54px}.to-top{bottom:72px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}.slide .hero-copy>*{transform:none;opacity:1}}