:root{--pine:#174738;--pine-dark:#0d3329;--leaf:#547c62;--sage:#e0eee0;--gold:#b48243;--sand:#f2e8cf;--ink:#1e3a30;--muted:#4b6659;--cream:#faf9f4;--paper:#fffefa;--line:#dce8dd;--soft:#ecf4eb}html{scroll-padding-top:112px}body{background:var(--cream);overflow-x:clip}h1,h2{text-wrap:balance}a,summary,.btn{-webkit-tap-highlight-color:transparent}a:focus-visible,.btn:focus-visible{outline:3px solid #df9c4d;outline-offset:4px}.wrap{width:min(1190px,calc(100% - 56px))}.review-strip{background:#e9f1e8;border-bottom:1px solid #d3e2d4;color:#335d46;letter-spacing:.1em;padding-block:9px}.header{position:sticky;top:0;z-index:25;background:#fffef9f0;border-color:#dce8df;box-shadow:0 9px 28px #143c2910;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.header-inner{min-height:82px;gap:18px}.brand-mark{width:48px;height:48px;color:#f8fff7;border-color:#3c7554;background:linear-gradient(140deg,#245d45,#103a2e);box-shadow:0 4px 13px #1a634025}.brand-name{font-size:1rem;letter-spacing:.1em}.brand-sub{font-size:.68rem;letter-spacing:.04em}.nav{gap:4px;font-size:.81rem}.nav a{padding:11px 12px;border-radius:999px;transition:color .18s ease,background .18s ease,transform .18s ease}.nav a:hover{color:#184734;background:#eaf2e9;text-decoration:none}.nav a[href="/donasi/"]{color:#13523a;background:#e7f2e3;font-weight:800}.nav .nav-highlight{color:#fff;border-color:#22583f;background:#22583f;padding-inline:18px}.nav .nav-highlight:hover{background:#134330;color:#fff}.hero{background:radial-gradient(ellipse at 8% 96%,#85a78332 0%,transparent 43%),radial-gradient(ellipse at 93% 9%,#f0c47533 0%,transparent 34%),linear-gradient(130deg,#0d332b,#1a5340 58%,#347253)}.hero:before{width:740px;height:740px;top:-390px;right:-200px;border:1px solid #f4dab241;box-shadow:0 0 0 85px #f6e7c707,0 0 0 172px #fff8e506}.hero:after{content:"";position:absolute;inset:auto 0 0;height:140px;pointer-events:none;background:linear-gradient(0deg,#071e1a25,transparent)}.hero-inner{min-height:610px;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:clamp(35px,5vw,82px);padding-block:77px 87px}.hero .eyebrow{color:#f3d799}.hero h1{max-width:800px;font-size:clamp(3.15rem,5.7vw,5.65rem);line-height:1.02;letter-spacing:-.053em}.hero-desc{max-width:560px;font-size:clamp(1rem,1.32vw,1.13rem);line-height:1.85;color:#e5efe5}.btn{min-height:50px;padding:13px 23px;border-radius:999px;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-2px)}.btn-light{color:#163d2e;background:#f4ddae;box-shadow:0 12px 28px #03190c2b}.btn-light:hover{background:#fff0cb}.btn-quiet{border-color:#b9d4be}.concept-card{min-height:440px;border-radius:30px;padding:36px;border:1px solid #eaf6de66;background:radial-gradient(circle at 69% 28%,#f5db9c 0 10%,#e6c58940 10.4% 14%,transparent 14.5%),linear-gradient(157deg,#6eaa8060,#31695190 39%,#0d342c 92%);box-shadow:0 28px 65px #051b142e,inset 0 1px #ffffff28;transform:rotate(1deg);transition:transform .25s ease}.concept-card:hover{transform:rotate(0)}.concept-card:before{top:12%;right:10%;width:235px;height:235px;border:1px solid #fae8bf44;border-radius:50%;background:transparent;box-shadow:0 0 0 50px #fff3c707,0 0 0 100px #fff3c705}.concept-card:after{left:-20%;right:-15%;bottom:82px;height:180px;opacity:.8;background:linear-gradient(151deg,transparent 32%,#78a77f 32% 56%,transparent 56%),linear-gradient(27deg,transparent 35%,#2f7353 35% 61%,transparent 61%)}.media-kicker{width:fit-content;padding:9px 12px;border-radius:999px;border-color:#f5dcaa82;background:#0f372fcf}.concept-card strong{max-width:330px;font-size:clamp(1.9rem,2.7vw,2.8rem)}.concept-card small{max-width:340px;color:#edf1df}.principles{position:relative;background:#fffefa;box-shadow:0 14px 37px #225c3420}.principle{padding-block:25px;border-color:#e5ebe2}.principle b{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f7eedc;margin-right:14px;color:#9a642d;font:600 .9rem Georgia,serif}.principle span{font-weight:750;font-size:.88rem}.section{padding-block:100px}.section-alt{background:linear-gradient(146deg,#f0f7ef,#f9f7ee);border-color:#e4eae0}.eyebrow{color:#497854}h2{font-size:clamp(2.25rem,3.6vw,3.72rem)}.lede{font-size:1.075rem;line-height:1.84}.quote-card,.report-box{border-radius:22px;border-color:#d8e5da;box-shadow:0 20px 50px #24472c0b}.quote-card{background:linear-gradient(142deg,#e3f0e3,#fffdf2);padding:44px}.quote-card .mark{color:#7aa286}.program-card{border-radius:20px;padding:34px;border-color:#dde9df;box-shadow:0 12px 35px #18472b0a;transition:transform .2s ease,box-shadow .2s ease}.program-card:hover{transform:translateY(-5px);box-shadow:0 24px 48px #18472b17}.program-card .no{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;color:#a06d36;background:#f6ead5;margin-bottom:32px}.program-card h3{font-size:1.55rem}.state{border-radius:999px;padding:8px 13px;background:#f4eddc}.media-frame{border-radius:22px;border-style:solid;border-color:#d6e3d6;box-shadow:inset 0 1px #ffffff85}.media-frame--program{background:radial-gradient(circle at 84% 32%,#e7c587 0 7%,transparent 7.2%),linear-gradient(115deg,#f1e6cb 0 26%,#e1eddf 26% 69%,#cbdcca 69%)}.media-frame--community{background:linear-gradient(142deg,#f2e6d2,#deecdf)}.transparency-step{border-radius:13px;border-color:#e1e9dd;padding:16px;background:#f9fbf6}.transparency-step b{background:#e5f0e6}.check-list li{padding-block:15px}.visual-stage{border-radius:26px;background:radial-gradient(circle at 86% 18%,#e2c0752c,transparent 43%),linear-gradient(145deg,#276448,#0d352c);box-shadow:0 20px 44px #1b51341b}.site-end{background:radial-gradient(circle at 97% 10%,#5b946020,transparent 34%),#0c3028}.foot-links a{transition:color .18s ease}.foot-links a:hover{color:#f7d89d}@media(max-width:1050px){.header-inner{align-items:flex-start;flex-direction:column;padding-block:15px;gap:13px}.nav{width:100%;justify-content:flex-start}.hero-inner{grid-template-columns:1fr .88fr}}@media(max-width:730px){html{scroll-padding-top:126px}.wrap{width:min(100% - 34px,560px)}.header-inner{padding-block:13px;gap:12px}.brand-mark{width:43px;height:43px}.brand-name{font-size:.93rem}.brand-sub{font-size:.64rem}.nav{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:0 0 5px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.nav a,.nav .nav-highlight{flex:0 0 auto;min-height:43px;border-radius:999px;padding:10px 15px;font-size:.79rem;background:#edf3ec;scroll-snap-align:start}.nav .nav-highlight{background:#235943;color:#fff}.hero-inner{display:grid;grid-template-columns:1fr;gap:32px;padding-block:55px 64px}.hero h1{font-size:clamp(2.7rem,10.8vw,4.55rem)}.hero-desc{font-size:1rem}.concept-card{transform:none;width:100%;max-width:none;min-height:310px;padding:26px;border-radius:24px}.concept-card:hover{transform:none}.concept-card:after{bottom:82px}.principles{grid-template-columns:1fr}.principle{padding:16px 22px}.section{padding-block:70px}.program-card{border-radius:18px;min-height:0;padding:28px}.quote-card,.report-box{padding:29px;border-radius:18px}.media-frame,.visual-stage{border-radius:18px}.actions{gap:10px}.btn{min-height:48px}}@media(max-width:380px){.wrap{width:calc(100% - 28px)}.hero h1{font-size:2.55rem}.brand-sub{font-size:.6rem}.actions .btn{width:100%}.transparency-step{grid-template-columns:36px minmax(0,1fr)}.transparency-step em{grid-column:2}}@media(prefers-reduced-motion:reduce){.btn,.program-card,.concept-card,.nav a{transition:none}.btn:hover,.program-card:hover{transform:none}}.concept-card{background-image:linear-gradient(0deg,#07271df0,#07271dc2 29%,#07271d08 74%),url(/assets/ydbn-human-dignity-hero.svg);background-size:cover;background-position:center;isolation:isolate}.concept-card>*{z-index:2;text-shadow:0 1px 2px #0b302b4d}.concept-card strong{font-family:Georgia,Times New Roman,serif;line-height:1.13}.media-frame--program{background-image:linear-gradient(0deg,#f3f8eef7,#f3f8eec9 42%,#f3f8ee0a),url(/assets/ydbn-literasi-konseptual.svg);background-size:cover;background-position:center;min-height:360px;border-color:#cbdcce}.media-frame--community{background-image:linear-gradient(0deg,#f8fbf2f5,#f8fbf2c7 38%,#f8fbf20d),url(/assets/ydbn-gotong-royong-konseptual.svg);background-size:cover;background-position:center;min-height:420px;border-color:#cbdcce}.media-frame--program>*,.media-frame--community>*{position:relative;z-index:2;text-shadow:0 1px 0 #ffffff77}.media-frame--program h3,.media-frame--community h3{max-width:550px}.media-frame--program .media-status,.media-frame--community .media-status{background:#fff9e8;box-shadow:0 4px 16px #274f3114}@media(max-width:730px){.concept-card{min-height:385px;background-position:54% center}.media-frame--program{min-height:345px;background-position:63% center}.media-frame--community{min-height:350px;background-position:53% center}}@media(max-width:380px){.concept-card{min-height:355px}}@media(max-width:730px){.brand-sub{font-size:.75rem;line-height:1.45;overflow-wrap:anywhere}}.concept-card{transform:none;display:flex;flex-direction:column;justify-content:flex-end;min-height:480px;padding:clamp(23px,3.2vw,36px);border-radius:25px;border:1px solid #f6edda55;box-shadow:0 26px 58px #08231b40;background-color:#244f3e;background-image:linear-gradient(180deg,#06231b0d 5%,#06231b14 40%,#06231bd9,#06231bfa),url(https://images.unsplash.com/photo-1730697897470-0efaee4922de?auto=format&fit=crop&w=1100&q=78);background-repeat:no-repeat;background-size:cover;background-position:center center}.concept-card:hover{transform:none}.concept-card:before,.concept-card:after{display:none}.concept-card>*{position:relative;z-index:1;text-shadow:none}.concept-card .media-kicker{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:7px 12px;border-radius:999px;border:1px solid #e7dbba77;background:#103b2ed9;color:#f3dfb3;font-weight:750;font-size:.77rem;letter-spacing:.08em}.concept-card strong{max-width:360px;color:#fffdf3;font:500 clamp(1.6rem,2.55vw,2.65rem)/1.17 Georgia,"Times New Roman",serif;letter-spacing:-.035em;text-wrap:balance}.concept-card small{display:block;max-width:420px;color:#eaf3eb;font-size:clamp(.8rem,1vw,.92rem);line-height:1.6;margin-top:12px}.hero-inner{min-height:unset}.hero{background:linear-gradient(135deg,#11382f,#225c45 65%,#34694e)}.media-frame--program,.media-frame--community{border:1px solid #d4e5d4;background-image:radial-gradient(ellipse at 82% 25%,#f3d9a260,transparent 48%),linear-gradient(133deg,#eaf3e6,#d7e5d7 49%,#f4e8d3);box-shadow:0 10px 28px #12422d12}.media-frame--program:before,.media-frame--program:after,.media-frame--community:before,.media-frame--community:after{display:none}@media(max-width:730px){.hero-inner{gap:25px;padding-block:42px 55px}.concept-card{width:100%;max-width:none;min-height:310px;padding:23px;background-position:center 45%;box-shadow:0 15px 32px #08231b35}.concept-card strong{max-width:330px;font-size:clamp(1.58rem,6vw,2rem)}.concept-card small{font-size:.83rem;max-width:350px}.concept-card .media-kicker{font-size:.72rem;letter-spacing:.04em}}@media(max-width:380px){.concept-card{min-height:315px;padding:20px;border-radius:19px}.concept-card strong{font-size:1.48rem}}@media(prefers-reduced-motion:reduce){.concept-card{transition:none}}