@font-face{font-family:Tajawal;src:url('assets/Tajawal-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Tajawal;src:url('assets/Tajawal-Medium.ttf') format('truetype');font-weight:500;font-display:swap}@font-face{font-family:Tajawal;src:url('assets/Tajawal-Bold.ttf') format('truetype');font-weight:700;font-display:swap}@font-face{font-family:Tajawal;src:url('assets/Tajawal-ExtraBold.ttf') format('truetype');font-weight:800;font-display:swap}
:root{--teal:#057c7d;--teal-deep:#075c63;--ink:#15384b;--blue:#225d86;--green:#19875f;--green-dark:#126b4c;--aqua:#dff4f3;--cloud:#f4f9fc;--warm:#fffdfa;--gold:#f5b91a;--plum:#8c1b68;--line:#dce9ed;--shadow:0 16px 44px rgba(20,65,84,.11);--radius:20px;--shell:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--warm);font-family:Tajawal,Arial,sans-serif;font-size:16px;line-height:1.72;text-align:right}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.shell{width:min(calc(100% - 48px),var(--shell));margin-inline:auto}.skip-link{position:fixed;z-index:100;top:-60px;right:16px;background:#fff;color:var(--teal-deep);padding:10px 16px;border-radius:10px;box-shadow:var(--shadow);font-weight:700}.skip-link:focus{top:16px}.ico{width:1.15em;height:1.15em;display:inline-flex;vertical-align:-.2em;align-items:center;justify-content:center}.ico svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.eyebrow{display:flex;align-items:center;gap:9px;font-size:.81rem;color:var(--teal);font-weight:700;letter-spacing:.02em;margin-bottom:12px}.eyebrow>span{width:27px;height:2px;background:var(--gold);display:inline-block;border-radius:5px}.eyebrow.light{color:#ccf1ec}.eyebrow.light i{width:28px;height:2px;background:var(--gold);display:inline-block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;min-height:46px;padding:10px 21px;border-radius:11px;font-weight:700;line-height:1.1;transition:.22s ease;white-space:nowrap}.btn .ico{font-size:1.05em}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--green);color:white;box-shadow:0 8px 18px rgba(20,113,78,.18)}.btn-primary:hover{background:var(--green-dark)}.btn-outline{border-color:#a1c7cb;color:var(--teal-deep);background:#fff}.btn-outline:hover{border-color:var(--teal);background:#eaf9f7}.btn-soft{background:#e7f6f4;color:var(--teal-deep)}.btn-inverse{background:white;color:var(--green-dark)}.btn-gold{background:var(--gold);color:#29484b}.btn-gold:hover{background:#ffd267}.text-link{display:inline-flex;align-items:center;gap:7px;color:var(--teal);font-weight:700;border-bottom:1px solid transparent;padding-bottom:2px;transition:.2s}.text-link:hover{border-color:currentColor}.light-link{color:#edffff}.section{padding:92px 0}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:34px}.section-head h2,.section h2{font-size:clamp(1.8rem,3vw,2.55rem);line-height:1.25;margin:0;color:var(--ink);font-weight:800}.section-head p{margin:9px 0 0;max-width:580px;color:#63808d}.section-head.compact{margin-bottom:28px}.section-head .text-link{margin-bottom:5px}.mobile-only{display:none}.center-link{text-align:center;margin-top:24px}
/* Header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,253,250,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(218,232,235,.75)}.topline{background:#eaf7f6;color:#38666c;font-size:.74rem;font-weight:500}.topline-inner{min-height:29px;display:flex;align-items:center;justify-content:space-between;direction:rtl}.topline a{color:var(--teal-deep);font-weight:700}.nav-row{height:77px;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;line-height:0;flex:0 0 auto}.brand-logo{object-fit:contain;width:106px;height:55px;object-position:center;display:block}.desktop-nav{display:flex;align-items:center;gap:22px;margin-right:auto}.desktop-nav a{color:#4c6975;font-size:.87rem;font-weight:700;white-space:nowrap;padding:27px 0 24px;border-bottom:2px solid transparent;transition:.2s}.desktop-nav a:hover,.desktop-nav a.active{color:var(--teal-deep);border-color:var(--green)}.nav-actions{margin-right:auto;display:flex;align-items:center;gap:10px}.donate-nav{min-height:40px;padding:8px 15px;border-radius:9px;font-size:.83rem}.menu-btn{display:none;border:0;background:#eaf6f5;color:var(--teal-deep);height:42px;width:42px;border-radius:10px}.mobile-panel{display:none}
/* Footer */
.site-footer{background:#083e55;color:#e9fafc;padding-top:68px;position:relative;overflow:hidden}.site-footer:before{content:"";position:absolute;width:450px;height:450px;border:1px solid rgba(143,227,213,.12);border-radius:50%;left:-210px;top:-180px}.footer-grid{display:grid;grid-template-columns:1.25fr .72fr .95fr 1fr;gap:42px;position:relative}.footer-intro p{font-size:.88rem;line-height:1.9;color:#b5d4d9;max-width:290px;margin:17px 0}.footer-logo-wrap{width:105px;line-height:0}.footer-logo-wrap .brand-logo{width:104px;height:64px}.social-row{display:flex;gap:8px}.social-link{width:33px;height:33px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(198,245,238,.35);border-radius:50%;transition:.2s;color:white}.social-link:hover{background:#0c7a79;transform:translateY(-2px)}.footer-links{display:flex;flex-direction:column;gap:7px}.footer-links h3{font-size:1rem;margin:3px 0 8px;color:#fff}.footer-links a{font-size:.84rem;color:#bdd7db;display:flex;align-items:flex-start;gap:7px;line-height:1.65}.footer-links a:hover{color:#fff}.footer-links .ico{margin-top:4px;color:#8dddd0;flex:0 0 auto}.mini-map,.big-map{position:relative;display:block;overflow:hidden;border-radius:15px;min-height:182px;background:linear-gradient(120deg,#d9f0e9,#eff6d7);color:#2c6663;isolation:isolate;border:1px solid rgba(255,255,255,.15)}.mini-map:before,.big-map:before{content:"";z-index:-1;position:absolute;inset:0;background:radial-gradient(circle at 74% 22%,rgba(255,255,255,.65) 0 18%,transparent 18.4%),radial-gradient(circle at 24% 72%,rgba(255,255,255,.5) 0 15%,transparent 15.4%)}.map-label{position:absolute;right:13px;top:11px;background:rgba(255,255,255,.88);border-radius:7px;padding:4px 8px;font-size:.66rem;font-weight:700;color:#246767}.map-road{position:absolute;background:#fffdf5;display:block;box-shadow:0 0 0 1px rgba(113,151,139,.08)}.map-road.r1{height:13px;width:120%;right:-12%;top:49%;transform:rotate(-19deg)}.map-road.r2{height:11px;width:120%;left:-18%;top:30%;transform:rotate(35deg)}.map-road.r3{height:7px;width:120%;right:-33%;top:75%;transform:rotate(8deg)}.map-block{position:absolute;background:#c2ddd0;border-radius:4px;transform:rotate(22deg)}.map-block.b1{width:43px;height:29px;right:20px;bottom:24px}.map-block.b2{width:51px;height:31px;left:22px;top:37px}.map-block.b3{width:28px;height:47px;right:47%;top:15px}.map-pin{position:absolute;left:48%;top:50%;color:#d3484e;font-size:2rem;filter:drop-shadow(0 2px 2px rgba(0,0,0,.18));transform:translate(-50%,-50%)}.map-pin .ico{display:block}.map-open{position:absolute;bottom:10px;left:11px;font-size:.65rem;border-bottom:1px solid;color:#20716f;font-weight:700;display:flex;align-items:center;gap:4px}.footer-bottom{position:relative;margin-top:52px;border-top:1px solid rgba(199,242,236,.19);min-height:59px;display:flex;justify-content:space-between;align-items:center;gap:10px}.footer-bottom p{margin:0;font-size:.69rem;color:#a9cbd0}.footer-bottom p .ico{margin-right:3px}.to-top{width:32px;height:32px;border:1px solid rgba(235,255,255,.4);border-radius:50%;display:grid;place-items:center;color:#fff;font-size:1rem}
/* hero home */
.home-hero{padding:49px 0 55px;background:linear-gradient(180deg,#f9fdfc,#f3f8fb);position:relative;overflow:hidden}.home-hero:before{content:"";position:absolute;width:520px;height:520px;left:-270px;bottom:-350px;border:100px solid rgba(148,226,216,.18);border-radius:50%}.hero-shell{min-height:480px;border-radius:27px;background:#e5f4f3;display:grid;grid-template-columns:1.05fr .95fr;position:relative;overflow:hidden}.hero-shell:before{content:"";position:absolute;right:44%;top:-104%;height:270%;width:67%;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(255,255,255,.3));border-radius:50%;transform:rotate(15deg)}.hero-copy{padding:76px 54px 53px 12px;z-index:2;align-self:center}.hero-copy h1{font-size:clamp(2.45rem,5vw,4.6rem);line-height:1.08;margin:0 0 19px;color:#124b65;letter-spacing:-.04em;font-weight:800}.hero-copy h1 em{color:var(--green);font-style:normal}.hero-copy>p{font-size:1.03rem;max-width:485px;line-height:1.95;color:#496d7b;margin:0 0 27px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-note{display:flex;align-items:center;gap:8px;color:#3d6770;margin-top:32px;font-size:.75rem}.hero-note .ico{color:#148262;font-size:1.35rem}.hero-media{position:relative;z-index:1;height:100%;min-height:480px;overflow:hidden}.hero-media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,66,83,.08),transparent 36%,rgba(3,50,55,.07))}.hero-badge{position:absolute;z-index:3;right:26px;bottom:28px;border-radius:15px;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);padding:12px 16px;display:flex;align-items:center;gap:9px;box-shadow:0 10px 25px rgba(16,74,73,.18);min-width:210px}.hero-badge>span{display:grid;place-items:center;background:#e1f4eb;color:var(--green);border-radius:50%;width:36px;height:36px}.hero-badge b{display:block;color:#204a5b;font-size:.86rem}.hero-badge small{display:block;color:#6f8991;font-size:.68rem}.hero-media .dot-art{right:28px;top:25px;color:#fff}.dot-art{position:absolute;width:87px;height:91px;background-image:radial-gradient(currentColor 1.3px,transparent 1.8px);background-size:10px 10px;opacity:.55}.orbit-one,.orbit-two{position:absolute;border:1px solid rgba(255,255,255,.6);border-radius:50%;z-index:2}.orbit-one{height:210px;width:210px;right:-114px;top:-85px}.orbit-two{height:155px;width:155px;right:-78px;top:-56px}
/* home sections */
.activities-section{background:#fff}.home-project-grid{display:grid;grid-template-columns:1.23fr repeat(3,1fr);gap:16px}.project-card{background:#fff;border:1px solid #e3eff0;border-radius:16px;overflow:hidden;min-width:0;box-shadow:0 5px 16px rgba(32,95,111,.04);transition:box-shadow .25s,transform .25s;display:flex;flex-direction:column}.project-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.project-img{height:174px;position:relative;overflow:hidden;background:#d9eeec}.project-img img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.project-card:hover .project-img img{transform:scale(1.035)}.project-img:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,40,49,.32),transparent 48%)}.project-img span{position:absolute;z-index:1;right:10px;top:10px;padding:3px 9px;border-radius:20px;color:#0e5c60;background:#effffb;font-size:.65rem;font-weight:700}.project-content{padding:16px 16px 14px;display:flex;flex-direction:column;flex:1}.project-content h3{font-size:1rem;margin:0 0 6px;color:#194557;line-height:1.4}.project-content p{font-size:.77rem;line-height:1.8;color:#6a858d;margin:0 0 12px}.project-content .text-link{font-size:.75rem;margin-top:auto;width:max-content}.home-project-grid .featured .project-img{height:223px}.home-project-grid .featured .project-content{padding:19px}.home-project-grid .featured .project-content h3{font-size:1.17rem}.about-editorial{background:#f5fbfb;padding-top:104px;padding-bottom:104px;overflow:hidden}.editorial-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:85px;align-items:center}.editorial-media{height:405px;position:relative}.editorial-media>img{height:100%;width:100%;object-fit:cover;border-radius:160px 18px 18px 18px;box-shadow:var(--shadow)}.round-stamp{position:absolute;left:-35px;bottom:24px;width:114px;height:114px;background:var(--gold);border-radius:50%;display:grid;place-content:center;text-align:center;transform:rotate(-12deg);color:#385b5c;border:5px solid #fff}.round-stamp span{font-size:.72rem}.round-stamp b{font-size:1rem;line-height:1.1}.editorial-copy h2{font-size:clamp(1.75rem,3vw,2.6rem);max-width:550px;margin:0 0 17px}.editorial-copy>p{color:#557580;max-width:600px;font-size:.96rem;margin:0 0 20px}.value-row{border-right:3px solid var(--gold);padding-right:14px;display:flex;gap:10px;align-items:flex-start;margin:22px 0}.value-row>span{width:36px;height:36px;display:grid;place-items:center;color:var(--green);background:#e1f5eb;border-radius:50%}.value-row b{font-size:.9rem}.value-row p{margin:0;color:#6f878e;font-size:.78rem}.impact-band{padding:69px 0;background:var(--teal-deep);color:white;position:relative;overflow:hidden}.impact-band:after{content:"";position:absolute;height:370px;width:370px;border:48px solid rgba(169,238,224,.1);border-radius:50%;left:-150px;top:-250px}.impact-head{position:relative;z-index:1;text-align:center;max-width:680px;margin:0 auto 39px}.impact-head .eyebrow{justify-content:center;color:#bbf1e3}.impact-head h2{color:white}.impact-head p{font-size:.84rem;color:#bbd6d9;margin:9px 0 0}.impact-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:0}.impact-grid>div{padding:0 25px;text-align:center;border-left:1px solid rgba(206,244,238,.23)}.impact-grid>div:last-child{border:0}.impact-grid strong{font-size:2.35rem;line-height:1;color:#fae18b;display:block;font-weight:800;direction:rtl}.impact-grid span{font-size:.76rem;line-height:1.7;color:#d0e5e7;display:block;margin-top:10px}.featured-section{background:#fff}.split-title{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:34px}.split-title h2{font-size:clamp(2rem,3.4vw,3rem)}.split-title>p{max-width:420px;color:#64828d;margin:0 0 6px;font-size:.94rem}.mosaic-grid{display:grid;grid-template-columns:1.25fr .8fr .7fr;gap:17px;align-items:stretch}.mosaic-grid .project-card:first-child .project-img{height:270px}.mosaic-grid .project-card:first-child .project-content h3{font-size:1.22rem}.mosaic-callout{border-radius:17px;background:linear-gradient(140deg,#1b9872,#07666b);padding:28px;color:white;display:flex;flex-direction:column;justify-content:space-between;min-height:100%}.mosaic-callout>span{width:45px;height:45px;border-radius:50%;background:rgba(255,255,255,.16);display:grid;place-items:center;color:#fff0b2}.mosaic-callout h3{font-size:1.5rem;line-height:1.45;margin:35px 0}.mosaic-callout .btn{width:max-content}.partnership-section{padding-top:0;padding-bottom:38px;background:#fff}.partnership-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;color:white;background:#0c5364;border-radius:20px;padding:30px 36px;position:relative;overflow:hidden}.partnership-card:after{content:"";position:absolute;width:260px;height:260px;left:-120px;bottom:-210px;border:45px solid rgba(168,236,222,.14);border-radius:50%}.un-mark{width:78px;height:78px;border:1px solid rgba(207,250,241,.6);border-radius:50%;display:grid;place-content:center;text-align:center;font-size:1.4rem;font-weight:800;line-height:.7;color:#c9f1ec}.un-mark small{font-size:.55rem;letter-spacing:.14em}.announcement{color:#ffdc73;font-size:.74rem;font-weight:700}.partnership-card h2{color:white;font-size:1.28rem;margin:4px 0}.partnership-card p{margin:0;max-width:680px;color:#cce8e9;font-size:.82rem}.updates-section{background:#f2f8fb}.news-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.news-card{background:white;border-radius:15px;border:1px solid #deebee;padding:21px;min-height:220px;display:flex;flex-direction:column}.news-card time{font-size:.7rem;color:var(--teal);display:flex;align-items:center;gap:5px;font-weight:700}.news-card h3{font-size:1.06rem;line-height:1.5;color:#18495f;margin:14px 0 8px}.news-card p{font-size:.8rem;line-height:1.8;color:#6b858f;margin:0 0 14px}.news-card .text-link{font-size:.75rem;margin-top:auto}.social-news{border-radius:15px;padding:23px;background:linear-gradient(145deg,#edf8f7,#ddf1f5);min-height:220px;border:1px solid #d2e9e7}.social-news-icons{display:flex;gap:8px;color:#077a78;font-size:1.25rem}.social-news h3{font-size:1.06rem;margin:15px 0 4px}.social-news p{font-size:.8rem;line-height:1.8;color:#5e7b84;margin:0 0 15px}.tiny-link{font-size:.73rem;color:#08716f;font-weight:700;margin-left:11px;text-decoration:underline}.donation-banner{padding:0 0 90px;background:#f2f8fb}.donation-banner-inner{min-height:128px;background:linear-gradient(110deg,#126f58,#168765);padding:22px 37px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:white;border-radius:17px;overflow:hidden;position:relative}.donation-banner-inner:after{content:"";position:absolute;left:-72px;top:-120px;width:260px;height:260px;border:38px solid rgba(255,255,255,.11);border-radius:50%}.donation-banner-inner>div{display:flex;align-items:center;gap:15px}.donation-banner-inner>div>span{height:53px;width:53px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.16);font-size:1.5rem}.donation-banner p{font-size:.76rem;color:#cdeadd;margin:0}.donation-banner h2{color:white;font-size:1.55rem;margin:1px 0}
/* internal hero */
.breadcrumbs{padding-top:19px;font-size:.73rem;color:#6c8790;display:flex;align-items:center;gap:7px}.breadcrumbs a:hover{color:var(--teal);text-decoration:underline}.breadcrumbs span{font-size:.8rem;transform:rotate(180deg);display:inline-flex}.breadcrumbs b{font-weight:700;color:#315969}.page-hero{padding:31px 0 78px;background:#f4fafb;overflow:hidden}.page-hero-grid{min-height:345px;display:grid;grid-template-columns:1fr .75fr;gap:48px;align-items:center}.page-hero-copy h1{font-size:clamp(2.25rem,4.5vw,3.85rem);line-height:1.16;color:#194c63;margin:0 0 14px;font-weight:800;letter-spacing:-.035em}.page-hero-copy p{max-width:590px;color:#597782;font-size:1rem;margin:0}.page-hero-copy .btn{margin-top:25px}.page-hero-image{height:320px;position:relative}.page-hero-image img{height:100%;width:100%;object-fit:cover;border-radius:17px 100px 17px 17px;box-shadow:var(--shadow)}.page-hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,75,82,.06),transparent)}.page-hero-image .dot-art{left:-31px;bottom:-30px;color:var(--gold);z-index:2}.about-main{padding:70px 0}.about-main-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px;align-items:center}.big-number{font-size:6.5rem;line-height:.73;color:var(--teal);font-weight:800;letter-spacing:-.09em}.big-number span{display:block;font-size:.78rem;letter-spacing:0;color:#60808a;margin-right:6px;margin-top:16px}.caption{margin:6px 0 0;font-size:.73rem;color:#78929a}.about-main h2{font-size:2rem;margin:0 0 13px}.about-main p{max-width:690px;color:#587681;margin:0 0 13px}.values-section{background:#f1f8fb}.values-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.value-card{background:#fff;border:1px solid #dfedf0;border-radius:14px;padding:20px 16px;min-height:180px}.value-card>span{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:#e8f6f0;color:var(--green);font-size:1.15rem}.value-card h3{font-size:.97rem;margin:13px 0 7px;line-height:1.5;color:#205064}.value-card p{font-size:.75rem;color:#6d868d;line-height:1.75;margin:0}.story-section{background:#fff}.story-grid{display:grid;grid-template-columns:.87fr 1.13fr;gap:85px;align-items:center}.story-visual{height:390px;position:relative}.story-visual img{width:100%;height:100%;object-fit:cover;border-radius:18px 18px 130px 18px;box-shadow:var(--shadow)}.story-note{position:absolute;left:-27px;bottom:20px;border-radius:12px;background:var(--teal-deep);color:#fff;padding:13px 19px;font-size:.9rem;font-weight:700;line-height:1.5;box-shadow:var(--shadow)}.story-grid h2{max-width:510px;margin:0 0 13px}.story-grid p{color:#5b7883;margin:0 0 19px;max-width:590px}.check-list{list-style:none;padding:0;margin:0 0 23px}.check-list li{margin:8px 0;color:#30596a;font-size:.88rem;padding-right:24px;position:relative}.check-list li:before{content:'✓';position:absolute;right:0;color:var(--green);font-weight:800}
/* services */
.intro-centered{text-align:center;max-width:680px;margin:0 auto 35px}.intro-centered h2{margin:0 0 8px}.intro-centered p{color:#68858f;font-size:.88rem;margin:0}.services-directory{background:#fff}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-card{border:1px solid #e0ecee;border-radius:15px;padding:18px 14px;display:flex;gap:13px;align-items:flex-start;background:#fff;min-height:210px;transition:.2s}.service-card:hover{border-color:#9acac4;box-shadow:0 12px 25px rgba(28,91,96,.08)}.service-icon{height:39px;width:39px;flex:0 0 39px;display:grid;place-items:center;border-radius:12px;background:#e5f5f3;color:var(--teal);font-size:1.18rem}.service-card h3{font-size:.98rem;line-height:1.45;margin:0 0 5px;color:#1a4c61}.service-card p{font-size:.73rem;color:#67818a;line-height:1.75;margin:0 0 9px}.service-card small{display:block;font-size:.65rem;color:#197d69;font-weight:700;line-height:1.6}.projects-directory{background:#f3f9fa}.project-directory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.project-directory-grid .project-img{height:220px}.simple-cta{background:var(--teal-deep);color:#fff}.simple-cta .shell{min-height:154px;display:flex;align-items:center;justify-content:space-between;gap:20px}.simple-cta .shell>div{display:flex;align-items:center;gap:15px}.simple-cta .shell>div>span{font-size:1.65rem;color:#ffe58a}.simple-cta h2{font-size:1.45rem;color:white;margin:0}.simple-cta p{font-size:.8rem;color:#c6e3e3;margin:3px 0 0}
/* project detail */
.project-hero{background:#eef8f7;padding:55px 0 71px;overflow:hidden}.project-hero-grid{display:grid;grid-template-columns:1fr .85fr;align-items:center;gap:65px}.project-kicker{display:inline-block;border-radius:20px;padding:4px 12px;background:#d7efe9;color:#147059;font-size:.72rem;font-weight:700}.project-hero-copy h1{font-size:clamp(2.2rem,4vw,3.7rem);line-height:1.2;margin:12px 0;color:#1c4d63;font-weight:800}.project-hero-copy p{color:#56747f;max-width:650px;margin:0;font-size:.97rem}.project-hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:25px}.project-hero-image{height:360px;position:relative}.project-hero-image img{width:100%;height:100%;object-fit:cover;border-radius:18px 120px 18px 18px;box-shadow:var(--shadow)}.project-hero-image .dot-art{right:-25px;bottom:-28px;color:var(--gold)}.project-details{background:#fff}.detail-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:start}.detail-grid h2{margin:0 0 21px;font-size:2rem}.feature-list{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:13px}.feature-list li{display:flex;gap:9px;padding:12px;border-radius:10px;background:#f5fafb;color:#395f6c;font-size:.83rem;line-height:1.75}.feature-list li .ico{color:var(--green);font-size:1.1rem;flex:0 0 auto;margin-top:2px}.fact-card{border-radius:15px;background:#e4f5f2;padding:24px}.fact-card>span{font-size:.71rem;color:#087a69;font-weight:700}.fact-card p{color:#195467;font-size:1.02rem;font-weight:700;line-height:1.85;margin:10px 0}.fact-card small{display:block;border-top:1px solid #b8dcd6;padding-top:10px;color:#658289;font-size:.66rem;line-height:1.6}.donate-project{background:linear-gradient(120deg,#0b5362,#087c79)}.donate-project-grid{display:flex;align-items:center;justify-content:space-between;gap:30px;color:white}.donate-project .eyebrow{color:#c7f3ea}.donate-project h2{color:white;font-size:2rem}.donate-project h2 strong{color:#ffe08b}.donate-project p{color:#c5e2e3;max-width:590px;font-size:.83rem;margin:9px 0 0}.donate-project-grid>div:last-child{display:flex;flex-direction:column;align-items:center;gap:8px}.donate-project .btn.big{min-height:55px}.donate-project-grid small{font-size:.65rem;color:#c1dedf}.related-projects{background:#fff;padding-top:72px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
/* donation */
.donation-hero{background:#0d5a67;padding:70px 0;color:#fff;overflow:hidden;position:relative}.donation-hero:after{content:"";position:absolute;width:620px;height:620px;border:90px solid rgba(211,255,239,.08);border-radius:50%;left:-360px;bottom:-480px}.donation-top{display:flex;align-items:center;justify-content:space-between;gap:50px;position:relative;z-index:1}.donation-top .eyebrow{color:#d2f3e8}.donation-top h1{font-size:clamp(2.4rem,4.5vw,4.1rem);line-height:1.1;margin:0 0 15px;font-weight:800}.donation-top h1 em{font-style:normal;color:#f8cb55}.donation-top p{max-width:580px;color:#c3e1e3;margin:0;font-size:1rem}.secure-note{display:flex;align-items:center;gap:8px;margin-top:22px;color:#e5fffa;font-size:.78rem}.secure-note .ico{color:#f3c142;font-size:1.2rem}.donation-heart{height:178px;width:178px;border:1px solid rgba(225,255,247,.42);border-radius:50%;display:grid;place-content:center;text-align:center;position:relative;flex:0 0 auto;background:rgba(255,255,255,.04)}.donation-heart:before{content:"";position:absolute;inset:12px;border:1px solid rgba(225,255,247,.25);border-radius:50%}.donation-heart .ico{display:block;color:#ffda77;font-size:2.2rem;margin-bottom:8px}.donation-heart span{font-size:.92rem;font-weight:700;line-height:1.55}.donation-flow{background:#fff}.donation-step-title{display:flex;align-items:center;gap:15px;margin-bottom:24px}.donation-step-title>span{font-size:1.4rem;color:#087b72;font-weight:800;border-left:2px solid #f2bf35;padding-left:14px}.donation-step-title h2{font-size:1.55rem;margin:0}.donation-step-title p{margin:1px 0 0;color:#718991;font-size:.77rem}.donation-destinations{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.donation-destination{border:1px solid #dbe8e9;background:white;border-radius:13px;text-align:right;padding:10px;display:flex;align-items:center;gap:11px;color:#345b69;transition:.2s;min-height:91px}.donation-destination:hover{border-color:#78b6a9}.donation-destination.selected{border:2px solid #168261;background:#f1fbf7;box-shadow:0 7px 20px rgba(13,113,82,.09)}.destination-img{width:58px;height:66px;overflow:hidden;flex:0 0 58px;border-radius:8px;background:#ddecf0}.destination-img img{width:100%;height:100%;object-fit:cover}.donation-destination span:nth-child(2){min-width:0;flex:1}.donation-destination b{font-size:.84rem;display:block;line-height:1.5}.donation-destination small{display:block;font-size:.65rem;line-height:1.45;color:#718890;margin-top:2px}.donation-destination>.ico{opacity:0;color:#168261;font-size:1.1rem}.donation-destination.selected>.ico{opacity:1}.donation-review{margin-top:25px;border-radius:16px;background:#eaf7f4;padding:22px 25px;display:flex;align-items:center;justify-content:space-between;gap:18px}.selection-label{font-size:.68rem;color:#16816c;font-weight:700}.donation-review h3{font-size:1.25rem;color:#1b5364;margin:3px 0}.donation-review p{font-size:.75rem;color:#658087;margin:0}.donation-disclaimer{font-size:.72rem;color:#748c93;margin:16px 0 0}.donation-confidence{background:#f3f8fb;padding:36px 0}.confidence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.confidence-grid>div{display:flex;gap:10px}.confidence-grid>div>span{color:#107866;font-size:1.35rem}.confidence-grid b{color:#285564;font-size:.87rem}.confidence-grid p{margin:2px 0 0;color:#6e858e;font-size:.7rem;line-height:1.75}
/* news */
.news-list{background:#fff}.news-feature{display:grid;grid-template-columns:1fr 260px;border:1px solid #dcebed;border-radius:18px;overflow:hidden;margin-bottom:20px}.news-feature-copy{padding:33px}.news-feature time{font-size:.74rem;color:#088171;font-weight:700;display:flex;align-items:center;gap:6px}.news-feature h2{font-size:1.72rem;color:#195267;margin:13px 0 8px;max-width:740px}.news-feature p{color:#607b85;max-width:750px;font-size:.9rem;margin:0 0 18px}.unhcr-panel{background:#0b7180;color:white;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;position:relative;overflow:hidden}.unhcr-panel:before{content:"";position:absolute;width:320px;height:320px;border:25px solid rgba(207,255,244,.13);border-radius:50%;top:-183px;left:-153px}.unhcr-panel span{font-size:2.2rem;letter-spacing:.1em;font-weight:800;position:relative}.unhcr-panel small{position:relative;font-size:.7rem;color:#c6f2e9}.news-grid.wide{grid-template-columns:repeat(3,1fr);margin-top:17px}.official-social-card{margin-top:25px;border-radius:17px;background:#edf8f8;padding:28px 31px;display:flex;justify-content:space-between;align-items:center;gap:26px}.official-social-card h2{font-size:1.55rem;margin:0}.official-social-card p{margin:5px 0 0;max-width:570px;font-size:.82rem;color:#607a83}.official-social-links{display:flex;gap:9px;flex-wrap:wrap}.official-social-links .btn{font-size:.76rem;min-height:40px;padding:8px 12px}
/* Branches */
.branches-section{background:#fff}.branch-main{border:1px solid #dcebed;border-radius:18px;display:grid;grid-template-columns:1fr .9fr;overflow:hidden;margin-bottom:24px}.branch-main>div:first-child{padding:42px}.branch-main>div:first-child>span{display:inline-block;border-radius:15px;background:#dff4ed;color:#11745d;font-size:.7rem;font-weight:700;padding:3px 10px}.branch-main h2{font-size:2rem;margin:13px 0 4px}.branch-main p{color:#66818a;margin:0 0 22px}.branch-actions{display:flex;gap:9px;flex-wrap:wrap}.big-map{border-radius:0;min-height:310px}.big-map .map-label{font-size:.75rem;right:20px;top:19px}.big-map .map-open{left:18px;bottom:18px;font-size:.73rem}.big-map .map-pin{font-size:2.6rem}.branch-list{display:grid;grid-template-columns:1fr 1fr;gap:13px}.branch-item{padding:18px;border:1px solid #e2edee;border-radius:13px;display:flex;align-items:flex-start;gap:11px}.branch-item>span{height:34px;width:34px;display:grid;place-items:center;background:#e5f5f1;color:#13826b;border-radius:50%;flex:0 0 auto}.branch-item h3{font-size:.95rem;line-height:1.4;margin:2px 0 4px}.branch-item p{margin:0;font-size:.73rem;line-height:1.75;color:#718790}.branch-item>a{margin-right:auto;display:grid;place-items:center;width:28px;height:28px;border:1px solid #b6d7d5;color:#0a7c73;border-radius:50%;font-size:.8rem;flex:0 0 auto}.clinic-note{background:#f3f9fb;padding:36px 0}.clinic-note-inner{display:flex;align-items:center;gap:13px}.clinic-note-inner>span{color:#168261;font-size:1.6rem}.clinic-note-inner>div{flex:1}.clinic-note-inner h2{font-size:1.25rem;margin:0}.clinic-note-inner p{font-size:.79rem;color:#617d87;margin:2px 0 0;max-width:760px}.clinic-note-inner .text-link{font-size:.78rem}
/* contact */
.contact-section{background:#fff}.contact-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:30px;align-items:start}.contact-panel{background:#0c5b67;color:white;border-radius:17px;padding:30px}.contact-panel h2{font-size:1.5rem;color:white;margin:0 0 22px}.contact-panel>a{display:flex;gap:11px;color:#eafafa;padding:13px 0;border-bottom:1px solid rgba(221,255,251,.2);align-items:center}.contact-panel>a>span{height:38px;width:38px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.12);color:#edce67;flex:0 0 auto}.contact-panel small{display:block;color:#b8dcde;font-size:.67rem}.contact-panel b{display:block;font-size:.82rem;font-weight:700;line-height:1.55}.contact-panel bdi{font-weight:700}.contact-social{margin-top:23px}.contact-social p{font-size:.75rem;color:#c9e5e6;margin:0 0 8px}.contact-social .social-link{margin-left:6px}.contact-form-wrap{border:1px solid #e0ebed;border-radius:17px;padding:33px}.contact-form-wrap h2{font-size:1.7rem;margin:0 0 3px}.contact-form-wrap>div>p{color:#70878f;margin:0 0 25px;font-size:.78rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-form-wrap label{font-size:.78rem;font-weight:700;color:#315a68;display:block;margin-bottom:14px}.contact-form-wrap label small{font-size:.64rem;font-weight:400;color:#789096}.contact-form-wrap input,.contact-form-wrap textarea,.contact-form-wrap select{display:block;width:100%;margin-top:5px;border:1px solid #d8e6e9;background:#fbfdfd;border-radius:9px;padding:11px 12px;color:#244c5d;outline:none;transition:.2s;font-size:.85rem}.contact-form-wrap input:focus,.contact-form-wrap textarea:focus,.contact-form-wrap select:focus{border-color:#1a947f;box-shadow:0 0 0 3px rgba(21,143,122,.1)}.contact-form-wrap textarea{height:120px;resize:vertical}.contact-form-wrap form>.btn{margin-top:0}.contact-form-wrap .btn:disabled{opacity:.67;cursor:wait;transform:none}.form-status{font-size:.75rem;line-height:1.8;margin:12px 0 0;min-height:0}.form-status.success{color:#107155}.form-status.error{color:#bf4050}.notfound{min-height:55vh;display:grid;place-items:center;text-align:center;padding:100px 0}.notfound span{font-size:6rem;color:#d6e9e9;font-weight:800;display:block;line-height:1}.notfound h1{font-size:1.8rem;margin:10px 0 19px}
@media(max-width:1050px){.desktop-nav{gap:14px}.nav-row{gap:22px}.home-project-grid{grid-template-columns:1fr 1fr}.home-project-grid .featured{grid-row:span 1}.home-project-grid .featured .project-img{height:200px}.values-grid{grid-template-columns:repeat(3,1fr)}.services-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1.25fr .85fr .9fr}.mini-map{grid-column:1/-1;width:100%;min-height:150px}.mosaic-grid{grid-template-columns:1.25fr .8fr}.mosaic-callout{grid-column:1/-1;min-height:170px}.mosaic-callout h3{margin:13px 0}.partnership-card{grid-template-columns:auto 1fr}.partnership-card .light-link{grid-column:2}.detail-grid{gap:35px}.donation-destinations{grid-template-columns:1fr 1fr}.page-hero-grid{gap:35px}.contact-grid{grid-template-columns:.8fr 1.2fr}}
@media(max-width:930px){.desktop-nav,.donate-nav{display:none}.menu-btn{display:grid;place-items:center}.nav-actions{margin-right:auto}.mobile-panel{display:block}}
@media(max-width:790px){body{font-size:15px}.shell{width:min(calc(100% - 32px),var(--shell))}.section{padding:64px 0}.topline{display:none}.nav-row{height:66px}.brand-logo{width:89px;height:47px}.desktop-nav,.donate-nav{display:none}.nav-actions{margin-right:auto}.menu-btn{display:grid;place-items:center}.mobile-panel{display:block;max-height:0;overflow:hidden;background:#fff;border-top:1px solid transparent;transition:max-height .28s ease}.mobile-panel.is-open{max-height:420px;border-color:#e5eeef}.mobile-panel nav{width:min(calc(100% - 32px),var(--shell));margin:auto;padding:8px 0 15px;display:flex;flex-direction:column}.mobile-panel a{padding:11px 4px;font-size:.9rem;font-weight:700;color:#416573;border-bottom:1px solid #edf3f4}.mobile-panel a.active{color:var(--teal)}.mobile-panel .mobile-donate{background:var(--green);color:white;border-radius:8px;padding:11px 14px;margin-top:9px;border:0}.desktop-only{display:none}.mobile-only{display:block}.section-head{align-items:flex-start;margin-bottom:25px}.section-head h2{font-size:1.75rem}.hero-shell{grid-template-columns:1fr;border-radius:19px;min-height:0}.hero-shell:before{display:none}.hero-copy{padding:43px 26px 29px;order:2}.hero-copy h1{font-size:2.55rem}.hero-copy>p{font-size:.92rem}.hero-media{min-height:280px;order:1}.hero-media>img{object-position:center 38%}.hero-badge{left:13px;right:auto;bottom:13px;padding:9px 11px;min-width:180px}.hero-note{font-size:.67rem;margin-top:20px}.activities-section{padding-top:65px}.home-project-grid{grid-template-columns:1fr 1fr;gap:11px}.home-project-grid .featured{grid-column:1/-1}.home-project-grid .featured .project-img{height:215px}.project-img{height:145px}.project-content{padding:13px}.project-content h3{font-size:.88rem}.project-content p{font-size:.7rem;margin-bottom:8px}.project-content .text-link{font-size:.7rem}.editorial-grid,.story-grid{grid-template-columns:1fr;gap:33px}.about-editorial{padding-top:65px;padding-bottom:65px}.editorial-media{height:320px;width:92%;margin-right:auto}.editorial-media>img{border-radius:100px 15px 15px}.round-stamp{left:-22px;width:92px;height:92px}.editorial-copy h2{font-size:1.78rem}.impact-band{padding:57px 0}.impact-grid{grid-template-columns:1fr 1fr;gap:21px 0}.impact-grid>div{padding:0 12px}.impact-grid>div:nth-child(2){border-left:0}.impact-grid strong{font-size:1.78rem}.impact-grid span{font-size:.68rem}.split-title{display:block;margin-bottom:25px}.split-title>p{font-size:.83rem;margin:12px 0 0}.mosaic-grid{grid-template-columns:1fr;gap:12px}.mosaic-grid .project-card:first-child .project-img{height:210px}.mosaic-callout{grid-column:auto;min-height:175px}.partnership-section{padding-bottom:28px}.partnership-card{grid-template-columns:1fr;padding:26px 23px;gap:14px}.un-mark{width:56px;height:56px;font-size:1rem}.partnership-card h2{font-size:1.08rem}.partnership-card .light-link{grid-column:auto}.news-grid{grid-template-columns:1fr;gap:12px}.donation-banner{padding-bottom:64px}.donation-banner-inner{padding:20px;min-height:150px;align-items:flex-start;flex-direction:column}.donation-banner h2{font-size:1.22rem}.donation-banner .btn{width:100%}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-intro{grid-column:1/-1}.footer-intro p{max-width:430px}.mini-map{grid-column:1/-1;min-height:150px}.footer-bottom{margin-top:35px;min-height:75px}.footer-bottom p{font-size:.6rem;line-height:1.7}.breadcrumbs{padding-top:14px;font-size:.65rem}.page-hero{padding:22px 0 55px}.page-hero-grid{grid-template-columns:1fr;gap:25px}.page-hero-copy h1{font-size:2.35rem}.page-hero-copy p{font-size:.88rem}.page-hero-image{height:230px;order:-1}.page-hero-image img{border-radius:13px 75px 13px}.about-main-grid{grid-template-columns:1fr;gap:22px}.big-number{font-size:5rem}.about-main h2{font-size:1.65rem}.values-grid{grid-template-columns:1fr 1fr;gap:10px}.value-card{min-height:0;padding:16px 13px}.value-card:last-child{grid-column:1/-1}.value-card h3{font-size:.86rem}.value-card p{font-size:.69rem}.story-visual{height:285px;width:90%;margin-right:auto}.story-grid h2{font-size:1.7rem}.services-grid{grid-template-columns:1fr 1fr;gap:10px}.service-card{min-height:0;display:block;padding:15px 12px}.service-icon{margin-bottom:11px}.service-card h3{font-size:.84rem}.service-card p{font-size:.68rem}.service-card small{font-size:.61rem}.project-directory-grid{grid-template-columns:1fr 1fr;gap:11px}.project-directory-grid .project-img{height:155px}.simple-cta .shell{min-height:175px;align-items:flex-start;justify-content:center;flex-direction:column;padding:25px 0}.simple-cta h2{font-size:1.2rem}.project-hero{padding:39px 0 53px}.project-hero-grid{grid-template-columns:1fr;gap:28px}.project-hero-image{height:250px;order:-1}.project-hero-copy h1{font-size:2.25rem}.project-hero-copy p{font-size:.87rem}.detail-grid{grid-template-columns:1fr;gap:28px}.detail-grid h2{font-size:1.55rem}.feature-list{grid-template-columns:1fr}.feature-list li{font-size:.78rem}.donate-project-grid{display:block}.donate-project h2{font-size:1.6rem}.donate-project-grid>div:last-child{align-items:stretch;margin-top:23px}.donate-project-grid .btn{width:100%}.related-grid{grid-template-columns:1fr 1fr;gap:11px}.donation-hero{padding:55px 0}.donation-top{display:block}.donation-top h1{font-size:2.5rem}.donation-top p{font-size:.86rem}.donation-heart{display:none}.donation-destinations{grid-template-columns:1fr;gap:9px}.donation-destination{min-height:80px}.donation-review{padding:18px;display:block}.donation-review .btn{width:100%;margin-top:14px}.confidence-grid{grid-template-columns:1fr;gap:17px}.news-feature{grid-template-columns:1fr}.news-feature-copy{padding:24px}.news-feature h2{font-size:1.42rem}.unhcr-panel{min-height:115px}.news-grid.wide{grid-template-columns:1fr}.official-social-card{display:block;padding:25px 20px}.official-social-card h2{font-size:1.35rem}.official-social-links{margin-top:17px}.branch-main{grid-template-columns:1fr}.branch-main>div:first-child{padding:28px}.big-map{min-height:235px}.branch-list{grid-template-columns:1fr}.clinic-note-inner{align-items:flex-start;flex-wrap:wrap}.clinic-note-inner .text-link{width:100%;margin-top:4px}.contact-grid{grid-template-columns:1fr;gap:15px}.contact-panel,.contact-form-wrap{padding:24px 20px}.form-grid{grid-template-columns:1fr;gap:0}.contact-form-wrap h2{font-size:1.45rem}}
@media(max-width:390px){.home-project-grid,.services-grid,.project-directory-grid,.related-grid,.values-grid{grid-template-columns:1fr}.home-project-grid .featured{grid-column:auto}.value-card:last-child{grid-column:auto}.project-img,.project-directory-grid .project-img{height:190px}.footer-grid{grid-template-columns:1fr}.footer-intro{grid-column:auto}.mosaic-grid .project-card:first-child .project-img{height:190px}.hero-copy h1{font-size:2.25rem}}

/* ──────────────────────────────────────────────────────────
   Editorial news, accessibility drawer, and partnership updates
   ────────────────────────────────────────────────────────── */
:root { --ink-deep: #0d3551; --blue-900: #073f68; --blue-800: #075583; --teal-700: #087b80; --aqua-soft: #e8f6f6; --sand: #fff8ee; --coral: #f26f5b; --warm-white: #fffdfa; }
.site-header { position: relative; z-index: 50; }
.menu-btn { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 1px solid #d9e5e9; border-radius: 50%; color: var(--ink-deep); background: #fff; cursor: pointer; transition: .2s ease; }
.menu-btn:hover, .menu-btn:focus-visible { background: var(--aqua-soft); border-color: #88c8cb; outline: none; }
.menu-btn svg { width: 21px; height: 21px; }
.drawer-backdrop { position: fixed; z-index: 70; inset: 0; display: block; opacity: 0; visibility: hidden; pointer-events: none; background: rgba(8, 37, 56, .5); backdrop-filter: blur(3px); transition: opacity .24s ease, visibility .24s ease; }
.drawer-backdrop.is-open { opacity: 1; visibility: visible; pointer-events: auto; }
.mobile-panel.drawer { position: fixed; z-index: 80; top: 0; right: 0; bottom: 0; display: flex; flex-direction: column; width: min(390px, 91vw); min-height: 100vh; padding: 22px 24px 28px; overflow-y: auto; color: var(--ink-deep); background: #fffdf9; box-shadow: -18px 0 45px rgba(7, 40, 62, .18); transform: translateX(105%); transition: transform .3s cubic-bezier(.2,.72,.27,1); }
.mobile-panel.drawer.is-open { transform: translateX(0); }
.drawer-top { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding-bottom: 20px; border-bottom: 1px solid #dce8eb; }
.drawer-brand .brand-logo { max-width: 142px; }
.drawer-close { display: grid; place-items: center; flex: 0 0 auto; width: 42px; height: 42px; padding: 0; color: #0c496b; border: 1px solid #d5e4e7; border-radius: 50%; background: #fff; cursor: pointer; }
.drawer-close:hover, .drawer-close:focus-visible { background: var(--aqua-soft); outline: none; }
.drawer-close svg { width: 20px; height: 20px; }
.mobile-panel.drawer nav { display: grid; gap: 2px; padding: 22px 0 15px; margin: 0; }
.mobile-panel.drawer nav a { display: flex; align-items: center; min-height: 47px; padding: 9px 12px; color: #1a4357; font-size: 1rem; font-weight: 700; text-decoration: none; border-radius: 9px; border-bottom: none; }
.mobile-panel.drawer nav a:hover, .mobile-panel.drawer nav a:focus-visible, .mobile-panel.drawer nav a.active { color: #006f75; background: #e9f6f5; outline: none; }
.drawer-follow { padding: 20px 12px 6px; margin-top: auto; border-top: 1px solid #dce8eb; }
.drawer-follow p { margin: 0 0 11px; color: #68808d; font-size: .78rem; font-weight: 800; letter-spacing: .03em; }
.drawer-follow > div { display: flex; flex-wrap: wrap; gap: 8px; }
.drawer-social { display: inline-flex; align-items: center; gap: 6px; padding: 8px 10px; color: #125270; font-size: .8rem; font-weight: 700; text-decoration: none; background: #f0f8f8; border-radius: 7px; }
.drawer-social:hover { color: #fff; background: #0d6d73; }
.drawer-social svg { width: 15px; height: 15px; }

.home-news-lead { position: relative; padding: 32px 0 26px; background: linear-gradient(111deg, #e9f7f7 0%, #fbfefd 54%, #fff7ec 100%); border-bottom: 1px solid #dcebed; }
.news-lead-grid { display: grid; grid-template-columns: minmax(360px, .92fr) 1.08fr; align-items: stretch; overflow: hidden; border: 1px solid rgba(13, 96, 109, .14); border-radius: 14px; background: #fffdf9; box-shadow: 0 13px 32px rgba(15, 71, 88, .09); }
.news-lead-image { position: relative; min-height: 332px; overflow: hidden; background: #0b526a; }
.news-lead-image:after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(0,30,48,.26), transparent 52%); pointer-events: none; }
.news-lead-image img { width: 100%; height: 100%; object-fit: cover; object-position: center 38%; transform: scale(1.01); transition: transform .5s ease; }
.news-lead-grid:hover .news-lead-image img { transform: scale(1.045); }
.news-image-tag { position: absolute; z-index: 2; top: 18px; right: 18px; padding: 7px 11px; color: #fff; font-size: .74rem; font-weight: 800; background: #0b7477; border-radius: 99px; }
.news-lead-copy { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: clamp(28px,4.2vw,52px); }
.news-lead-copy .eyebrow { margin-bottom: 10px; }
.news-lead-copy h2 { max-width: 670px; margin: 0 0 15px; color: var(--ink-deep); font-size: clamp(1.55rem, 2.55vw, 2.35rem); line-height: 1.36; }
.news-lead-copy > p { max-width: 660px; margin: 0; color: #496876; font-size: 1rem; line-height: 1.9; }
.news-lead-actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 22px 0 11px; }
.news-lead-actions .btn { min-height: 43px; padding: 10px 17px; font-size: .88rem; }
.news-lead-copy small { color: #758c94; font-size: .77rem; }

.event-teaser-grid { display: grid; grid-template-columns: 1fr 1fr .84fr; gap: 20px; }
.event-teaser { display: grid; grid-template-columns: 142px 1fr; gap: 17px; align-items: stretch; min-height: 150px; overflow: hidden; background: #fff; border: 1px solid #e2eaed; border-radius: 12px; box-shadow: 0 7px 17px rgba(21,72,89,.055); }
.event-teaser img { width: 100%; height: 100%; min-height: 150px; object-fit: cover; }
.event-teaser > div { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 18px 16px 18px 0; }
.event-teaser span { color: #0b8183; font-size: .74rem; font-weight: 800; }
.event-teaser h3 { margin: 6px 0 10px; color: var(--ink-deep); font-size: 1rem; line-height: 1.55; }
.event-teaser .text-link { font-size: .83rem; }
.social-news { display: flex; flex-direction: column; justify-content: center; padding: 25px; color: #fff; background: linear-gradient(145deg, #086f79, #0a4e70); border-radius: 12px; }
.social-news-icons { display: flex; gap: 10px; margin-bottom: 12px; }
.social-news-icons svg { width: 19px; height: 19px; }
.social-news h3 { margin: 0 0 8px; font-size: 1.18rem; }
.social-news p { margin: 0 0 17px; color: rgba(255,255,255,.79); font-size: .84rem; line-height: 1.75; }
.social-news > div:last-child { display: flex; flex-wrap: wrap; gap: 8px; }
.tiny-link { color: #fff; font-size: .76rem; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }

.founder-section { padding-top: 94px; padding-bottom: 94px; background: linear-gradient(135deg, #f5fbfb 0%, #fffdf9 68%); }
.founder-grid { display: grid; grid-template-columns: minmax(300px, .82fr) 1.18fr; gap: clamp(38px, 7vw, 105px); align-items: center; }
.founder-image { position: relative; margin: 0; }
.founder-image:before { content: ''; position: absolute; width: 58%; height: 54%; top: -18px; right: -18px; border: 1px solid #a8d4d2; border-radius: 160px 160px 12px 12px; z-index: 0; }
.founder-image img { position: relative; z-index: 1; display: block; width: 100%; aspect-ratio: .93; object-fit: cover; object-position: 55% 36%; border-radius: 190px 190px 12px 12px; box-shadow: 0 18px 40px rgba(12, 59, 79, .16); }
.founder-image figcaption { position: relative; z-index: 2; width: 86%; margin: -16px 0 0 auto; padding: 10px 14px; color: #4d6872; font-size: .76rem; line-height: 1.55; background: #fffdf9; border-radius: 6px; box-shadow: 0 8px 18px rgba(17,72,83,.1); }
.founder-copy h2 { margin: 10px 0 17px; color: var(--ink-deep); font-size: clamp(1.7rem,3vw,2.6rem); line-height: 1.35; }
.founder-copy > p { max-width: 690px; margin: 0 0 13px; color: #486773; line-height: 2; }
.founder-copy > small { display: block; margin-top: 18px; color: #728890; font-size: .77rem; line-height: 1.7; }
.founder-points { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 24px; }
.founder-points span { display: inline-flex; align-items: center; gap: 7px; padding: 8px 11px; color: #0b656c; font-size: .8rem; font-weight: 800; background: #e5f4f2; border-radius: 99px; }
.founder-points svg { width: 15px; height: 15px; }

.five-story-section { overflow: hidden; padding-top: 100px; padding-bottom: 100px; color: #fff; background: radial-gradient(circle at 12% 45%, rgba(240,179,85,.18), transparent 30%), linear-gradient(123deg,#093d5e,#065f6c); }
.five-story-shell { display: grid; grid-template-columns: .72fr 1.28fr; gap: clamp(42px,8vw,120px); align-items: center; }
.five-symbolic { position: relative; display: grid; place-items: center; min-height: 330px; }
.five-symbolic:before, .five-symbolic:after { content: ''; position: absolute; width: 280px; height: 280px; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; }
.five-symbolic:after { width: 350px; height: 350px; border-color: rgba(228,183,94,.18); }
.five-note { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 205px; height: 275px; color: #0c6170; background: linear-gradient(135deg,#d6f1e8,#9bd4c6); border: 8px solid rgba(255,255,255,.2); border-radius: 20px; box-shadow: 0 20px 37px rgba(0,0,0,.22); transform: rotate(-10deg); }
.five-note:before { content: ''; position: absolute; inset: 13px; border: 1px solid rgba(4,88,96,.35); border-radius: 12px; }
.five-note span { position: relative; font-family: Georgia, serif; font-size: 8.4rem; line-height: .9; }
.five-note small { position: relative; margin-top: 13px; font-size: 1.15rem; font-weight: 800; }
.five-heart { position: absolute; z-index: 3; left: 16%; bottom: 15%; display: grid; place-items: center; width: 62px; height: 62px; color: #fff; background: #f37762; border-radius: 50%; box-shadow: 0 9px 22px rgba(0,0,0,.24); }
.five-heart svg { width: 27px; height: 27px; }
.five-symbolic > p { position: absolute; z-index: 3; bottom: -3px; margin: 0; color: rgba(255,255,255,.62); font-size: .72rem; }
.five-story-copy .eyebrow { color: #b9e9e2; }
.five-story-copy h2 { margin: 9px 0 18px; font-size: clamp(2rem,4vw,3.2rem); line-height: 1.25; }
.five-story-copy h2 em { color: #f5cd7a; font-style: normal; }
.five-preview { max-width: 690px; margin: 0 0 20px; color: rgba(255,255,255,.83); font-size: 1rem; line-height: 2; }
.human-story { max-width: 710px; border-top: 1px solid rgba(255,255,255,.24); border-bottom: 1px solid rgba(255,255,255,.24); }
.human-story summary { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 18px 1px; color: #fff; font-weight: 800; cursor: pointer; list-style: none; }
.human-story summary::-webkit-details-marker { display: none; }
.human-story summary svg { width: 18px; transition: transform .2s ease; }
.human-story[open] summary svg { transform: rotate(-90deg); }
.human-story-body { padding: 4px 0 28px; }
.human-story-body h3 { margin: 11px 0 12px; color: #f7d890; font-size: 1.2rem; }
.human-story-body p { margin: 0 0 13px; color: rgba(255,255,255,.87); line-height: 2; }
.human-story-body .story-disclaimer { padding: 11px 13px; color: #ffe8af; font-size: .85rem; line-height: 1.75; background: rgba(0,0,0,.14); border-right: 3px solid #f6cc70; border-radius: 4px; }

.editorial-news { padding-top: 74px; padding-bottom: 100px; background: linear-gradient(180deg,#fffdfa,#f7fcfc); }
.news-page-intro { max-width: 750px; margin: 0 auto 39px; text-align: center; }
.news-page-intro h2 { margin: 9px 0 10px; color: var(--ink-deep); font-size: clamp(1.65rem,3.5vw,2.55rem); }
.news-page-intro p { margin: 0; color: #5b7480; line-height: 1.9; }
.news-story-wrap { overflow: hidden; margin-bottom: 26px; background: #fff; border: 1px solid #dfebec; border-radius: 13px; box-shadow: 0 8px 23px rgba(15,65,81,.06); transition: box-shadow .25s ease, transform .25s ease; }
.news-story-wrap:hover { box-shadow: 0 15px 31px rgba(15,65,81,.1); }
.news-story { width: 100%; }
.news-story summary { display: grid; grid-template-columns: minmax(280px,.84fr) 1.16fr; min-height: 275px; list-style: none; cursor: pointer; }
.news-story summary::-webkit-details-marker { display: none; }
.news-story-cover { position: relative; min-height: 275px; overflow: hidden; background: #0b536b; }
.news-story-cover:after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg,rgba(0,34,49,.3),transparent 50%); }
.news-story-cover img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.news-story:hover .news-story-cover img { transform: scale(1.045); }
.news-story-cover span { position: absolute; z-index: 2; right: 18px; bottom: 17px; padding: 6px 10px; color: #fff; font-size: .74rem; font-weight: 800; background: rgba(4,85,107,.9); border-radius: 99px; }
.news-story-summary { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 34px clamp(25px,4vw,54px); }
.news-story-summary time { display: inline-flex; align-items: center; gap: 6px; margin-bottom: 11px; color: #107b7d; font-size: .8rem; font-weight: 800; }
.news-story-summary time svg { width: 15px; height: 15px; }
.news-story-summary h2 { margin: 0 0 11px; color: var(--ink-deep); font-size: clamp(1.35rem,2.35vw,2rem); line-height: 1.45; }
.news-story-summary p { max-width: 630px; margin: 0 0 17px; color: #526e79; line-height: 1.85; }
.story-toggle { display: inline-flex; align-items: center; gap: 8px; color: #0b7073; font-size: .84rem; }
.story-toggle svg { width: 16px; transition: transform .2s ease; }
.news-story[open] .story-toggle svg { transform: rotate(-90deg); }
.news-story-body { display: grid; grid-template-columns: minmax(260px,.79fr) 1.21fr; gap: 40px; padding: 35px clamp(25px,4.5vw,62px) 47px; border-top: 1px solid #e2ecee; background: #fcfffe; }
.story-reading { max-width: 650px; }
.story-reading > p:not(.story-source) { margin: 0 0 13px; color: #46636f; line-height: 2; }
.story-source { margin: 23px 0 0; padding-top: 11px; color: #80939a; font-size: .75rem; border-top: 1px solid #dbe7e8; }
.story-gallery { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px; align-content: start; }
.story-gallery figure { margin: 0; overflow: hidden; background: #eef5f5; border-radius: 8px; }
.story-gallery img { display: block; width: 100%; aspect-ratio: 1.35; object-fit: cover; transition: transform .35s ease; }
.story-gallery figure:hover img { transform: scale(1.04); }
.story-gallery figcaption { min-height: 30px; padding: 7px 9px; color: #5a717a; font-size: .7rem; line-height: 1.45; }
.secondary-stories { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.secondary-stories .news-story-wrap { margin: 0; }
.secondary-stories .news-story summary { display: block; min-height: 0; }
.secondary-stories .news-story-cover { min-height: 220px; }
.secondary-stories .news-story-summary { min-height: 265px; padding: 27px 29px; }
.secondary-stories .news-story-body { display: block; padding: 28px; }
.secondary-stories .story-gallery { margin-top: 21px; }

.partners-page { padding-top: 90px; padding-bottom: 100px; background: linear-gradient(180deg,#f6fbfb,#fffdf9); }
.partner-reference { display: grid; grid-template-columns: .75fr 1.25fr; gap: clamp(30px,7vw,92px); align-items: center; max-width: 1020px; padding: clamp(28px,5.5vw,68px); margin: 0 auto; background: #fff; border: 1px solid #deeaeb; border-radius: 15px; box-shadow: 0 14px 32px rgba(17,70,84,.07); }
.partner-reference-label { display: grid; place-content: center; min-height: 220px; text-align: center; border: 1px solid #a3d1d3; background: linear-gradient(145deg,#e7f7f6,#f9fffe); }
.partner-reference-label span { color: #0a5967; font-family: Arial, sans-serif; font-size: clamp(2.5rem,5vw,4.7rem); font-weight: 800; letter-spacing: -.07em; }
.partner-reference-label small { margin-top: 10px; color: #568088; font-size: .77rem; font-weight: 700; }
.announcement.teal { color: #087278; background: #e5f5f4; }
.partner-reference h2 { margin: 12px 0 15px; color: var(--ink-deep); font-size: clamp(1.45rem,3vw,2.15rem); line-height: 1.48; }
.partner-reference p { margin: 0 0 12px; color: #4b6874; line-height: 1.95; }
.partner-reference .partner-note { padding-right: 13px; color: #69808a; font-size: .86rem; border-right: 3px solid #9ecfcf; }
.partner-reference .btn { margin-top: 15px; }
.partnership-guidance { display: flex; align-items: center; gap: 23px; max-width: 940px; padding: 33px 0 0; margin: 38px auto 0; }
.partnership-guidance > span { display: grid; place-items: center; flex: 0 0 auto; width: 62px; height: 62px; color: #107478; background: #def2f0; border-radius: 50%; }
.partnership-guidance > span svg { width: 26px; height: 26px; }
.partnership-guidance h2 { margin: 0 0 5px; color: var(--ink-deep); font-size: 1.2rem; }
.partnership-guidance p { margin: 0; color: #58717d; line-height: 1.8; }
.partnership-guidance .text-link { flex: 0 0 auto; white-space: nowrap; }

@media (min-width: 931px) {
  .menu-btn { display: grid; }
  .desktop-nav { margin-right: auto; margin-left: 18px; }
  .nav-actions { gap: 10px; }
}
@media (max-width: 930px) {
  .desktop-nav { display: none; }
  .nav-row { min-height: 75px; }
  .donate-nav { display: inline-flex; }
  .home-news-lead { padding-top: 22px; }
  .news-lead-grid { grid-template-columns: .85fr 1.15fr; }
  .news-lead-image { min-height: 310px; }
  .event-teaser-grid { grid-template-columns: 1fr 1fr; }
  .social-news { grid-column: span 2; }
  .founder-section { padding-top: 76px; padding-bottom: 76px; }
  .five-story-shell { gap: 44px; }
  .news-story summary { grid-template-columns: .75fr 1.25fr; }
  .news-story-body { gap: 26px; }
}
@media (max-width: 700px) {
  .menu-btn { width: 40px; height: 40px; }
  .donate-nav { display: none !important; }
  .news-lead-grid { display: flex; flex-direction: column; }
  .news-lead-image { min-height: 260px; order: 0; }
  .news-lead-copy { padding: 29px 23px 26px; }
  .news-lead-copy h2 { font-size: 1.5rem; }
  .news-lead-actions { width: 100%; }
  .news-lead-actions .btn { justify-content: center; flex: 1; }
  .event-teaser-grid { grid-template-columns: 1fr; }
  .social-news { grid-column: auto; min-height: 196px; }
  .event-teaser { grid-template-columns: 125px 1fr; }
  .founder-grid, .five-story-shell, .partner-reference { grid-template-columns: 1fr; }
  .founder-image { max-width: 440px; margin: 0 auto; }
  .founder-copy { text-align: right; }
  .five-story-section { padding-top: 72px; padding-bottom: 70px; }
  .five-symbolic { min-height: 270px; }
  .five-symbolic:before { width: 222px; height: 222px; }
  .five-symbolic:after { width: 278px; height: 278px; }
  .five-note { width: 164px; height: 220px; }
  .five-note span { font-size: 6.6rem; }
  .five-heart { left: 21%; bottom: 8%; width: 54px; height: 54px; }
  .news-page-intro { margin-bottom: 27px; }
  .news-story summary { display: block; }
  .news-story-cover { min-height: 220px; }
  .news-story-summary { min-height: 0; padding: 26px 22px; }
  .news-story-body { display: block; padding: 24px 22px 29px; }
  .story-gallery { margin-top: 24px; }
  .secondary-stories { grid-template-columns: 1fr; gap: 18px; }
  .secondary-stories .news-story-summary { min-height: 0; }
  .partner-reference { padding: 24px; }
  .partner-reference-label { min-height: 150px; }
  .partnership-guidance { display: grid; grid-template-columns: 55px 1fr; gap: 14px; }
  .partnership-guidance > span { width: 50px; height: 50px; }
  .partnership-guidance .text-link { grid-column: 1 / -1; padding-right: 65px; }
}
@media (max-width: 420px) {
  .mobile-panel.drawer { width: 94vw; padding-right: 19px; padding-left: 19px; }
  .news-lead-actions { display: grid; grid-template-columns: 1fr; }
  .event-teaser { grid-template-columns: 105px 1fr; }
  .event-teaser > div { padding-right: 13px; }
  .story-gallery { grid-template-columns: 1fr; }
  .founder-points { display: grid; grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  *, *:before, *:after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* Clear three-bar navigation trigger */
.menu-btn .hamburger-lines { display: grid; gap: 4px; width: 21px; }
.menu-btn .hamburger-lines i { display: block; width: 21px; height: 2px; background: currentColor; border-radius: 20px; }

/* Revision: source-corrected news, partner marks, and clearer visual hierarchy */
html { background: #f7fbfa; }
body { background-color: #f8fcfb; background-image: radial-gradient(circle at 9% 18%, rgba(18,129,122,.06) 0 2px, transparent 2.4px), radial-gradient(circle at 90% 74%, rgba(241,180,99,.08) 0 2px, transparent 2.4px); background-size: 31px 31px, 39px 39px; }
.site-header { background: linear-gradient(100deg, rgba(229,246,244,.98), rgba(255,252,246,.98) 56%, rgba(240,248,248,.98)); box-shadow: 0 7px 20px rgba(11,69,78,.07); border-bottom: 1px solid #cfe5e3; }
.topline { background: #0b656c; color: #edfffb; }
.topline a { color: #fff4cf; }
.mobile-panel.drawer { right: 0 !important; left: auto !important; border-left: 1px solid #cde3e2; border-right: 0; transform: translateX(108%); }
.mobile-panel.drawer.is-open { right: 0 !important; left: auto !important; transform: translateX(0); }

/* The page-path bar is a live breadcrumb, not an inserted screenshot. */
.breadcrumbs { width: min(calc(100% - 40px), var(--shell)); min-height: 48px; box-sizing: border-box; padding: 9px 16px; margin-top: 18px; color: #52717c; background: linear-gradient(90deg,#fffdf9,#eef9f7); border: 1px solid #d8e9e8; border-radius: 12px; box-shadow: 0 6px 14px rgba(22,83,91,.05); }
.breadcrumbs a { display: inline-flex; align-items: center; min-height: 28px; padding: 3px 9px; color: #066f75; font-weight: 800; text-decoration: none; border-radius: 6px; }
.breadcrumbs a:hover, .breadcrumbs a:focus-visible { color: #fff; text-decoration: none; background: #087477; outline: none; }
.breadcrumbs span { display: grid; place-items: center; width: 19px; height: 19px; color: #6597a1; background: #dff1ef; border-radius: 50%; transform: rotate(180deg); }
.breadcrumbs span .ico { display: block; margin: 0; }
.breadcrumbs span svg { width: 12px; height: 12px; }
.breadcrumbs b { padding: 3px 5px; color: #244e60; }

/* Make navigational text actions read as intentional buttons, not bare underlined words. */
main .text-link { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 38px; padding: 8px 13px; color: #0a6870; font-size: .81rem; font-weight: 800; text-decoration: none; background: #f0f9f8; border: 1px solid #b8dcd9; border-radius: 8px; transition: transform .18s ease, color .18s ease, background .18s ease, box-shadow .18s ease; }
main .text-link:hover, main .text-link:focus-visible { color: #fff; background: #0a7378; border-color: #0a7378; box-shadow: 0 7px 13px rgba(4,91,96,.18); outline: none; transform: translateY(-1px); }
main .text-link .ico, main .text-link svg { width: 15px; height: 15px; }
.social-news .tiny-link { display: inline-flex; align-items: center; min-height: 31px; padding: 4px 9px; color: #fff; text-decoration: none; border: 1px solid rgba(255,255,255,.45); border-radius: 6px; }
.social-news .tiny-link:hover { color: #07586b; background: #fff; }

.unhcr-logo-plate { display: grid; align-content: center; justify-items: center; gap: 12px; width: 172px; min-height: 142px; padding: 16px; text-align: center; text-decoration: none; background: #fff; border: 1px solid #c6e0e2; border-radius: 12px; box-shadow: 0 9px 19px rgba(0,56,83,.1); }
.unhcr-logo-plate img { display: block; width: min(100%, 155px); height: auto; image-rendering: auto; }
.unhcr-logo-plate small { color: #4c7583; font-size: .72rem; font-weight: 800; }
.unhcr-logo-plate:hover { transform: translateY(-2px); border-color: #0087a8; }

.about-first-story { margin-top: 28px; }
.five-story-section.about-first-story { border-radius: 0; }
.five-note-photo { position: relative; z-index: 1; display: grid; justify-items: center; gap: 12px; max-width: 550px; margin: 0; padding: 20px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.2); border-radius: 18px; transform: rotate(-1.5deg); box-shadow: 0 22px 35px rgba(0,0,0,.18); }
.five-note-photo:before { content: '٥'; position: absolute; z-index: -1; top: -30px; right: -20px; color: rgba(247,204,112,.21); font-family: Georgia,serif; font-size: 9rem; font-weight: 700; }
.five-note-photo img { display: block; width: 100%; max-width: 510px; height: auto; background: #fff; border-radius: 5px; }
.five-note-photo figcaption { color: rgba(255,255,255,.72); font-size: .68rem; line-height: 1.6; text-align: center; }
.five-story-copy h1 { margin: 9px 0 18px; color: #fff; font-size: clamp(2rem,4vw,3.2rem); line-height: 1.25; }
.five-story-copy h1 em { color: #f5cd7a; font-style: normal; }
.founder-image img { aspect-ratio: auto; min-height: 360px; padding: 5px; object-fit: contain; object-position: center; background: #fff; }
.medical-projects-section { position: relative; overflow: hidden; }
.medical-projects-section:before { content: ''; position: absolute; width: 230px; height: 230px; top: 20px; left: -94px; background: radial-gradient(circle,rgba(22,140,134,.16) 0 3px,transparent 3.5px); background-size: 21px 21px; border-radius: 50%; pointer-events: none; }

.news-page-hero { position: relative; overflow: hidden; padding: 58px 0 64px; background: linear-gradient(120deg,#effaf9,#fff9f0); border-bottom: 1px solid #d7e8e7; }
.news-page-hero:after { content: ''; position: absolute; width: 260px; height: 260px; top: -120px; left: -80px; border: 32px solid rgba(245,193,109,.17); border-radius: 50%; }
.news-page-hero-inner { position: relative; z-index: 1; display: grid; grid-template-columns: 1.2fr .8fr; gap: 60px; align-items: center; }
.news-page-hero h1 { margin: 9px 0 11px; color: var(--ink-deep); font-size: clamp(2rem,4vw,3.35rem); line-height: 1.25; }
.news-page-hero p { max-width: 680px; margin: 0; color: #4d6b76; font-size: 1.03rem; line-height: 1.95; }
.news-page-hero img { display: block; width: 100%; max-height: 285px; object-fit: contain; background: #e9f3f2; border: 8px solid #fff; border-radius: 16px; box-shadow: 0 18px 34px rgba(12,72,84,.14); }
.news-story-cover.contain-cover { background: #eef7f6; }
.news-story-cover.contain-cover:after { display: none; }
.news-story-cover.contain-cover img { object-fit: contain; background: #fff; }
.news-story-cover.contain-cover span { color: #0b5f68; background: #dff2ef; }
.story-gallery { grid-template-columns: repeat(2, minmax(0,1fr)); }
.story-gallery figure { border: 1px solid #dce8e8; }
.story-gallery img { image-rendering: auto; }
.achievements-heading { max-width: 760px; padding: 70px 0 26px; margin: 22px auto 0; text-align: center; border-top: 1px solid #d7e6e5; }
.achievements-heading h2 { margin: 8px 0; color: var(--ink-deep); font-size: clamp(1.45rem,3vw,2.2rem); }
.achievements-heading p { margin: 0; color: #607984; line-height: 1.8; }
.achievement-stories { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.achievement-stories .news-story-wrap { margin: 0; }
.achievement-stories .news-story summary { display: block; min-height: 0; }
.achievement-stories .news-story-cover { min-height: 255px; }
.achievement-stories .news-story-summary { min-height: 270px; padding: 27px 28px; }
.achievement-stories .news-story-body { display: block; padding: 27px 28px; }

.partners-hero { position: relative; overflow: hidden; padding: 66px 0 70px; background: linear-gradient(125deg,#e9f7f5,#fff9f0); }
.partners-hero:after { content: ''; position: absolute; width: 500px; height: 500px; top: -370px; left: -100px; border: 34px dotted rgba(15,128,122,.16); border-radius: 50%; }
.partners-hero-inner { position: relative; z-index: 1; display: grid; grid-template-columns: 1.35fr .65fr; gap: 35px; align-items: center; }
.partners-hero h1 { margin: 9px 0 12px; color: var(--ink-deep); font-size: clamp(2rem,4vw,3.25rem); line-height: 1.3; }
.partners-hero p { max-width: 710px; margin: 0; color: #4f6c78; font-size: 1rem; line-height: 1.95; }
.partners-hero-art { position: relative; display: grid; place-items: center; width: 220px; height: 190px; justify-self: center; color: #0a777b; }
.partners-hero-art > .ico { position: relative; z-index: 2; display: grid; place-items: center; width: 92px; height: 92px; padding: 22px; color: #fff; background: #0b7b7e; border-radius: 50%; box-shadow: 0 14px 22px rgba(7,88,91,.2); }
.partners-hero-art svg { width: 48px; height: 48px; }
.partners-hero-art > span { position: absolute; display: block; border: 2px solid #b4ded7; border-radius: 50%; }
.partners-hero-art > span:nth-child(1) { width: 140px; height: 140px; }
.partners-hero-art > span:nth-child(2) { width: 190px; height: 190px; border-color: #f2d39d; }
.partners-hero-art > span:nth-child(3) { width: 222px; height: 222px; border-style: dashed; }
.partner-reference { grid-template-columns: .65fr 1.35fr; }
.partner-reference-logo { display: grid; align-content: center; justify-items: center; gap: 14px; min-height: 220px; padding: 25px; text-align: center; text-decoration: none; background: #fff; border: 1px solid #a5d2d7; border-radius: 12px; }
.partner-reference-logo img { display: block; width: min(100%, 230px); height: auto; image-rendering: auto; }
.partner-reference-logo span { color: #416b7c; font-size: .78rem; line-height: 1.55; }
.partner-reference-logo:hover { border-color: #0088ac; box-shadow: 0 11px 21px rgba(0,104,148,.12); }
.partner-roster { padding-top: 86px; }
.partner-roster-intro { max-width: 780px; margin: 0 auto 32px; text-align: center; }
.partner-roster-intro h2 { margin: 8px 0; color: var(--ink-deep); font-size: clamp(1.45rem,3vw,2.2rem); }
.partner-roster-intro p { margin: 0; color: #5b7480; line-height: 1.9; }
.partners-logo-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 13px; }
.partner-logo-card { position: relative; display: grid; place-items: center; min-height: 128px; padding: 14px; margin: 0; overflow: hidden; background: #fff; border: 1px solid #dce9e9; border-radius: 10px; box-shadow: 0 5px 13px rgba(18,74,83,.045); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.partner-logo-card:before { content: ''; position: absolute; top: 0; right: 0; width: 34px; height: 34px; border-top: 2px solid #b9ded9; border-right: 2px solid #b9ded9; border-radius: 0 9px 0 12px; }
.partner-logo-card:hover { border-color: #8ec6c4; box-shadow: 0 10px 19px rgba(15,90,93,.11); transform: translateY(-2px); }
.partner-logo-card img { display: block; width: 100%; max-width: 150px; max-height: 78px; height: auto; object-fit: contain; image-rendering: auto; }
.sr-only { position: absolute!important; width: 1px!important; height: 1px!important; padding: 0!important; margin: -1px!important; overflow: hidden!important; clip: rect(0,0,0,0)!important; white-space: nowrap!important; border: 0!important; }

@media (max-width: 930px) {
  .news-page-hero-inner, .partners-hero-inner { gap: 35px; }
  .achievement-stories { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .achievement-stories .news-story-wrap:last-child { grid-column: 1 / -1; max-width: calc(50% - 11px); justify-self: center; }
  .partners-logo-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
}
@media (max-width: 700px) {
  .breadcrumbs { width: min(calc(100% - 32px),var(--shell)); min-height: 43px; margin-top: 12px; padding: 7px 9px; font-size: .7rem; }
  .breadcrumbs a { min-height: 25px; padding: 3px 6px; }
  .about-first-story { margin-top: 14px; }
  .five-note-photo { width: min(100%,420px); box-sizing: border-box; padding: 13px; transform: none; }
  .five-story-copy h1 { font-size: 2rem; }
  .founder-image img { min-height: 0; }
  .news-page-hero, .partners-hero { padding: 43px 0 47px; }
  .news-page-hero-inner, .partners-hero-inner { grid-template-columns: 1fr; }
  .news-page-hero img { max-width: 440px; max-height: 230px; margin: 0 auto; }
  .partners-hero-art { order: -1; width: 160px; height: 145px; transform: scale(.8); margin: -15px auto -5px; }
  .achievement-stories { grid-template-columns: 1fr; gap: 18px; }
  .achievement-stories .news-story-wrap:last-child { grid-column: auto; max-width: none; }
  .achievement-stories .news-story-summary { min-height: 0; }
  .achievements-heading { padding-top: 54px; }
  .partner-reference { grid-template-columns: 1fr; }
  .partner-reference-logo { min-height: 145px; }
  .partner-roster { padding-top: 62px; }
  .partners-logo-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; }
  .partner-logo-card { min-height: 96px; padding: 9px; }
  .partner-logo-card img { max-height: 53px; }
}
@media (max-width: 420px) {
  .partners-logo-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .news-page-hero h1, .partners-hero h1 { font-size: 1.9rem; }
}

.unhcr-logo-plate img, .partner-reference-logo img { max-width: 175px; }
.official-projects-section { position: relative; overflow: hidden; background: linear-gradient(130deg,#f1fbfa,#fffaf1); }
.official-projects-section:after { content: '✦'; position: absolute; left: 6%; bottom: -43px; color: rgba(240,184,91,.16); font-size: 12rem; line-height: 1; }
.official-projects-section .shell { position: relative; z-index: 1; }
.official-projects-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 15px; }
.official-project-card { position: relative; min-height: 205px; padding: 23px 19px; overflow: hidden; background: #fff; border: 1px solid #d8e8e7; border-radius: 12px; box-shadow: 0 7px 17px rgba(12,76,85,.055); }
.official-project-card:after { content: ''; position: absolute; width: 64px; height: 64px; bottom: -34px; left: -25px; border: 2px dotted #a8d6d1; border-radius: 50%; }
.official-project-card > span { display: grid; place-items: center; width: 42px; height: 42px; margin-bottom: 13px; color: #087579; background: #e4f5f3; border-radius: 50%; }
.official-project-card > span .ico { margin: 0; font-size: 1.15rem; }
.official-project-card h3 { margin: 0 0 7px; color: var(--ink-deep); font-size: 1rem; }
.official-project-card p { min-height: 42px; margin: 0 0 13px; color: #5c7580; font-size: .78rem; line-height: 1.7; }
.donation-methods-section { padding-top: 82px; padding-bottom: 85px; background: linear-gradient(130deg,#f4fbfa,#fffbf5); }
.donation-methods-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px; }
.donation-method-card { display: grid; grid-template-columns: 48px 1fr 22px; gap: 14px; align-items: center; min-height: 92px; padding: 17px 19px; color: #164c62; text-decoration: none; background: #fff; border: 1px solid #d7e7e7; border-radius: 11px; box-shadow: 0 6px 15px rgba(11,74,86,.055); transition: transform .18s ease, color .18s ease, background .18s ease; }
.donation-method-card > .ico:first-child { display: grid; place-items: center; width: 45px; height: 45px; margin: 0; color: #08777b; background: #e1f4f1; border-radius: 50%; }
.donation-method-card > .ico:last-child { color: #0a7c80; font-size: .92rem; }
.donation-method-card b, .donation-method-card small { display: block; }
.donation-method-card b { margin-bottom: 3px; color: #123e55; font-size: .94rem; }
.donation-method-card small { color: #66808b; font-size: .75rem; line-height: 1.55; }
.donation-method-card:hover, .donation-method-card:focus-visible { color: #fff; background: #08777b; border-color: #08777b; outline: none; transform: translateY(-2px); }
.donation-method-card:hover > .ico:first-child { color: #08777b; background: #fff; }
.donation-method-card:hover > .ico:last-child, .donation-method-card:hover b, .donation-method-card:hover small { color: #fff; }
@media (max-width: 930px) { .official-projects-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media (max-width: 700px) { .official-projects-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; } .official-project-card { min-height: 190px; padding: 17px 13px; } .official-project-card h3 { font-size: .88rem; } .official-project-card p { font-size: .7rem; } .donation-methods-grid { grid-template-columns: 1fr; } }

.donation-focus-section { padding-top: 80px; padding-bottom: 76px; background: #fffdf9; }
.donation-focus-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.donation-focus-card { display: grid; grid-template-columns: 39px 1fr 19px; column-gap: 10px; align-items: center; min-height: 86px; padding: 13px 15px; color: #144c62; text-decoration: none; background: #f2faf8; border: 1px solid #cfe6e3; border-radius: 10px; transition: .18s ease; }
.donation-focus-card > .ico:first-child { display: grid; place-items: center; grid-row: span 2; width: 39px; height: 39px; margin: 0; color: #087579; background: #fff; border-radius: 50%; }
.donation-focus-card b { color: #154259; font-size: .88rem; }
.donation-focus-card small { color: #71858d; font-size: .7rem; line-height: 1.4; }
.donation-focus-card > .ico:last-child { grid-row: span 2; color: #0a7b7f; font-size: .85rem; }
.donation-focus-card:hover, .donation-focus-card:focus-visible { color: #fff; background: #08777b; border-color: #08777b; outline: none; transform: translateY(-2px); box-shadow: 0 9px 17px rgba(7,91,96,.15); }
.donation-focus-card:hover b, .donation-focus-card:hover small, .donation-focus-card:hover > .ico:last-child { color: #fff; }
.donation-focus-card:hover > .ico:first-child { color: #087579; background: #fff; }
@media (max-width: 930px) { .donation-focus-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 500px) { .donation-focus-grid { grid-template-columns: 1fr; } }

/* Compact public-facing copy and precise RTL positioning */
.mobile-panel.drawer { inset: 0 0 0 auto !important; right: 0 !important; left: unset !important; direction: rtl; }
.mobile-panel.drawer.is-open { inset: 0 0 0 auto !important; right: 0 !important; left: unset !important; transform: translate3d(0,0,0); }
.breadcrumbs { width: fit-content; max-width: calc(100% - 32px); margin-top: 18px; margin-right: max(20px, calc((100vw - var(--shell)) / 2)); margin-left: auto; }
.breadcrumbs .crumb-divider { display: inline; width: auto; height: auto; padding: 0 1px; color: #86a0a8; background: transparent; border-radius: 0; transform: none; }
.breadcrumbs .crumb-divider .ico { display: none; }
.news-page-hero { padding: 42px 0 46px; }
.editorial-news { padding-top: 45px; padding-bottom: 70px; }
.news-page-intro { margin-bottom: 26px; }
.news-page-intro h2 { margin-top: 7px; }
.news-story-wrap { margin-bottom: 18px; }
.news-story summary { min-height: 218px; }
.news-story-cover { min-height: 218px; }
.news-story-summary { padding: 24px clamp(21px,3.2vw,40px); }
.news-story-summary h2 { margin-bottom: 8px; }
.news-story-summary p { margin-bottom: 12px; line-height: 1.7; }
.news-story-body { gap: 28px; padding: 25px clamp(20px,3.8vw,46px) 31px; }
.secondary-stories .news-story-cover { min-height: 190px; }
.secondary-stories .news-story-summary { min-height: 210px; padding: 21px 23px; }
.achievement-stories .news-story-cover { min-height: 210px; }
.achievement-stories .news-story-summary { min-height: 215px; padding: 22px 23px; }
.achievements-heading { padding: 48px 0 20px; }
.partners-logo-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 17px; }
.partner-logo-card { min-height: 178px; padding: 19px 17px 14px; }
.partner-logo-card img { max-width: 205px; max-height: 104px; }
.partner-logo-card figcaption { width: 100%; margin-top: 10px; color: #315e70; font-family: Tajawal,Arial,sans-serif; font-size: .78rem; font-weight: 800; line-height: 1.35; text-align: center; }
.partner-roster-intro { margin-bottom: 38px; }
.donation-material { display: block; max-width: 920px; padding: 11px; margin: 30px auto 0; overflow: hidden; background: #fff; border: 1px solid #d9e7e6; border-radius: 14px; box-shadow: 0 12px 23px rgba(15,72,84,.1); }
.donation-material img { display: block; width: 100%; height: auto; border-radius: 8px; }
.donation-material figcaption { padding: 9px 4px 1px; color: #356576; font-size: .8rem; font-weight: 800; text-align: center; }
@media (max-width: 930px) { .partners-logo-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media (max-width: 700px) {
  .breadcrumbs { max-width: calc(100% - 24px); margin-top: 12px; margin-right: 12px; margin-left: auto; }
  .news-page-hero { padding: 33px 0 35px; }
  .editorial-news { padding-top: 31px; }
  .news-story summary, .news-story-cover { min-height: 0; }
  .news-story-cover { height: 205px; }
  .news-story-summary { padding: 20px 18px; }
  .news-story-body { padding: 21px 18px 26px; }
  .secondary-stories .news-story-cover, .achievement-stories .news-story-cover { min-height: 0; height: 195px; }
  .secondary-stories .news-story-summary, .achievement-stories .news-story-summary { min-height: 0; padding: 20px 18px; }
  .partners-logo-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .partner-logo-card { min-height: 142px; padding: 14px 9px 11px; }
  .partner-logo-card img { max-width: 130px; max-height: 70px; }
  .partner-logo-card figcaption { min-height: 25px; margin-top: 7px; font-size: .66rem; }
  .donation-material { padding: 6px; margin-top: 21px; border-radius: 9px; }
}

/* Header, logo and human warmth refinements */
.nav-row { gap: 14px; }
.brand { order: 1; }
.nav-actions { order: 2; margin-right: 0 !important; margin-left: 0; }
.desktop-nav { order: 3; margin-right: auto !important; margin-left: 0; }
.brand-logo { width: 138px; height: 66px; object-fit: contain; image-rendering: auto; filter: drop-shadow(0 2px 1px rgba(9,89,92,.05)); }
.footer-logo-wrap .brand-logo { width: 134px; height: 78px; }
.mobile-panel.drawer { position: fixed !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: auto !important; inset: 0 0 0 auto !important; }
.hero-badge > span { color: #e95055 !important; background: #fff0ef !important; border: 1px solid #ffd4d1; }
.hero-badge > span .ico { color: inherit; }
.hero-media { isolation: isolate; }
.hero-media:before { content: '✦'; position: absolute; z-index: 4; top: 18px; left: 20px; display: grid; place-items: center; width: 36px; height: 36px; color: #fff; font-size: 1.5rem; background: #f3bd48; border: 3px solid #fff; border-radius: 50% 50% 50% 8px; box-shadow: 0 6px 12px rgba(21,74,83,.18); transform: rotate(-16deg); }
.hero-media:after { content: '●  ♥  ●'; position: absolute; z-index: 4; right: 15px; top: 20px; color: #e95e65; font-size: .98rem; letter-spacing: 4px; text-shadow: 14px 10px 0 #62c9c0, 27px -2px 0 #f1bd54; transform: rotate(8deg); }
.activities-section { padding-bottom: 42px !important; }
.about-editorial { padding-top: 48px !important; }
.five-story-copy h1 { color: #fff !important; text-shadow: 0 2px 0 rgba(0,0,0,.16), 0 8px 25px rgba(0,0,0,.25); }
.five-story-copy h1 em { color: #ffe19a !important; }
.unhcr-logo-plate small { display: none; }
@media (max-width: 930px) { .desktop-nav { display: none; } .nav-row { justify-content: flex-start; } .brand-logo { width: 128px; height: 62px; } .nav-actions { margin-right: 0 !important; } }
@media (max-width: 700px) { .nav-row { gap: 9px; } .brand-logo { width: 116px; height: 58px; } .hero-media:before { top: 12px; left: 13px; width: 29px; height: 29px; font-size: 1.15rem; } .hero-media:after { top: 11px; right: 8px; font-size: .72rem; letter-spacing: 2px; } }

/* Dedicated routes for initiatives and donation destinations */
.initiative-detail-hero, .donation-detail-hero { position: relative; overflow: hidden; padding: 86px 0; background: linear-gradient(125deg,#e9f7f5,#fff9ee); }
.initiative-detail-hero:before, .donation-detail-hero:before { content: '✦'; position: absolute; top: -46px; left: 8%; color: rgba(240,180,77,.17); font-size: 15rem; line-height: 1; }
.initiative-detail-hero .shell, .donation-detail-hero .shell { position: relative; z-index: 1; display: grid; grid-template-columns: 94px minmax(0,1fr); gap: 29px; align-items: center; max-width: 870px; }
.initiative-detail-hero > .shell > .ico, .donation-detail-hero > .shell > .ico { display: grid; place-items: center; width: 86px; height: 86px; margin: 0; color: #fff; font-size: 2.1rem; background: linear-gradient(145deg,#0a827e,#0c5d7b); border: 6px solid rgba(255,255,255,.7); border-radius: 50%; box-shadow: 0 13px 23px rgba(0,88,101,.17); }
.initiative-detail-hero h1, .donation-detail-hero h1 { margin: 8px 0 10px; color: var(--ink-deep); font-size: clamp(2rem,4vw,3rem); line-height: 1.3; }
.initiative-detail-hero p, .donation-detail-hero p { max-width: 650px; margin: 0; color: #55717c; line-height: 1.95; }
.initiative-detail-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 23px; }
.initiative-detail-body { text-align: center; }
.initiative-detail-body .shell { max-width: 750px; }
.initiative-detail-body h2 { margin: 0 0 11px; color: var(--ink-deep); font-size: clamp(1.5rem,3vw,2.25rem); }
.initiative-detail-body p { max-width: 630px; margin: 0 auto 21px; color: #5b7480; line-height: 1.9; }
/* Main content has a plain surface for faster rendering. */
main { position: relative; }
.activities-section { padding-bottom: 18px !important; }
.about-editorial { padding-top: 34px !important; }
@media (max-width: 700px) { .initiative-detail-hero,.donation-detail-hero { padding: 57px 0; } .initiative-detail-hero .shell,.donation-detail-hero .shell { grid-template-columns: 1fr; gap: 17px; text-align: center; } .initiative-detail-hero > .shell > .ico,.donation-detail-hero > .shell > .ico { margin: auto; } .initiative-detail-actions { justify-content: center; } }

/* Restore compact familiar header while keeping the drawer trigger on the right of the mark. */
.nav-row { height: 77px; gap: 28px; }
.header-brand-area { display: flex; align-items: center; gap: 10px; flex: 0 0 auto; }
.header-brand-area .menu-btn { order: 1; }
.header-brand-area .brand { order: 2; }
.brand, .nav-actions, .desktop-nav { order: unset; }
.nav-actions { margin-right: 0 !important; margin-left: 0; }
.desktop-nav { margin-right: auto !important; margin-left: 0; }
.brand-logo { width: 112px; height: 59px; }
.footer-logo-wrap .brand-logo { width: 122px; height: 70px; }
/* Do not place stickers, text, or decorative overlays on top of the hero photograph. */
.hero-media:before, .hero-media:after, .hero-media .dot-art { display: none !important; content: none !important; }

/* All activity cards share the same alternating horizontal editorial layout. */
.secondary-stories { display: grid; grid-template-columns: 1fr; gap: 18px; }
.secondary-stories .news-story summary { display: grid; grid-template-columns: minmax(285px,.84fr) 1.16fr; min-height: 215px; }
.secondary-stories .news-story-cover { min-height: 215px; }
.secondary-stories .news-story-summary { min-height: 0; padding: 24px clamp(21px,3.2vw,40px); }
.secondary-stories .news-story-wrap:nth-child(even) .news-story-cover { order: 2; }
.secondary-stories .news-story-wrap:nth-child(even) .news-story-summary { order: 1; }
.secondary-stories .news-story-body { display: grid; grid-template-columns: minmax(260px,.79fr) 1.21fr; padding: 25px clamp(20px,3.8vw,46px) 31px; }
.achievements-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 22px; max-width: none; text-align: right; }
.achievements-heading > div { max-width: 670px; }
.show-more-achievements { display: inline-flex; align-items: center; justify-content: center; gap: 7px; flex: 0 0 auto; min-height: 39px; padding: 8px 14px; color: #0a6870; font-family: inherit; font-size: .82rem; font-weight: 800; white-space: nowrap; cursor: pointer; background: #eef9f8; border: 1px solid #b8dcd9; border-radius: 8px; transition: .18s ease; }
.show-more-achievements:hover, .show-more-achievements:focus-visible { color: #fff; background: #0a7378; border-color: #0a7378; outline: none; transform: translateY(-1px); }
.show-more-achievements .ico { font-size: .9rem; }
.achievement-stories-more { padding-top: 20px; }
.achievement-stories-more[hidden] { display: none; }
/* No decorative page-wide background image: keep the site light and fast. */
body { background-image: none; background-attachment: initial; }
@media (max-width: 930px) { .nav-row { height: 75px; gap: 12px; } .header-brand-area { gap: 8px; } .brand-logo { width: 104px; height: 55px; } .desktop-nav { display: none; } .nav-actions { margin-right: auto !important; } }
@media (max-width: 700px) { .nav-row { height: 66px; } .header-brand-area { gap: 7px; } .brand-logo { width: 94px; height: 50px; } .secondary-stories .news-story summary { display: block; min-height: 0; } .secondary-stories .news-story-cover { min-height: 0; height: 205px; } .secondary-stories .news-story-summary { min-height: 0; padding: 20px 18px; } .secondary-stories .news-story-wrap:nth-child(even) .news-story-cover, .secondary-stories .news-story-wrap:nth-child(even) .news-story-summary { order: unset; } .secondary-stories .news-story-body { display: block; padding: 21px 18px 26px; } .achievements-heading { display: block; padding-top: 38px; } .show-more-achievements { margin-top: 16px; } }

/* Performance and visual-cleanup pass: no decorative background drawings or patterns. */
body { background-color: var(--warm); background-image: none !important; background-attachment: initial !important; }
.site-header { background: #fffdfa; backdrop-filter: none; }
main::before,
.site-footer::before,
.home-hero::before,
.hero-shell::before,
.hero-media::before,
.hero-media::after,
.hero-badge,
.hero-orbit,
.dot-art,
.round-stamp,
.impact-band::after,
.founder-image::before,
.five-symbolic::before,
.five-symbolic::after,
.five-note::before,
.five-note-photo::before,
.medical-projects-section::before,
.news-page-hero::after,
.partners-hero::after,
.partners-hero-art > span,
.official-projects-section::after,
.official-project-card::after,
.partner-logo-card::before,
.initiative-detail-hero::before,
.donation-detail-hero::before,
.mini-map::before,
.big-map::before { display: none !important; content: none !important; background-image: none !important; }
.mini-map .map-road,
.mini-map .map-block,
.big-map .map-road,
.big-map .map-block { display: none; }

/* Alternating, consistently sized editorial news cards. */
.news-story-wrap.story-flip .news-story-cover { order: 2; }
.news-story-wrap.story-flip .news-story-summary { order: 1; }

/* Gaza initiative: facts, donation path, and the supplied documentary photographs. */
.gaza-initiative-hero { padding: 58px 0 64px; background: #f3faf8; border-bottom: 1px solid #d8e9e6; }
.gaza-initiative-hero-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(28px,6vw,75px); align-items: center; }
.gaza-initiative-hero h1 { margin: 9px 0 13px; color: var(--ink-deep); font-size: clamp(2.1rem,4vw,3.45rem); line-height: 1.25; }
.gaza-initiative-hero p { max-width: 620px; margin: 0; color: #55717c; line-height: 1.95; }
.gaza-initiative-hero figure { min-height: 290px; margin: 0; overflow: hidden; background: #dcebea; border: 7px solid #fff; border-radius: 14px; box-shadow: 0 15px 30px rgba(13,73,83,.12); }
.gaza-initiative-hero figure img { display: block; width: 100%; height: 100%; min-height: 290px; object-fit: cover; }
.gaza-initiative-body { background: #fff; }
.gaza-initiative-body .shell { max-width: 1040px; }
.gaza-document-card { display: grid; grid-template-columns: 66px 1fr; gap: 20px; padding: clamp(24px,4vw,42px); color: #294f5a; background: #edf8f7; border: 1px solid #cde5e1; border-radius: 14px; }
.gaza-document-card > .ico { display: grid; place-items: center; width: 62px; height: 62px; color: #fff; font-size: 1.7rem; background: #0b7777; border-radius: 50%; }
.gaza-document-card .eyebrow { margin-bottom: 5px; }
.gaza-document-card h2, .gaza-support-copy h2 { margin: 0 0 9px; color: var(--ink-deep); font-size: clamp(1.35rem,2.5vw,2rem); line-height: 1.45; }
.gaza-document-card p, .gaza-support-copy p { margin: 0; color: #57717b; line-height: 1.9; }
.gaza-support-copy { max-width: 750px; padding: 54px 0 27px; }
.gaza-photo-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.gaza-photo-grid figure { margin: 0; overflow: hidden; background: #f2f7f6; border: 1px solid #d7e7e5; border-radius: 10px; }
.gaza-photo-grid img { display: block; width: 100%; aspect-ratio: 1.42; object-fit: cover; }
.gaza-photo-grid figcaption { min-height: 38px; padding: 8px 11px; color: #5a747a; font-size: .76rem; }

/* Defer off-screen paint and image decode work without changing page content. */
@supports (content-visibility: auto) {
  .project-card, .service-card, .official-project-card, .partner-logo-card,
  .news-story-wrap, .event-teaser, .donation-focus-card, .donation-method-card,
  .branch-item, .value-card { content-visibility: auto; contain-intrinsic-size: auto 260px; }
}

@media (max-width: 700px) {
  .news-story-wrap.story-flip .news-story-cover,
  .news-story-wrap.story-flip .news-story-summary { order: unset; }
  .gaza-initiative-hero { padding: 37px 0 43px; }
  .gaza-initiative-hero-grid { grid-template-columns: 1fr; gap: 24px; }
  .gaza-initiative-hero figure, .gaza-initiative-hero figure img { min-height: 220px; }
  .gaza-document-card { grid-template-columns: 1fr; gap: 14px; }
  .gaza-document-card > .ico { width: 50px; height: 50px; font-size: 1.35rem; }
  .gaza-support-copy { padding-top: 38px; }
  .gaza-photo-grid { grid-template-columns: 1fr; }
}

/* Keep every visible news card on one compact, identical editorial scale. */
.five-story-copy h1 { color: #fffdf7 !important; }
.five-story-copy h1 em { color: #ffe7a6 !important; }
@media (min-width: 701px) {
  .editorial-news > .news-story-wrap .news-story summary,
  .editorial-news > .secondary-stories > .news-story-wrap .news-story summary {
    display: grid;
    grid-template-columns: minmax(285px, .84fr) 1.16fr;
    height: 230px;
    min-height: 230px;
  }
  .editorial-news > .news-story-wrap .news-story-cover,
  .editorial-news > .secondary-stories > .news-story-wrap .news-story-cover {
    height: 230px;
    min-height: 230px;
  }
  .editorial-news > .news-story-wrap .news-story-summary,
  .editorial-news > .secondary-stories > .news-story-wrap .news-story-summary {
    min-height: 0;
    padding: 16px clamp(21px, 3.2vw, 40px);
    overflow: hidden;
  }
  .editorial-news > .news-story-wrap .news-story-summary h2,
  .editorial-news > .secondary-stories > .news-story-wrap .news-story-summary h2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .editorial-news > .news-story-wrap .news-story-summary p,
  .editorial-news > .secondary-stories > .news-story-wrap .news-story-summary p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
  }
}
@media (max-width: 700px) {
  .editorial-news > .news-story-wrap .news-story summary,
  .editorial-news > .secondary-stories > .news-story-wrap .news-story summary,
  .editorial-news > .news-story-wrap .news-story-cover,
  .editorial-news > .secondary-stories > .news-story-wrap .news-story-cover { height: auto; }
  .editorial-news > .news-story-wrap .news-story-summary h2,
  .editorial-news > .news-story-wrap .news-story-summary p,
  .editorial-news > .secondary-stories > .news-story-wrap .news-story-summary h2,
  .editorial-news > .secondary-stories > .news-story-wrap .news-story-summary p { display: block; overflow: visible; }
}

/* The title repeated inside the opened five-pound story stays bright on the dark panel. */
.five-story-copy .human-story-body h2 { color: #ffe9af !important; }

/* Founder profile links supplied for Heba Rashed. */
.heba-profile-links { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 18px; }
.heba-profile-link { display: inline-flex; align-items: center; gap: 7px; min-height: 38px; padding: 7px 11px; color: #0a666c; font-size: .8rem; font-weight: 800; background: #fff; border: 1px solid #badbd7; border-radius: 8px; transition: .18s ease; }
.heba-profile-link:hover, .heba-profile-link:focus-visible { color: #fff; background: #087579; border-color: #087579; outline: none; }

/* When a card alternates, swap the grid tracks too: the image never becomes wider than the text. */
@media (min-width: 701px) {
  .editorial-news > .news-story-wrap.story-flip .news-story summary,
  .editorial-news > .secondary-stories > .news-story-wrap:nth-child(even) .news-story summary {
    grid-template-columns: 1.16fr minmax(285px, .84fr);
  }
}
/* At the narrow breakpoint, preserve the compact image height used by the cards above. */
@media (max-width: 700px) {
  .editorial-news > .news-story-wrap .news-story-cover,
  .editorial-news > .secondary-stories > .news-story-wrap .news-story-cover {
    height: 205px !important;
    min-height: 205px !important;
  }
}

/* Partner marks: four columns, generous safe area, and clear colored frames. */
.partners-logo-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.partner-logo-card {
  display: grid;
  grid-template-rows: minmax(92px, 1fr) auto;
  align-items: center;
  min-height: 166px;
  padding: 18px 20px 15px;
  overflow: visible;
  background: linear-gradient(145deg, #ffffff, #f5fbfa);
  border: 2px solid #a9d8d3;
  border-radius: 15px;
  box-shadow: 0 8px 20px rgba(13, 80, 91, .08), inset 0 0 0 4px rgba(255, 255, 255, .75);
}
.partner-logo-card:nth-child(4n + 2) { border-color: #bfd6ed; background: linear-gradient(145deg, #fff, #f5f9ff); }
.partner-logo-card:nth-child(4n + 3) { border-color: #efd59a; background: linear-gradient(145deg, #fffefa, #fff9ec); }
.partner-logo-card:nth-child(4n) { border-color: #d4c5e9; background: linear-gradient(145deg, #fff, #faf7ff); }
.partner-logo-card img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 82px;
  margin: 0 auto;
  object-fit: contain;
  object-position: center;
}
.partner-logo-card figcaption { min-height: 34px; margin-top: 10px; }
.partner-logo-card:hover { border-color: #087579; box-shadow: 0 13px 24px rgba(10, 102, 108, .14), inset 0 0 0 4px rgba(255, 255, 255, .8); }
@media (max-width: 930px) {
  .partners-logo-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .partners-logo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; }
  .partner-logo-card { min-height: 142px; padding: 15px 12px 11px; border-radius: 12px; }
  .partner-logo-card img { max-height: 66px; }
  .partner-logo-card figcaption { min-height: 26px; margin-top: 7px; }
}

/* --------------------------------------------------------------------------
   Pastel stationery visual system — lightweight final layer.
   Static CSS/SVG only; no external illustration, canvas, mouse tracking, or
   continuous animation is introduced.                                          */
:root {
  --paper: #fffaf0;
  --paper-2: #fff7e9;
  --ink-playful: #26384f;
  --muted-playful: #5d7184;
  --lavender: #a996d8;
  --lavender-soft: #f1edff;
  --sky: #84bee7;
  --sky-soft: #eaf7ff;
  --peach: #edae91;
  --peach-soft: #fff0e9;
  --mint: #83cbb7;
  --mint-soft: #e9f8f2;
  --butter: #efd177;
  --butter-soft: #fff8d9;
  --blush: #e8a3b4;
  --blush-soft: #fff0f4;
  --soft-border: rgba(75, 105, 129, .16);
  --surface-shadow: 0 10px 23px rgba(54, 75, 105, .10), 0 2px 5px rgba(54, 75, 105, .05);
  --surface-shadow-hover: 0 15px 30px rgba(54, 75, 105, .14), 0 3px 7px rgba(54, 75, 105, .06);
  --playful-radius: 18px;
}

/* Warm paper background with one small, reusable hand-drawn SVG tile. */
body {
  color: var(--ink-playful);
  background-color: var(--paper) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='310' viewBox='0 0 360 310'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M27 52c9-11 19-11 28 0 9 11 19 11 28 0' stroke='%2398c7e9' stroke-width='1.4' opacity='.38'/%3E%3Cpath d='M270 84c8-8 18-8 26 0s18 8 26 0' stroke='%23d7a8cd' stroke-width='1.3' opacity='.34'/%3E%3Cpath d='M72 233c11-7 22-6 33 2 9 7 20 7 31 0' stroke='%2395d0bd' stroke-width='1.4' opacity='.37'/%3E%3Cpath d='M226 253l4 8 9 1-7 6 2 9-8-4-8 4 2-9-7-6 9-1z' stroke='%23e7bd5d' stroke-width='1.4' opacity='.45'/%3E%3Cpath d='M317 177c-9-13-27 4 0 20 27-16 9-33 0-20z' stroke='%23e5a2b6' stroke-width='1.3' opacity='.36'/%3E%3Ccircle cx='151' cy='47' r='5' stroke='%23a99bd8' stroke-width='1.4' opacity='.36'/%3E%3Cpath d='M151 35v-7m0 38v-7m12-12h7m-38 0h7' stroke='%23a99bd8' stroke-width='1.3' opacity='.35'/%3E%3Cpath d='M17 158c3-12 15-18 25-12 10-6 22 0 25 12-7 7-15 10-25 10s-18-3-25-10z' stroke='%238abfe4' stroke-width='1.4' opacity='.32'/%3E%3Cpath d='M175 178c5-10 19-10 24 0 5-10 19-10 24 0' stroke='%23eaa987' stroke-width='1.4' opacity='.30'/%3E%3C/g%3E%3C/svg%3E") !important;
  background-size: 360px 310px !important;
  overflow-x: hidden;
}
main { background: transparent; }

/* A soft paper wash on clear sections; the SVG remains static and behind content. */
.home-hero, .page-hero, .project-hero, .news-page-hero, .partners-hero,
.initiative-detail-hero, .donation-detail-hero, .gaza-initiative-hero {
  background-color: rgba(255, 250, 240, .89) !important;
  background-image: linear-gradient(135deg, rgba(241,237,255,.78), rgba(255,250,240,.64) 48%, rgba(234,247,255,.72)) !important;
}
.activities-section, .services-directory, .featured-section, .news-list,
.story-section, .donation-focus-section, .gaza-initiative-body {
  background: rgba(255, 253, 248, .80) !important;
}
.about-editorial, .projects-directory, .values-section, .donation-methods-section,
.official-projects-section { background: rgba(247, 251, 250, .76) !important; }

/* Typography and section rhythm */
h1, h2, h3, h4 { color: var(--ink-playful); letter-spacing: -.018em; }
p, .section-head p, .news-story-summary p, .founder-copy > p { color: var(--muted-playful); }
.eyebrow { color: #71659b; }
.eyebrow > span { width: 29px; height: 3px; background: var(--butter); box-shadow: 0 1px 0 rgba(255,255,255,.8); }
.section { padding-top: clamp(64px, 7vw, 96px); padding-bottom: clamp(64px, 7vw, 96px); }

/* Header and drawer */
.site-header { background: rgba(255, 252, 246, .96); border-bottom: 1px solid rgba(151, 129, 188, .18); box-shadow: 0 4px 16px rgba(61, 76, 96, .06); }
.topline { background: linear-gradient(90deg, #eee9ff, #e8f8f3 52%, #fff2e8); color: #526578; }
.menu-btn { border-color: #d8ccec; background: linear-gradient(145deg, #fff, #f0edff); color: #65558d; box-shadow: 0 4px 10px rgba(87, 70, 130, .10); }
.desktop-nav a { color: #526578; border-radius: 9px; padding-inline: 8px; }
.desktop-nav a:hover, .desktop-nav a.active { color: #63528e; border-color: #a996d8; background: rgba(241,237,255,.68); }
.mobile-panel.drawer { background: #fffaf4; border-left: 1px solid rgba(169,150,216,.25); box-shadow: -12px 0 32px rgba(57, 68, 95, .16); }
.mobile-panel nav a { color: #425d71; border-bottom-color: rgba(132,190,231,.22); }
.mobile-panel nav a.active { color: #6c58a0; }
.drawer-follow { background: linear-gradient(135deg, #f1edff, #eaf8f3); border: 1px solid rgba(169,150,216,.18); }

/* Buttons: shallow 3D elevation, short responsive motion. */
.btn, .show-more-achievements, .heba-profile-link, main .text-link {
  border-radius: 12px;
  transform: translateZ(0);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease, border-color .18s ease, background .18s ease;
}
.btn-primary {
  border-color: rgba(42, 128, 105, .25);
  background: linear-gradient(145deg, #299b78, #187c63);
  box-shadow: 0 7px 0 #12624e, 0 11px 18px rgba(29, 125, 100, .18);
}
.btn-primary:hover, .btn-primary:focus-visible { background: linear-gradient(145deg, #35a985, #197d65); box-shadow: 0 9px 0 #12624e, 0 14px 22px rgba(29, 125, 100, .22); transform: translateY(-2px); }
.btn-primary:active { transform: translateY(3px); box-shadow: 0 3px 0 #12624e, 0 6px 12px rgba(29,125,100,.15); }
.btn-outline, .btn-soft { border-color: #b5d7e8; background: linear-gradient(145deg, #fff, #edf8ff); color: #425d7b; box-shadow: 0 4px 0 rgba(132,190,231,.26), 0 8px 15px rgba(72, 112, 142, .07); }
.btn-outline:hover, .btn-soft:hover { border-color: #84bee7; background: #f4fbff; transform: translateY(-2px); }
.btn-gold { background: linear-gradient(145deg, #ffdf8e, #edbd5a); border-color: rgba(191,138,36,.25); box-shadow: 0 5px 0 #c79338, 0 10px 17px rgba(184,133,39,.16); }
.text-link, main .text-link { color: #61528e; }
.text-link:hover, main .text-link:hover { color: #473a73; border-color: #a996d8; box-shadow: 0 5px 12px rgba(126, 103, 176, .12); }

/* Shared soft 3D surfaces: restrained frames and one lightweight shadow stack. */
.project-card, .service-card, .value-card, .official-project-card, .news-story-wrap,
.event-teaser, .partner-logo-card, .donation-destination, .donation-method-card,
.donation-focus-card, .branch-item, .contact-panel, .contact-form-wrap, .fact-card,
.partner-reference-logo, .donation-material, .gaza-document-card, .gaza-photo-grid figure,
.story-gallery figure, .five-note-photo {
  border: 1px solid var(--soft-border);
  border-radius: var(--playful-radius);
  box-shadow: var(--surface-shadow), inset 0 1px 0 rgba(255,255,255,.92);
}
.project-card, .service-card, .value-card, .official-project-card, .news-story-wrap,
.event-teaser, .donation-destination, .donation-method-card, .donation-focus-card,
.branch-item, .contact-panel, .contact-form-wrap, .fact-card, .partner-reference-logo,
.donation-material { background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(249,253,251,.91)); }
.project-card:nth-child(4n+2), .service-card:nth-child(4n+2), .value-card:nth-child(4n+2), .official-project-card:nth-child(4n+2) { border-color: rgba(132,190,231,.47); }
.project-card:nth-child(4n+3), .service-card:nth-child(4n+3), .value-card:nth-child(4n+3), .official-project-card:nth-child(4n+3) { border-color: rgba(237,174,145,.46); }
.project-card:nth-child(4n), .service-card:nth-child(4n), .value-card:nth-child(4n), .official-project-card:nth-child(4n) { border-color: rgba(169,150,216,.43); }
.project-card:hover, .service-card:hover, .official-project-card:hover, .news-story-wrap:hover,
.event-teaser:hover, .donation-method-card:hover, .donation-focus-card:hover, .partner-logo-card:hover {
  transform: translateY(-3px);
  box-shadow: var(--surface-shadow-hover), inset 0 1px 0 rgba(255,255,255,.96);
}
.project-img, .news-story-cover, .event-teaser img { border-radius: calc(var(--playful-radius) - 3px); }
.project-img span, .news-story-cover span { background: rgba(255,255,255,.92); color: #5d4b89; border: 1px solid rgba(169,150,216,.30); box-shadow: 0 3px 9px rgba(81,67,119,.10); }
.service-icon, .value-card > span, .official-project-card > span, .donation-method-card > .ico:first-child, .donation-focus-card > .ico:first-child { background: linear-gradient(145deg, #f1edff, #e2f5f0); color: #61528e; }

/* News stays editorial and accessible, with a little color around the frame only. */
.news-story-body { background: linear-gradient(135deg, #fffdf9, #f6fbfa); border-top-color: rgba(132,190,231,.23); }
.story-gallery figure { background: #fff; overflow: hidden; }
.story-gallery figcaption { color: #607286; }
.story-toggle { color: #4c4281; }
.show-more-achievements { background: linear-gradient(145deg, #f1edff, #eaf8f3); border-color: #cfc3e7; color: #5c4b8a; box-shadow: 0 4px 0 rgba(169,150,216,.28), 0 8px 14px rgba(100,82,147,.09); }
.show-more-achievements:hover, .show-more-achievements:focus-visible { background: linear-gradient(145deg, #7f6aaa, #66528f); border-color: #66528f; box-shadow: 0 6px 0 #55437d, 0 12px 18px rgba(82,65,124,.18); }

/* Forms: comfortable paper inputs and a clear keyboard focus state. */
input, select, textarea {
  color: var(--ink-playful);
  background: linear-gradient(145deg, #fff, #fbfcfa);
  border: 1px solid #c8dce1;
  border-radius: 12px;
  box-shadow: inset 0 1px 3px rgba(49,76,96,.05), 0 1px 0 rgba(255,255,255,.9);
}
input::placeholder, textarea::placeholder { color: #8191a0; }
input:focus, select:focus, textarea:focus {
  border-color: #8c77bf;
  outline: 3px solid rgba(169,150,216,.20);
  box-shadow: 0 0 0 1px rgba(255,255,255,.92), 0 5px 12px rgba(114,92,166,.12);
}
.form-status.success { background: #eaf8f0; border-color: #a7d9bf; color: #176547; }
.form-status.error { background: #fff0f2; border-color: #e9b2be; color: #a14458; }

/* Donation, branch and contact surfaces */
.donation-destination.selected { border-color: #8b76bd; background: linear-gradient(135deg, #f2efff, #ecfaf4); box-shadow: 0 0 0 3px rgba(169,150,216,.15), var(--surface-shadow); }
.donation-review, .donation-confidence { border-radius: var(--playful-radius); }
.contact-panel { background: linear-gradient(145deg, #effbfa, #edf5ff); }
.contact-form-wrap { background: linear-gradient(145deg, #fffdf9, #fbf8ff); }
.branch-main { border-radius: var(--playful-radius); overflow: hidden; box-shadow: var(--surface-shadow); }

/* Partner section: retain full contain logos while giving the roster a premium playful frame. */
.partner-logo-card { box-shadow: 0 7px 16px rgba(57, 78, 105, .09), inset 0 1px 0 rgba(255,255,255,.94); }
.partner-logo-card:nth-child(4n+1) { border-color: #a9d8d3; }
.partner-logo-card:nth-child(4n+2) { border-color: #bfd6ed; }
.partner-logo-card:nth-child(4n+3) { border-color: #efd59a; }
.partner-logo-card:nth-child(4n) { border-color: #d4c5e9; }

/* Supporting bands keep contrast, with less harsh flat color. */
.impact-band, .simple-cta, .donation-banner { background: linear-gradient(135deg, #245d73, #3e5c89 56%, #695a94); }
.partnership-card { border: 1px solid rgba(255,255,255,.25); border-radius: var(--playful-radius); box-shadow: 0 12px 26px rgba(41,77,93,.17); }
.site-footer { background: linear-gradient(135deg, #1f4f67, #354d78 55%, #635482); }

/* Doodles/cards do not animate continuously. Respect reduced motion explicitly. */
@media (max-width: 700px) {
  body { background-size: 460px 395px !important; }
  .section { padding-top: 58px; padding-bottom: 58px; }
  .project-card:hover, .service-card:hover, .official-project-card:hover, .news-story-wrap:hover,
  .event-teaser:hover, .donation-method-card:hover, .donation-focus-card:hover, .partner-logo-card:hover { transform: none; }
  .btn-primary:hover, .btn-outline:hover, .btn-soft:hover { transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

/* Follow-up polish: restore the familiar header, steady the 3D controls, and
   keep the requested accents quiet and inexpensive. */
.site-header {
  background: #fffdfa;
  border-bottom: 1px solid #cfe5e3;
  box-shadow: 0 7px 20px rgba(11, 69, 78, .07);
  backdrop-filter: none;
}
.topline { background: #0b656c; color: #edfffb; }
.topline a { color: #fff4cf; }
.menu-btn {
  border: 0;
  background: #eaf6f5;
  color: var(--teal-deep);
  box-shadow: none;
}
/* Desktop navigation returns to its original compact underline treatment.
   The active-state surface now hugs neither the whole header nor the label. */
.desktop-nav a {
  padding: 27px 0 24px;
  color: #4c6975;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
}
.desktop-nav a:hover,
.desktop-nav a.active {
  color: var(--teal-deep);
  background: transparent;
  border-color: var(--green);
  box-shadow: none;
}

/* A few very faint, static marks give the mobile drawer a warm handmade feel
   without adding an element, animation, or interaction layer. */
.mobile-panel.drawer {
  isolation: isolate;
  background-color: #fffdfa;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='250' height='270' viewBox='0 0 250 270'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M28 42c8-11 17-11 25 0s17 11 25 0' stroke='%2393cab6' stroke-width='1.5' opacity='.3'/%3E%3Cpath d='M188 54l4 8 9 1-7 6 2 9-8-4-8 4 2-9-7-6 9-1z' stroke='%23d8ae62' stroke-width='1.4' opacity='.29'/%3E%3Cpath d='M42 194c-11-16-31 5 0 24 31-19 11-40 0-24z' stroke='%23dda1b0' stroke-width='1.4' opacity='.26'/%3E%3Ccircle cx='194' cy='202' r='6' stroke='%2399bde2' stroke-width='1.3' opacity='.28'/%3E%3Cpath d='M194 184v-7m0 50v-7m18-18h7m-50 0h7' stroke='%2399bde2' stroke-width='1.2' opacity='.27'/%3E%3Cpath d='M113 125c6-7 13-7 19 0s13 7 19 0' stroke='%23aa9bda' stroke-width='1.4' opacity='.26'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 250px 270px;
  background-position: right top;
}
.mobile-panel.drawer .drawer-top,
.mobile-panel.drawer nav,
.mobile-panel.drawer .drawer-follow { position: relative; z-index: 1; }
.mobile-panel.drawer .drawer-follow { background: rgba(241, 248, 246, .88); }

/* The impact section is green, while retaining its existing readable content. */
.impact-band {
  background: linear-gradient(135deg, #0b6d56, #188367 56%, #43a27e);
}
.impact-band .impact-head h2 { color: #fff; }
.impact-band .impact-head p { color: #d9f3e9; }
.impact-band .impact-grid span { color: #d8f1e6; }
.impact-band .impact-grid > div { border-left-color: rgba(222, 248, 237, .28); }

/* Keep the depth, but no layout transforms/filter effects on controls:
   this prevents the cursor-hover flicker seen on some GPU/browser setups. */
.btn,
.show-more-achievements,
.heba-profile-link,
main .text-link {
  transform: none !important;
  filter: none !important;
  will-change: auto;
  transition: background-color .16s ease, border-color .16s ease, color .16s ease !important;
}
.btn:hover,
.btn:focus-visible,
.btn:active,
.show-more-achievements:hover,
.show-more-achievements:focus-visible,
.heba-profile-link:hover,
.heba-profile-link:focus-visible,
main .text-link:hover,
main .text-link:focus-visible {
  transform: none !important;
  filter: none !important;
}
.btn-primary:hover,
.btn-primary:focus-visible,
.btn-primary:active {
  box-shadow: 0 7px 0 #12624e, 0 11px 18px rgba(29, 125, 100, .18);
}
.btn-outline:hover,
.btn-soft:hover { box-shadow: 0 4px 0 rgba(132, 190, 231, .26), 0 8px 15px rgba(72, 112, 142, .07); }

/* This is a button (not a router hash), so it reliably returns to the same
   page's top without rendering a not-found route. */
.to-top {
  width: 42px;
  height: 42px;
  padding: 0;
  color: #0b6864;
  font: inherit;
  font-size: 1.35rem;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
  background: #fff;
  border: 1px solid #a8d8d0;
  border-radius: 50%;
  box-shadow: 0 5px 0 #69aa9d, 0 9px 17px rgba(0, 38, 48, .16);
  transition: background-color .16s ease, color .16s ease, border-color .16s ease;
}
.to-top:hover,
.to-top:focus-visible { color: #fff; background: #16806b; border-color: #16806b; outline: none; }
.to-top:active { box-shadow: 0 2px 0 #69aa9d, 0 4px 9px rgba(0, 38, 48, .14); }

/* Interaction pass: every actionable control has a small, stable colour cue. */
.btn,
.show-more-achievements,
.heba-profile-link,
main .text-link,
.menu-btn,
.drawer-close,
.donation-destination,
.donation-focus-card,
.donation-method-card,
.drawer-social,
.social-link,
.social-news .tiny-link,
.unhcr-logo-plate,
.mini-map,
.to-top {
  cursor: pointer;
  transition: background-color .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease !important;
}
.btn-inverse:hover,
.btn-inverse:focus-visible { color: #0c6d63; background: #e8f7f1; border-color: #b7e0d5; }
.menu-btn:hover,
.menu-btn:focus-visible { color: #08706c; background: #dff4ef; border-color: #9bd4c6; outline: none; }
.drawer-close:hover,
.drawer-close:focus-visible { color: #08706c; background: #e7f7f2; border-color: #a4d8cb; outline: none; }
.donation-destination:hover,
.donation-destination:focus-visible {
  color: #184e5a;
  background: #eefaf5;
  border-color: #71bda6;
  outline: none;
  box-shadow: 0 0 0 3px rgba(113, 189, 166, .13);
}
/* Donation cards remain links, but now acknowledge the cursor without jumping. */
.donation-focus-card:hover,
.donation-focus-card:focus-visible,
.donation-method-card:hover,
.donation-method-card:focus-visible {
  color: #154b59;
  background: #e8f7f0;
  border-color: #73bda7;
  outline: none;
  box-shadow: 0 6px 14px rgba(26, 108, 91, .10);
  transform: none !important;
}
.donation-focus-card:hover b,
.donation-focus-card:hover small,
.donation-focus-card:hover > .ico:last-child,
.donation-method-card:hover b,
.donation-method-card:hover small,
.donation-method-card:hover > .ico:last-child { color: #154b59; }
.donation-focus-card:hover > .ico:first-child,
.donation-method-card:hover > .ico:first-child { color: #176e63; background: #fff; }
.donation-focus-card:focus-visible,
.donation-method-card:focus-visible,
.unhcr-logo-plate:focus-visible,
.mini-map:focus-visible,
.drawer-social:focus-visible,
.social-link:focus-visible { outline: 3px solid rgba(138, 207, 190, .43); outline-offset: 3px; }
.drawer-social:hover,
.drawer-social:focus-visible { color: #0b615e; background: #dff4ef; }
.social-link:hover,
.social-link:focus-visible { color: #fff; background: #14786f; border-color: #9fe0d3; transform: none; }
.social-news .tiny-link:hover,
.social-news .tiny-link:focus-visible { color: #07586b; background: #f1fbf8; border-color: #f1fbf8; }
.unhcr-logo-plate:hover { background: #f1fbf8; border-color: #76bbaf; transform: none; }
.mini-map:hover { border-color: #a7ddd2; background-color: #e4f5ed; }
.news-story summary { cursor: pointer; }
.news-story summary:hover .news-story-summary,
.news-story summary:focus-visible .news-story-summary { background-color: #f0faf6; }

/* No hover movement on link-cards: colour is the feedback, not a GPU transform. */
.donation-focus-card,
.donation-method-card { transform: none !important; }

/* A minimal outlined up arrow: deliberately not a raised/3D footer button. */
.to-top {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  padding: 0;
  color: #e8faf6;
  background: transparent;
  border: 1px solid rgba(232, 250, 246, .72);
  border-radius: 50%;
  box-shadow: none;
}
.to-top .ico { width: 17px; height: 17px; }
.to-top .ico svg { stroke-width: 1.7; }
.to-top:hover,
.to-top:focus-visible {
  color: #fff;
  background: rgba(255, 255, 255, .13);
  border-color: #fff;
  box-shadow: none;
  outline: none;
}
.to-top:active { box-shadow: none; }

/* Softer off-white paper base: reduce the stark white field without lowering contrast. */
:root {
  --paper: #f7f2e9;
  --paper-2: #f1eadf;
}
body { background-color: #f7f2e9 !important; }
.site-header { background: #fbf7ef; }
.home-hero, .page-hero, .project-hero, .news-page-hero, .partners-hero,
.initiative-detail-hero, .donation-detail-hero, .gaza-initiative-hero {
  background-color: rgba(248, 244, 236, .94) !important;
  background-image: linear-gradient(135deg, rgba(241, 237, 255, .64), rgba(248, 244, 236, .82) 48%, rgba(234, 247, 255, .58)) !important;
}
.activities-section, .services-directory, .featured-section, .news-list,
.story-section, .donation-focus-section, .gaza-initiative-body {
  background: rgba(250, 247, 240, .86) !important;
}
.about-editorial, .projects-directory, .values-section, .donation-methods-section,
.official-projects-section { background: rgba(246, 242, 233, .84) !important; }
/* Surfaces stay visually distinct but are now a warm ivory rather than pure white. */
.project-card, .service-card, .value-card, .official-project-card, .news-story-wrap,
.event-teaser, .donation-destination, .donation-method-card, .donation-focus-card,
.branch-item, .contact-panel, .contact-form-wrap, .fact-card, .partner-reference-logo,
.donation-material { background: linear-gradient(145deg, #fffdf8, #f8f5ed); }
input, select, textarea { background: linear-gradient(145deg, #fffdf8, #f7f4ec); }

/* Keep the final donation CTA above its decorative ring so it always receives the click. */
.donation-banner-inner::after { pointer-events: none; }
.donation-banner-inner > * { position: relative; z-index: 1; }
.donation-banner-inner .btn-gold:hover,
.donation-banner-inner .btn-gold:focus-visible {
  color: #29484b;
  background: #ffe49b;
  border-color: #ffe49b;
}


/* Public donation directory: each project card is a direct official link, with a stable colour-only hover cue. */
.donation-destination { text-decoration: none; }
.donation-destination > .ico { opacity: 1; color: #168261; }
.donation-destination:hover > .ico,
.donation-destination:focus-visible > .ico { color: #176e63; }
.contact-direct-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.contact-direct-note { margin: 18px 0 0; color: #65808a; font-size: .78rem; line-height: 1.8; }
@media (max-width: 520px) { .contact-direct-actions .btn { width: 100%; justify-content: center; } }

/* Final surface pass — one calm continuous canvas, no checkerboard sections. */
html { background: #f5f4ee; }
body {
  min-height: 100%;
  background: radial-gradient(920px 520px at 6% 8%, rgba(201, 236, 226, .65), transparent 68%),
              radial-gradient(760px 470px at 96% 44%, rgba(243, 224, 179, .42), transparent 70%),
              linear-gradient(135deg, #f8f5ee 0%, #eff8f4 49%, #f8f1e6 100%) !important;
  background-attachment: fixed !important;
}
main { background: transparent !important; }
.home-hero, .page-hero, .project-hero, .news-page-hero, .partners-hero,
.initiative-detail-hero, .donation-detail-hero, .gaza-initiative-hero,
.home-news-lead, .activities-section, .about-editorial, .featured-section,
.partnership-section, .services-directory, .projects-directory, .values-section,
.story-section, .news-list, .donation-focus-section, .donation-methods-section,
.official-projects-section, .branches-section, .contact-section, .partners-page,
.gaza-initiative-body, .clinic-note {
  background: transparent !important;
  background-image: none !important;
}
.home-news-lead, .branches-section, .contact-section { border: 0 !important; }

/* Do not allow native tap/selection flashes to replace the menu icon on mobile. */
*, *::before, *::after { -webkit-tap-highlight-color: transparent; }
.menu-btn, .drawer-close {
  -webkit-appearance: none;
  appearance: none;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  outline: none !important;
}
.menu-btn:focus, .menu-btn:focus:not(:focus-visible), .drawer-close:focus:not(:focus-visible) { outline: none !important; box-shadow: none !important; }
.menu-btn::-moz-focus-inner, .drawer-close::-moz-focus-inner { border: 0; }
.menu-btn .hamburger-lines, .menu-btn .ico { pointer-events: none; }

/* The contact panel keeps the soft palette, now with professional readable contrast. */
.contact-panel {
  color: #174857 !important;
  background: linear-gradient(145deg, #dff4ef, #e7f3fb) !important;
  border: 1px solid #b8ddd5;
  box-shadow: 0 10px 24px rgba(17, 86, 95, .10);
}
.contact-panel h2 { color: #123e4d !important; }
.contact-panel > a { color: #1c5264 !important; border-bottom-color: rgba(51, 118, 126, .18) !important; }
.contact-panel > a:hover, .contact-panel > a:focus-visible { color: #074e57 !important; background: rgba(255,255,255,.46); outline: none; }
.contact-panel > a > span { color: #ad7b1d !important; background: rgba(255,255,255,.72) !important; border: 1px solid rgba(185,139,39,.28); }
.contact-panel small { color: #4a7784 !important; }
.contact-panel b, .contact-panel bdi { color: #123e4d !important; }
.contact-social { border-top: 1px solid rgba(51, 118, 126, .16); padding-top: 17px; }
.contact-social p { color: #3a6976 !important; font-weight: 700; }
.contact-social .social-link { color: #176a68; border-color: rgba(35, 122, 114, .32); background: rgba(255,255,255,.56); }
.contact-social .social-link:hover, .contact-social .social-link:focus-visible { color: #fff; background: #14786f; border-color: #14786f; }

/* Branch cards are genuine actions: left area opens Maps; separated phone action makes a call. */
.branch-directory-intro { max-width: 760px; margin: 0 auto 30px; text-align: center; }
.branch-directory-intro .eyebrow { justify-content: center; }
.branch-directory-intro h2 { margin: 0; color: #164a58; font-size: clamp(1.7rem, 3vw, 2.45rem); }
.branch-directory-intro p { margin: 10px 0 0; color: #587782; font-size: .88rem; line-height: 1.9; }
.branch-main { border-color: #cce3df; background: rgba(255,255,255,.78); }
.branch-main > div:first-child { background: rgba(255,255,255,.58); }
.branch-main h2 { color: #123f4e; }
.branch-main p { color: #466d78; }
.branch-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; }
.branch-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #cfe4e0;
  border-radius: 15px;
  background: rgba(255,255,255,.82) !important;
  box-shadow: 0 8px 18px rgba(23, 89, 93, .055);
  transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease !important;
}
.branch-item:hover, .branch-item:focus-within { border-color: #80bfb2; background: #fbfffd !important; box-shadow: 0 10px 23px rgba(23, 89, 93, .11); }
.branch-location { display: flex; align-items: flex-start; min-width: 0; gap: 12px; padding: 18px 16px; color: inherit; }
.branch-location:hover, .branch-location:focus-visible { background: #effaf7; outline: none; }
.branch-pin { display: grid; place-items: center; flex: 0 0 auto; width: 37px; height: 37px; color: #08796f; background: #dff4ed; border-radius: 50%; }
.branch-copy { min-width: 0; }
.branch-copy > small { display: block; margin-bottom: 2px; color: #3d817a; font-size: .67rem; font-weight: 800; }
.branch-copy h3 { margin: 0 0 5px; color: #164a58; font-size: .98rem; line-height: 1.45; }
.branch-copy p { margin: 0; color: #5c7780; font-size: .74rem; line-height: 1.7; }
.branch-copy em { display: inline-flex; align-items: center; gap: 4px; margin-top: 9px; color: #08796f; font-size: .69rem; font-style: normal; font-weight: 800; }
.branch-copy em .ico { width: .95em; height: .95em; }
.branch-phone { display: inline-flex; align-items: center; justify-content: center; flex-direction: column; gap: 5px; min-width: 105px; padding: 14px 11px; color: #0a706a; background: #e8f7f2; border-right: 1px solid #cfe6df; text-align: center; }
.branch-phone:hover, .branch-phone:focus-visible { color: #fff; background: #14786f; outline: none; }
.branch-phone > .ico { width: 20px; height: 20px; }
.branch-phone span { display: grid; gap: 2px; }
.branch-phone small { color: inherit; font-size: .62rem; line-height: 1.2; }
.branch-phone bdi { font-size: .71rem; font-weight: 800; white-space: nowrap; }
.branch-actions .branch-phone-main { flex-direction: row; min-width: auto; padding: 10px 18px; color: #fff; background: var(--green); border-right: 0; border: 1px solid transparent; }
.branch-actions .branch-phone-main:hover, .branch-actions .branch-phone-main:focus-visible { background: var(--green-dark); }
.branch-actions .branch-phone-main span { display: inline-flex; align-items: baseline; gap: 5px; }
.branch-actions .branch-phone-main small { font-size: .72rem; }
.branch-actions .branch-phone-main bdi { font-size: .89rem; }

/* Utility text is only for assistive technology; social icons remain clean visually. */
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.social-row, .contact-social { display: flex; flex-wrap: wrap; gap: 8px; }
.contact-social .social-link { margin-left: 0; }

@media (max-width: 760px) {
  body { background-attachment: scroll !important; }
  .branch-list { grid-template-columns: 1fr; }
  .branch-item { grid-template-columns: minmax(0, 1fr) 112px; }
  .branch-main > div:first-child { padding: 27px 22px; }
}
@media (max-width: 390px) {
  .branch-item { grid-template-columns: minmax(0, 1fr) 96px; }
  .branch-location { padding: 15px 13px; gap: 9px; }
  .branch-phone { min-width: 96px; padding-inline: 7px; }
  .branch-copy h3 { font-size: .9rem; }
  .branch-copy p { font-size: .7rem; }
}

/* Simplified branch directory: every complete card is one stable Google Maps button. */
.branch-support-actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; margin-top: 19px; }
.branch-location-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.branch-location-grid .branch-card {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  align-items: center;
  gap: 13px;
  min-height: 132px;
  padding: 19px 20px;
  color: #174b59;
  background: rgba(255,255,255,.88);
  border: 1px solid #cce3df;
  border-radius: 16px;
  box-shadow: 0 8px 18px rgba(23, 89, 93, .06);
  text-decoration: none;
  cursor: pointer;
  transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease !important;
}
.branch-location-grid .branch-card:hover,
.branch-location-grid .branch-card:focus-visible {
  color: #124e58;
  background: #f5fcf9;
  border-color: #6eb7a8;
  box-shadow: 0 10px 22px rgba(20, 106, 95, .12);
  outline: none;
}
.branch-card-icon { display: grid; place-items: center; width: 44px; height: 44px; color: #08796f; background: #dff4ed; border-radius: 50%; }
.branch-card-icon .ico { width: 20px; height: 20px; }
.branch-card-copy { display: grid; gap: 3px; min-width: 0; }
.branch-card-copy small { color: #3c817a; font-size: .67rem; font-weight: 800; }
.branch-card-copy b { color: #164a58; font-size: 1rem; line-height: 1.45; }
.branch-card-copy > span { color: #5d7881; font-size: .74rem; line-height: 1.65; }
.branch-card-open { display: inline-flex; align-items: center; gap: 5px; align-self: end; color: #08796f; font-size: .7rem; font-weight: 800; white-space: nowrap; }
.branch-card-open .ico { width: 15px; height: 15px; }
@media (max-width: 760px) {
  .branch-location-grid { grid-template-columns: 1fr; }
  .branch-location-grid .branch-card { min-height: 116px; }
}
@media (max-width: 430px) {
  .branch-location-grid .branch-card { grid-template-columns: 40px minmax(0,1fr); padding: 16px 15px; gap: 11px; }
  .branch-card-icon { width: 40px; height: 40px; }
  .branch-card-open { grid-column: 2; align-self: auto; }
  .branch-support-actions .btn { width: 100%; }
}


/* Faster first paint: the browser skips layout/paint work for sections below the viewport until needed. */
@supports (content-visibility: auto) {
  #main-content > section:not(:first-child) {
    content-visibility: auto;
    contain-intrinsic-size: auto 680px;
  }
}


/* The homepage now has five activity cards: keep the new neonatal centre visible without weakening the featured children project. */
@media (min-width: 1051px) {
  .home-project-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .home-project-grid .featured { grid-column: span 2; }
}


/* Responsive layout for the neonatal-centre opening gallery. */
.project-opening-gallery { background: #f7fbfb; }
.project-opening-gallery .story-gallery { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 790px) {
  .project-opening-gallery .story-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Mobile restoration: compact familiar header with a persistent donation action and balanced activity cards. */
@media (max-width: 700px) {
  .site-header { background: rgba(255,253,250,.98); }
  .nav-row {
    height: 66px;
    min-height: 66px;
    gap: 8px;
    justify-content: flex-start;
  }
  .header-brand-area { gap: 8px; }
  .brand-logo { width: 88px; height: 46px; }
  .desktop-nav { display: none !important; }
  .nav-actions {
    display: flex !important;
    align-items: center;
    margin-right: auto !important;
    margin-left: 0 !important;
  }
  .donate-nav {
    display: inline-flex !important;
    min-height: 38px;
    padding: 8px 10px;
    border-radius: 9px;
    font-size: .72rem;
    line-height: 1;
    white-space: nowrap;
  }
  .donate-nav .ico { font-size: .95em; }
  .menu-btn { width: 40px; height: 40px; }

  .home-project-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; }
  .home-project-grid .featured { grid-column: 1 / -1; }
  .home-project-grid .featured .project-img { height: 205px; }
  .home-project-grid .project-img { height: 145px; }
}
@media (max-width: 360px) {
  .brand-logo { width: 80px; height: 43px; }
  .donate-nav { padding-inline: 8px; font-size: .68rem; }
}