/* Clickable artwork routes to the shared donation chooser, not earmarked gifts. */
.illustration-donate{display:block;width:100%;margin-bottom:18px;border-radius:10px;cursor:pointer;text-decoration:none}
.illustration-donate .campaign-illustration{margin-bottom:0}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.illustration-donate .campaign-illustration{transition:opacity .18s ease}
.illustration-donate:hover .campaign-illustration{opacity:.88}
.illustration-donate:focus-visible{outline:3px solid #56612F;outline-offset:5px}
/* Olive-first campaign palette; original brand colors remain inside the logos. */
:root{--primary:#56612F;--ink-dark:#141414;--ink:#141414;--muted:#414138;--paper:#FFFCF9;--line:#7d8c4852;--water:#7D8C48;--water-dark:#56612F;--water-light:#FFFCF9;--accent:#7D8C48;--accent-soft:#FFFCF9;--olive:#7D8C48}
body,.site-header,.action-section,.giving-section,.hero-giving,.share-dialog,.donation-page,.donation-form,.involvement-section{background:#FFFCF9;color:#141414}
.site-header,.action-section,.campaign-principle,.partner,.involvement-grid article,.mobile-nav,.faq-list,.faq-list details{border-color:var(--line)}
.desktop-nav a,.language-button,.hero-gift-label,.hero-giving-note,.currency-note,.donation-note,.pooled-note,.action-section .section-side-copy,.sketch-copy p,html[lang=en] .sketch-copy p,.involvement-grid p,.donation-handoff,.donation-pool{color:#414138}
.language-button.is-active,.inline-link,.faq-contact a,.donation-header .donation-back{color:#56612F}
.hero{background:#FFFCF9;color:#141414}
/* Show the documentary photograph without a colored layer or filter. */
.hero-shade,html[lang=he] .hero-shade{display:none;background:none}
.hero-image,html[lang=he] .hero-image{filter:none;opacity:1;mix-blend-mode:normal;object-position:50% 35%}
.hero-content{position:relative}
.hero h1,.hero h1 .accent-text{color:#56612F}
.hero-description,html[lang=en] .hero-description{color:#141414}
.hero-eyebrow{color:#56612F}
.hero-giving{border:1px solid var(--line);box-shadow:none}
.hero-giving-title,html[lang=he] .hero-giving-title,.section h2,.campaign-principle h2,.sketch-copy h3,.section .sketch-copy h3,.partner-title,.donation-main h1{color:#56612F}
.hero-amounts button,.hero-amounts a,.donation-options button{background:#FFFCF9;border-color:#7D8C48;color:#141414}
.hero-amounts button.is-selected,.hero-amounts button.is-selected:hover,.donation-options button.is-selected,.donation-options button.is-selected:hover{background:#56612F;color:#FFFCF9;border-color:#56612F}
.hero-amounts button:hover,.hero-amounts a:hover,.donation-options button:hover{background:#FFFCF9;color:#56612F;border-color:#56612F}
.button-primary,.hero-donate,html[lang=en] .hero-donate,.donation-submit{background:#56612F;color:#FFFCF9}
.button-primary:hover,.hero-donate:hover,.donation-submit:hover{background:#56612F;color:#FFFCF9}
.button-accent,.button-outline{background:#FFFCF9;color:#56612F;border-color:#7D8C48}
.button-accent:hover,.button-outline:hover{background:#FFFCF9;color:#56612F;border-color:#56612F}
.partner-gateway>p,.partner-visit.logo-visit{color:#56612F}
.together-section,.closing-section,.site-footer{background:#141414;color:#FFFCF9}
.together-section h2,.together-section h3,.closing-section h2,.together-intro,.approach-steps p,.footer-small,.together-section .eyebrow,.closing-section .eyebrow{color:#FFFCF9}
.brand-dot,.logo-join,.involvement-number,.faq-plus,.sketch-number{color:#7D8C48}
.partner-title .brand-dot{color:#7D8C48}
.inline-link:hover{color:#56612F;border-color:#56612F}
.partner-visit.logo-visit:hover{opacity:1}
.direction-mark,.donation-form-title>span{background:#FFFCF9;color:#141414;border-color:var(--line)}
.campaign-principle p,.donation-selection{color:#141414}
.share-dialog::backdrop{background:rgba(20,20,20,.7)}
:focus-visible,.donation-page button:focus-visible,.donation-page a:focus-visible,.donation-page input:focus-visible{outline-color:#56612F}
input,textarea{color:#141414;background:#FFFCF9;border-color:#7D8C48}
input::placeholder{color:#414138;opacity:1}
::selection{background:#56612F;color:#FFFCF9}
/* The original circle is framed directly in SVG, avoiding fragile image offsets. */
.gsn-logo,.partner-logo-mark.gsn-circle{background:#FFFCF9;border:1px solid #7d8c4852;border-radius:50%;overflow:hidden;isolation:isolate}
.gsn-logo svg,.gsn-circle svg{display:block;width:100%;height:auto;aspect-ratio:1;position:static;opacity:1;visibility:visible;transform:none;filter:none}
.campaign-logos{overflow:visible}
.partner-logo-mark.gsn-circle{aspect-ratio:1}
/* Approved black fountain-pen drawings with pale blue accents, without red. */
.action-section{background:#fff}
.campaign-illustration{display:block;width:100%;height:230px;object-fit:contain;filter:none;opacity:1;mix-blend-mode:normal;margin-bottom:18px;background:#fff}
.sketch-item{justify-content:flex-start}
@media(min-width:1100px){
 .hero{display:grid;grid-template-columns:1.08fr 1fr;min-height:650px}
 .hero-image,html[lang=he] .hero-image{position:relative;inset:auto;grid-column:2;grid-row:1;width:100%;height:100%;min-height:650px;max-height:850px;z-index:auto;object-position:50% 35%}
 .hero-content{grid-column:1;grid-row:1;display:block;width:100%;padding:52px clamp(30px,4vw,80px);margin:0}
 .hero-content .hero-giving{margin-top:24px;width:100%}
 .hero-bottom{display:none}
 html[lang=he] .hero-image{grid-column:2}
}

/* Colored navigation band: larger, higher-contrast links and original-color logos. */
.site-header{position:sticky;top:0;z-index:100;background:#56612F;color:#FFFCF9;border-bottom:0;box-shadow:none}
.site-header .header-inner{gap:20px}
.site-header .desktop-nav{gap:clamp(16px,2vw,28px)}
.site-header .desktop-nav a,html[lang=en] .site-header .desktop-nav a,html[lang=he] .site-header .desktop-nav a{color:#FFFCF9;font-size:20px;font-weight:600;line-height:1.35;letter-spacing:0;padding-block:12px;text-underline-offset:7px;text-decoration-thickness:2px}
.site-header .desktop-nav a:hover,.site-header .desktop-nav a:focus-visible{color:#D8F1F5;text-decoration:underline}
.site-header .language-button,.site-header .language-button.is-active,.site-header .language-switch>span,.site-header .logo-join{color:#FFFCF9}
.site-header .language-button,html[lang=he] .site-header .language-button{font-size:14px}
.site-header .ufda-logo{background:#FFFCF9;border-radius:8px}
.site-header .header-donate,.site-header .header-donate:hover{background:#FFFCF9;color:#56612F;border-color:#FFFCF9;font-weight:700}
.site-header .menu-toggle span{background:#FFFCF9}
.site-header .mobile-nav{background:#56612F;border-top-color:#fffcf94d}
.site-header .mobile-nav a,html[lang=he] .site-header .mobile-nav a{color:#FFFCF9;font-size:22px;font-weight:600;line-height:1.4;padding-block:13px}
.site-header .mobile-nav a:hover{color:#D8F1F5;text-decoration:underline;text-underline-offset:5px}
.site-header :focus-visible{outline-color:#D8F1F5}
@media(min-width:951px) and (max-width:1150px){
 .site-header .header-inner{gap:16px;width:calc(100% - 40px)}
 .site-header .desktop-nav a,html[lang=en] .site-header .desktop-nav a,html[lang=he] .site-header .desktop-nav a{font-size:18px}
 .site-header .desktop-nav{gap:16px}
}
@media(max-width:700px){
 .site-header .header-inner{gap:10px}
 .site-header .language-button,html[lang=he] .site-header .language-button{font-size:12px}
}
@media(max-width:1099px){
 .hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;max-height:none}
 .hero-image,html[lang=he] .hero-image{position:relative;inset:auto;width:100%;height:240px;z-index:auto;order:1;object-position:50% 38%}
 .hero-content{order:2;width:calc(100% - 40px);padding-block:26px 32px}
 .hero h1{font-size:76px}
 .hero-bottom{display:none}
}
@media(max-width:700px){
 .hero-image,html[lang=he] .hero-image{height:135px;object-position:50% 40%}
 .hero-content{width:calc(100% - 30px);padding-block:14px 20px}
 .hero h1{font-size:clamp(50px,14vw,63px);line-height:.9}
 html[lang=he] .hero h1{font-size:clamp(54px,15vw,68px);line-height:.9}
 .hero-eyebrow{margin-bottom:9px}
 .hero-description,html[lang=en] .hero-description{font-size:14px;margin-top:10px}
 html[lang=he] .hero-description{font-size:17px;margin-top:10px}
 .hero-content .hero-giving{margin-top:13px;padding-block:14px 10px}
 .hero-giving-title,html[lang=he] .hero-giving-title{font-size:32px;margin-bottom:10px}
 .campaign-illustration{height:215px;max-width:350px;margin-bottom:16px}
 .gsn-logo{width:96px;height:96px}
 .partner-logo-mark.gsn-circle{height:auto}
}
@media(max-width:370px){
 .gsn-logo{width:90px;height:90px}
 .hero-image,html[lang=he] .hero-image{height:105px}
 .hero-content .hero-giving{padding:12px;margin-top:10px}
 .hero-content{padding-block:12px 16px}
 .hero h1{font-size:49px}
 html[lang=he] .hero h1{font-size:53px}
 .campaign-illustration{height:195px}
}
/* Keep the natural-color photograph and the donation action in the first mobile screen. */
@media(max-width:700px){
 .hero{display:grid;grid-template-columns:minmax(0,1fr) 34%;column-gap:12px;row-gap:0;padding-top:14px}
 .hero .hero-content{display:contents}
 .hero .hero-image,html[lang=he] .hero .hero-image{grid-column:2;grid-row:1/span 3;align-self:stretch;height:100%;min-height:190px;width:100%;object-position:43% 40%;border-radius:18px 0 0 18px}
 .hero .hero-eyebrow{grid-column:1;grid-row:1;margin:0 0 8px;padding-inline-start:15px;align-self:end;font-size:9px;line-height:1.3;letter-spacing:.02em;gap:6px}
 .hero .hero-eyebrow .small-line{display:none}
 .hero h1{grid-column:1;grid-row:2;padding-inline-start:15px;font-size:clamp(43px,11.7vw,54px);margin:0;align-self:center}
 html[lang=he] .hero h1{font-size:clamp(47px,12vw,57px)}
 .hero .hero-description,html[lang=en] .hero .hero-description{grid-column:1;grid-row:3;padding-inline-start:15px;margin:10px 0 0;font-size:14px;line-height:1.35;align-self:start}
 html[lang=he] .hero .hero-description{font-size:16px}
 .hero .hero-giving{grid-column:1/-1;grid-row:4;max-width:390px;width:calc(100% - 30px);margin:16px 15px 20px;padding:14px;justify-self:center}
}

/* Quiet link cues, consistent topic headings, and a shared sticky header. */
.sketch-copy h3,.section .sketch-copy h3,html[lang=he] .sketch-copy h3{color:#7D8C48}
.partner-logo-caption{gap:0;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.partner-visit.logo-visit:hover .partner-logo-caption{opacity:.72}
.inline-link>span:last-child,.text-button>span:last-child{font-size:inherit;font-weight:inherit}
.inline-link,.text-button,.site-footer a:not(.footer-wordmark),.faq-list p a{ text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px }
.inline-link{border-bottom:0}
.button{justify-content:center}
.site-header .language-button{background:transparent;border:0;border-radius:0}
.donation-main>.donation-back{display:block;text-align:start;max-width:none;margin-bottom:32px;font-size:16px;line-height:1.5;color:#56612F;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.donation-main .donation-options{direction:inherit}
.donation-main .donation-options button{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:7px;min-height:136px;padding:18px;text-align:start;direction:inherit;line-height:1.4;transition:background .15s,border-color .15s}
.donation-options .gift-price{font-size:29px;font-weight:700;line-height:1.1}
.donation-options .gift-description{font-size:16px;font-weight:400;line-height:1.45}
.donation-page .donation-submit{justify-content:center}
@media(max-width:600px){
 .donation-main .donation-options button{min-height:108px;padding:16px 18px}
 .donation-main>.donation-back{margin-bottom:28px}
}
@media(prefers-reduced-motion:reduce){.illustration-donate .campaign-illustration{transition:none}}
/* Full-bleed photographic opening: restore the original campaign hierarchy. */
:root{--primary:#56612F;--water-dark:#56612F;--olive:#7D8C48}
.section h2,.campaign-principle h2{color:#7D8C48}
.hero{display:flex;position:relative;isolation:isolate;align-items:center;flex-direction:row;grid-template-columns:none;gap:0;padding:0;min-height:calc(100svh - var(--header-height));max-height:none;background:#141414;color:#FFFCF9}
.hero .hero-image,html[lang=he] .hero .hero-image{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-height:none;z-index:-3;object-fit:cover;object-position:50% 48%;border-radius:0;filter:none;mix-blend-mode:normal;opacity:1}
.hero .hero-shade{display:block;position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(20,20,20,.74),rgba(20,20,20,.42) 48%,rgba(20,20,20,.08));pointer-events:none}
html[lang=he] .hero .hero-shade{display:block;background:linear-gradient(270deg,rgba(20,20,20,.74),rgba(20,20,20,.42) 48%,rgba(20,20,20,.08))}
.hero .hero-content{position:relative;display:block;width:min(1200px,calc(100% - 112px));margin-inline:auto;padding:50px 0 58px;order:initial}
.hero .hero-eyebrow{padding:0;margin:0 0 14px;color:#FFFCF9;font-size:11px;line-height:1.4;letter-spacing:.07em}
.hero .hero-eyebrow .small-line{display:block;background:#7D8C48}
.hero h1,.hero h1 .accent-text{font-size:clamp(76px,8vw,110px);line-height:.93;color:#FFFCF9;padding:0;margin:0;text-shadow:0 2px 18px rgba(20,20,20,.2)}
html[lang=he] .hero h1{font-size:clamp(84px,8vw,116px);line-height:.93}
.hero .hero-description,html[lang=en] .hero .hero-description,html[lang=he] .hero .hero-description{color:#FFFCF9;padding:0;margin:18px 0 0;max-width:420px;font-size:18px;line-height:1.45}
.hero .hero-giving{width:min(420px,100%);max-width:420px;padding:22px 24px 18px;margin:24px 0 0;background:rgba(20,20,20,.69);border:1px solid rgba(255,252,249,.28);border-radius:26px;box-shadow:none;color:#FFFCF9}
.hero .hero-giving-title,html[lang=he] .hero .hero-giving-title{color:#FFFCF9;font-size:38px;line-height:1;margin-bottom:14px}
.hero .hero-amounts{max-width:none}
.hero .hero-amounts button,.hero .hero-amounts a{background:#FFFCF9;color:#56612F;border-color:#FFFCF9;font-size:19px;font-weight:700}
.hero .hero-amounts button.is-selected,.hero .hero-amounts button.is-selected:hover{background:#7D8C48;border-color:#7D8C48;color:#FFFCF9}
.hero .hero-amounts a.more-amounts{font-size:29px}
.hero .hero-gift-label{color:#FFFCF9;font-size:15px;line-height:1.4;min-height:40px;margin:12px 0 10px}
.hero .hero-giving-note{color:#FFFCF9;font-size:11px;line-height:1.4}
.hero .hero-donate,html[lang=en] .hero .hero-donate,html[lang=he] .hero .hero-donate{background:#7D8C48;color:#FFFCF9;border-color:#7D8C48;font-size:27px;font-weight:800;min-height:52px}
.hero .hero-donate:hover{background:#56612F;border-color:#56612F}
.hero .hero-bottom{display:none}
@media(min-width:1100px){
 .hero .hero-content{display:grid;grid-template-columns:minmax(0,1fr) 420px;column-gap:80px;align-content:center;padding-block:85px 100px}
 .hero .hero-eyebrow,.hero h1,.hero .hero-description{grid-column:1}
 .hero .hero-giving{grid-column:2;grid-row:1/span 3;margin-top:0;align-self:center}
}
@media(max-width:700px){
 .hero{min-height:calc(100svh - var(--header-height));align-items:center}
 .hero .hero-image,html[lang=he] .hero .hero-image{object-position:47% 50%}
 .hero .hero-shade{background:linear-gradient(90deg,rgba(20,20,20,.63),rgba(20,20,20,.15)),linear-gradient(0deg,rgba(20,20,20,.25),transparent 70%)}
 html[lang=he] .hero .hero-shade{background:linear-gradient(270deg,rgba(20,20,20,.63),rgba(20,20,20,.15)),linear-gradient(0deg,rgba(20,20,20,.25),transparent 70%)}
 .hero .hero-content{display:block;width:calc(100% - 30px);padding:22px 0 25px;margin-inline:auto}
 .hero .hero-eyebrow{font-size:9px;line-height:1.35;margin-bottom:10px}
 html[lang=he] .hero .hero-eyebrow{font-size:12px}
 .hero h1,.hero h1 .accent-text{font-size:clamp(54px,15vw,72px);line-height:.92}
 html[lang=he] .hero h1,html[lang=he] .hero h1 .accent-text{font-size:clamp(59px,16vw,76px);line-height:.92}
 .hero .hero-description,html[lang=en] .hero .hero-description{font-size:15px;line-height:1.4;margin-top:12px;max-width:340px}
 html[lang=he] .hero .hero-description{font-size:18px;line-height:1.35;margin-top:12px}
 .hero .hero-giving{width:100%;max-width:390px;margin:17px 0 0;padding:17px 17px 12px}
 .hero .hero-giving-title,html[lang=he] .hero .hero-giving-title{font-size:33px;margin-bottom:12px}
 .hero .hero-gift-label{font-size:14px;min-height:36px;margin:10px 0 9px}
 html[lang=he] .hero .hero-gift-label{font-size:17px}
 .hero .hero-giving-note{font-size:10px}
 html[lang=he] .hero .hero-giving-note{font-size:12px}
}
@media(max-width:700px) and (max-height:650px){
 .hero .hero-content{padding-block:15px 18px}
 .hero h1,.hero h1 .accent-text{font-size:50px}
 html[lang=he] .hero h1,html[lang=he] .hero h1 .accent-text{font-size:54px}
 .hero .hero-eyebrow{margin-bottom:8px}
 .hero .hero-giving{margin-top:12px;padding:13px 14px 10px}
 .hero .hero-giving-title,html[lang=he] .hero .hero-giving-title{font-size:30px;margin-bottom:10px}
 .hero .hero-description,html[lang=en] .hero .hero-description,html[lang=he] .hero .hero-description{margin-top:9px}
}