:root{--navy:#092c62;--teal:#0b91a5;--red:#df4757;--ink:#263548;--muted:#66727e;--line:#e2e9ef;--surface:#f4f8fb;--top:40px;--nav:68px;--max:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:130px}body{margin:0;padding-top:calc(var(--top) + var(--nav));font-family:Poppins,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65}a{color:inherit}img{display:block;max-width:100%;height:auto}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.skip-link{position:fixed;left:16px;top:-80px;z-index:9999;padding:10px 16px;background:#fff;color:var(--navy);border-radius:8px}.skip-link:focus{top:8px}.contact-strip{position:fixed;inset:0 0 auto;z-index:1000;height:var(--top);color:#fff;background:linear-gradient(90deg,#087f96,#079bbb 58%,#087f96)}.contact-inner{height:100%;display:flex;align-items:center;justify-content:space-between;font-size:13px}.contact-links,.contact-actions{display:flex;align-items:center;gap:22px}.contact-strip a{text-decoration:none}.social{width:28px;height:28px;display:grid;place-items:center;border-radius:50%}.donate-pill,.button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;text-decoration:none;font-weight:700}.donate-pill{padding:6px 17px;background:var(--red);font-size:12px;text-transform:uppercase}.site-header{position:fixed;inset:var(--top) 0 auto;z-index:999;height:var(--nav);background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);box-shadow:0 8px 24px rgba(9,44,98,.09);backdrop-filter:blur(12px)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.brand img{height:58px;width:auto}.menu{display:flex;align-items:center;gap:8px;margin:0;padding:0;list-style:none}.menu a{position:relative;padding:22px 13px;text-decoration:none;font-size:13px;font-weight:700;text-transform:uppercase}.menu a[aria-current=page]::after,.menu a:hover::after{content:"";position:absolute;left:13px;right:13px;bottom:5px;height:3px;border-radius:3px;background:var(--red)}.menu-toggle{display:none;border:0;background:transparent;font-size:28px;color:var(--navy)}:focus-visible{outline:3px solid #ffc83d;outline-offset:3px}.hero{min-height:560px;display:grid;align-items:center;color:#fff;background-position:center;background-size:cover;position:relative}.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,19,45,.1),rgba(3,19,45,.78))}.hero-content{position:relative;z-index:1;width:min(520px,45%);margin-left:auto}.hero h1{font-size:clamp(42px,5vw,64px);line-height:1.08;margin:0 0 24px}.actions{display:flex;gap:14px;flex-wrap:wrap}.button{padding:12px 23px;background:var(--red);color:#fff}.button.secondary{border:1px solid currentColor;background:transparent}.section{padding:78px 0}.section.alt{background:var(--surface)}.section.dark{background:linear-gradient(135deg,#102d64,#167f93);color:#fff}.eyebrow{color:var(--teal);font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.section-title{margin:5px 0 18px;color:var(--navy);font-size:clamp(30px,4vw,44px);line-height:1.15}.dark .section-title{color:#fff}.lead{max-width:740px;color:var(--muted);font-size:17px}.dark .lead{color:rgba(255,255,255,.84)}.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.panel,.card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 32px rgba(9,44,98,.08)}.panel{padding:34px}.quote{padding:22px 24px;border-left:4px solid var(--red);background:#f7f9fb;border-radius:0 12px 12px 0;font-weight:600}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{overflow:hidden;display:flex;flex-direction:column}.card img{width:100%;height:220px;object-fit:cover}.card-body{padding:22px;display:flex;flex:1;flex-direction:column}.card h3{margin:0 0 10px;color:var(--navy);font-size:18px}.card p{margin:0 0 20px;color:var(--muted)}.card .button{margin-top:auto;align-self:flex-start;padding:9px 18px}.people{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.person{padding:22px;text-align:center;border:1px solid rgba(255,255,255,.2);border-radius:14px;background:rgba(255,255,255,.1)}.person h3{margin:0 0 5px;font-size:17px}.person p{margin:0;color:rgba(255,255,255,.8)}.event-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.event-card img{width:100%;max-height:620px;object-fit:contain;background:#eef3f6}.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:36px}.contact-list{list-style:none;padding:0}.contact-list li{margin:12px 0}.cta{text-align:center;padding:60px 20px;color:#fff;background:linear-gradient(120deg,#d93450,#e95467)}.site-footer{padding:26px 0;background:#26343c;color:#dce3e7}.footer-inner{display:flex;justify-content:space-between;gap:20px}.doc-list{display:grid;gap:14px}.doc-link{padding:18px 22px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--navy);font-weight:700;text-decoration:none}.video{aspect-ratio:16/9;width:100%;border:0;border-radius:16px}.program-hero,.page-hero{padding:82px 20px;text-align:center;color:#fff;background:linear-gradient(135deg,#071f4f,#0b4771 58%,#1197a4)}.page-hero h1,.program-hero h1{margin:0;font-size:clamp(38px,5vw,58px)}
@media(max-width:800px){:root{--nav:58px}.contact-links a:first-child span{display:none}.contact-links{gap:12px}.contact-inner{font-size:11px}.social{display:none}.menu-toggle{display:block}.menu{display:none;position:absolute;top:var(--nav);left:0;right:0;padding:12px 20px 22px;background:#fff;box-shadow:0 15px 30px rgba(9,44,98,.15)}.menu.open{display:block}.menu a{display:block;padding:13px}.hero{min-height:520px;background-position:center}.hero-content{width:90%;margin:0 auto;text-align:center}.actions{justify-content:center}.split,.contact-grid{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.people{grid-template-columns:repeat(2,1fr)}.event-grid{grid-template-columns:1fr}.section{padding:56px 0}}
@media(max-width:520px){.container{width:min(100% - 28px,var(--max))}.contact-links .email-text{max-width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.donate-pill{padding:6px 11px}.grid,.people{grid-template-columns:1fr}.card img{height:210px}.footer-inner{display:block;text-align:center}}

/* Compact contact actions in the sticky utility bar. */
.contact-inner{justify-content:flex-end}
.contact-actions{gap:8px}
.icon-action{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:#fff;transition:background .2s ease,transform .2s ease}
.icon-action:hover{background:rgba(255,255,255,.18);transform:translateY(-1px)}
.icon-action svg{width:16px;height:16px;fill:currentColor}
.icon-action.social{font-size:17px;font-weight:800}
.hero-subtitle{margin:-12px 0 24px;font-size:clamp(20px,2vw,28px);font-weight:600;line-height:1.3;color:rgba(255,255,255,.94)}
@media(max-width:800px){.icon-action.social{display:grid}}

/* Unified sticky header: navigation and utility actions share one row. */
:root{--top:0px;--nav:76px}
.contact-strip{display:none}
.site-header{inset:0 0 auto;height:var(--nav)}
.nav-wrap{gap:12px}
.brand{order:1;flex:0 0 auto}
.menu{order:2;margin-left:auto}
.contact-actions{order:3;flex:0 0 auto}
.site-header .icon-action{color:var(--navy)}
.site-header .icon-action:hover{background:rgba(9,44,98,.08)}
.site-header{background:linear-gradient(90deg,#087f96,#079bbb 58%,#087f96);border-bottom-color:rgba(255,255,255,.18)}
.site-header .menu a,.site-header .icon-action,.site-header .menu-toggle{color:#fff}
.site-header .donate-pill{color:#fff}
.site-header .icon-action:hover{background:rgba(255,255,255,.18)}
@media(max-width:1050px){.menu a{padding-left:8px;padding-right:8px;font-size:12px}.contact-actions{gap:3px}.donate-pill{padding-left:12px;padding-right:12px}}
@media(max-width:800px){:root{--nav:64px}.brand img{height:52px}.contact-actions{order:2;margin-left:auto}.menu-toggle{order:3}.menu{order:4;margin-left:0;top:var(--nav)}.site-header .icon-action{display:grid}.site-header .social{display:none}}
@media(max-width:520px){.site-header .icon-action{width:27px;height:27px}.site-header .donate-pill{font-size:10px;padding:6px 9px}.nav-wrap{gap:4px}}

/* Keep the subject visible when the wide homepage hero is cropped on phones. */
@media(max-width:800px){.hero{background-position:28% center}}

/* Make the expanded mobile navigation clearly visible. */
@media(max-width:800px){
  .site-header .menu{background:linear-gradient(135deg,#087f96,#076f88);border-top:1px solid rgba(255,255,255,.22)}
  .site-header .menu a{color:#fff;border-radius:8px}
  .site-header .menu a:hover,.site-header .menu a:focus-visible{background:rgba(255,255,255,.12)}
  .site-header .menu a[aria-current=page]{background:rgba(255,255,255,.1)}
  .site-header .menu a[aria-current=page]::after,.site-header .menu a:hover::after{display:none}
}

/* Contact page */
.contact-hero{padding:82px 20px 70px;text-align:center;color:#fff;background:linear-gradient(115deg,rgba(7,31,79,.96),rgba(11,145,165,.9)),url('../wp-content/uploads/2019/04/charity-about-us.jpg') center 45%/cover}
.contact-hero .eyebrow{color:#8ee5ee}.contact-hero h1{margin:6px 0 14px;font-size:clamp(40px,5vw,60px);line-height:1.1}.contact-hero p{max-width:680px;margin:0 auto;color:rgba(255,255,255,.9);font-size:17px}
.contact-section{background:var(--surface)}
.contact-card{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);overflow:hidden;padding:0;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 18px 48px rgba(9,44,98,.12)}
.contact-photo{position:relative;min-height:540px}.contact-photo>img{width:100%;height:100%;object-fit:cover;object-position:52% center}.contact-photo::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(4,25,53,.88))}
.contact-photo-caption{position:absolute;z-index:1;left:32px;right:32px;bottom:30px;color:#fff}.contact-photo-caption strong,.contact-photo-caption span{display:block}.contact-photo-caption strong{font-size:23px}.contact-photo-caption span{color:rgba(255,255,255,.86)}
.contact-content{padding:52px}.contact-content>p{margin-bottom:28px;color:var(--muted)}
.contact-methods{display:grid;gap:12px;margin-bottom:28px}.contact-method{display:flex;align-items:center;gap:16px;padding:15px 17px;border:1px solid var(--line);border-radius:14px;text-decoration:none;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.contact-method:hover{border-color:var(--teal);transform:translateY(-2px);box-shadow:0 8px 20px rgba(9,44,98,.08)}
.contact-method-icon{width:42px;height:42px;display:grid;flex:0 0 auto;place-items:center;border-radius:50%;background:#e8f7f9;color:var(--teal);font-size:20px}.contact-method small,.contact-method strong{display:block}.contact-method small{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.contact-method strong{color:var(--navy);font-size:15px;overflow-wrap:anywhere}.contact-email-button{margin-top:2px}
@media(max-width:800px){.contact-card{grid-template-columns:1fr}.contact-photo{min-height:360px}.contact-content{padding:36px 28px}.contact-hero{padding:64px 18px 56px}}

/* Preserve the complete contact-page photo without cropping. */
.contact-photo{display:flex;min-height:0;flex-direction:column;background:var(--navy)}
.contact-photo>img{width:100%;height:auto;object-fit:contain;object-position:center}
.contact-photo::after{display:none}
.contact-photo-caption{position:static;margin-top:auto;padding:28px 32px;background:var(--navy)}
@media(max-width:800px){.contact-photo{min-height:0}.contact-photo-caption{margin-top:0}}

/* Support options now live on the Contact page. */
.support-section{padding:64px 0;color:#fff;background:linear-gradient(135deg,#092c62,#0b788c)}
.support-card{display:grid;grid-template-columns:1fr 280px;gap:48px;align-items:center;padding:0;color:#fff;background:transparent}
.support-card .eyebrow{color:#8ee5ee}.support-card .section-title{color:#fff}.support-card p{max-width:680px;color:rgba(255,255,255,.86)}
.support-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:24px}.support-actions span{font-size:14px;color:rgba(255,255,255,.82)}.support-actions span a{color:#fff;font-weight:700}
.support-qr{padding:20px;text-align:center;border-radius:18px;background:#fff;color:var(--ink)}.support-qr img{width:180px;margin:0 auto 12px}.support-qr strong,.support-qr span{display:block}.support-qr strong{color:var(--navy)}.support-qr span{font-size:12px;color:var(--muted)}
@media(max-width:800px){.support-card{grid-template-columns:1fr;padding:34px 28px}.support-qr{max-width:300px}.support-actions{align-items:flex-start;flex-direction:column}}

/* The support section is the hero; the contact introduction follows it. */
.support-section+.contact-hero{padding:58px 20px 46px;color:var(--ink);background:var(--surface)}
.support-section+.contact-hero .eyebrow{color:var(--teal)}
.support-section+.contact-hero h1{color:var(--navy)}
.support-section+.contact-hero p{color:var(--muted)}
.support-section+.contact-hero+.contact-section{padding-top:26px}
@media(max-width:800px){.support-card{padding:0 28px}.support-section{padding:48px 0}.support-section+.contact-hero{padding:48px 18px 36px}}
/* Center the donation hero composition on phones. */
@media(max-width:800px){
  .support-card{text-align:center}
  .support-actions{align-items:center;justify-content:center}
  .support-qr{margin-inline:auto}
}

/* Give the Zelle option equal visual weight with the primary donation action. */
.support-actions span{display:inline-flex;align-items:center;gap:9px;padding:9px 14px;border:1px solid rgba(255,255,255,.42);border-radius:999px;background:rgba(255,255,255,.12);font-size:15px;color:#fff}
.support-actions span::before{content:"Zelle";display:inline-grid;place-items:center;padding:4px 9px;border-radius:999px;background:#6d1ed4;color:#fff;font-size:12px;font-weight:800;letter-spacing:.03em}
.support-actions span a{font-size:15px;text-decoration-thickness:2px;text-underline-offset:3px}
@media(max-width:520px){.support-actions span{max-width:100%;flex-wrap:wrap;justify-content:center;border-radius:16px}}