.elementor-heading-title{line-height:inherit;color:inherit;margin:0;padding:0}

@font-face{font-family:"Aviv";src:url(../fonts/aviv-regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Aviv";src:url(../fonts/aviv-medium.woff2) format("woff2");font-weight:500 600;font-display:swap}
@font-face{font-family:"Aviv";src:url(../fonts/aviv-bold.woff2) format("woff2");font-weight:700 900;font-display:swap}

/* Layout: editorial, human, warm. A living hero film, then the journey of one food basket told in scroll, the basket broken into shekels, and a manifesto of compassion, strength and care. */
:root{
  --bg:#FBF6EE; --surface:#FFFFFF; --soft:#F3EADC; --ink:#2A1D10; --muted:#6B5A47; --line:#E8DCC8;
  --forest:#3B2A1A; --on-forest:#FBF6EE; --coral:#B4532A; --sun:#B4532A; --sun-ink:#FFFFFF;
  --leaf:#6F8F72; --olive:#A8A97C; --gold:#D9B844; --hands:#553D22;
  --serif:"Rubik","Arial Hebrew",Arial,sans-serif; --fdisp:"Rubik","Arial Hebrew",Arial,sans-serif; --body:"Aviv","Arial Hebrew",Arial,sans-serif;
  --gut:clamp(16px,4vw,48px); --max:1440px; --r:22px; --ease:cubic-bezier(.16,1,.3,1);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#15100B;--surface:#1F1811;--soft:#281F16;--ink:#F3EADF;--muted:#C2B19C;--line:#3A2E22;--forest:#2B1F13;--coral:#E98A62;--leaf:#8FAE91;--olive:#B3B489;--gold:#E0C152;--hands:#B58E5F;color-scheme:dark}}
:root[data-theme="dark"]{--bg:#15100B;--surface:#1F1811;--soft:#281F16;--ink:#F3EADF;--muted:#C2B19C;--line:#3A2E22;--forest:#2B1F13;--coral:#E98A62;--leaf:#8FAE91;--olive:#B3B489;--gold:#E0C152;--hands:#B58E5F;color-scheme:dark}
*{box-sizing:border-box}
html{font-synthesis-weight:none}
body{margin:0;background:var(--bg);color:var(--ink);font:400 19px/1.65 var(--body);direction:rtl;-webkit-font-smoothing:antialiased}
img,video{max-width:100%;height:auto;display:block}
a{color:inherit}
:focus-visible{outline:3px solid var(--sun);outline-offset:3px;border-radius:6px}
.wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--gut)}
h1,h2,h3,:where(h1).elementor-heading-title,:where(h2).elementor-heading-title,:where(h3).elementor-heading-title{margin:0;font-family:var(--serif);text-wrap:balance}
h2,:where(h2).elementor-heading-title{font-size:clamp(2.1rem,4.4vw,3.6rem);font-weight:400;line-height:1.12}
h3,:where(h3).elementor-heading-title{font-size:1.4rem;font-weight:400;line-height:1.25}
p{margin:0}
.sub{color:var(--muted);font-size:1.12rem;max-width:56ch}
.num{font-variant-numeric:tabular-nums}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;border:0;cursor:pointer;font:700 1.05rem/1 var(--body);padding:1em 1.6em;border-radius:999px;text-decoration:none;white-space:nowrap;transition:transform .2s var(--ease),background .2s}
.btn:active{transform:scale(.97)}
.btn-sun{background:var(--sun);color:var(--sun-ink)}
.btn-sun:hover{background:#9E4522}
.btn-ghost{background:transparent;color:inherit;box-shadow:inset 0 0 0 1.5px currentColor}
.btn-forest{background:var(--forest);color:var(--on-forest)}
.ico{width:1.2em;height:1.2em;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.leaf{transform-box:view-box}.leaf-sage{fill:var(--leaf)}.leaf-olive{fill:var(--olive)}.leaf-gold{fill:var(--gold)}
.emblem .hands path{fill:var(--hands)}
@media (prefers-reduced-motion:no-preference){.grow .leaf{animation:sprout .9s cubic-bezier(.2,1.25,.35,1) both;animation-delay:calc(.25s + var(--i)*80ms)}}
@keyframes sprout{from{transform:scale(0) rotate(-16deg)}to{transform:none}}
section{padding-block:clamp(72px,9vw,136px)}

/* header */
.top{position:fixed;inset:env(safe-area-inset-top,0px) 0 auto;z-index:50;color:#fff;transition:background .3s,color .3s}
.top.solid{background:color-mix(in srgb,var(--bg) 92%,transparent);color:var(--ink);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line)}
.top .wrap{height:76px;display:flex;align-items:center;gap:18px}
.brand{flex:none;display:block}
.brand img{width:120px;transition:filter .3s}
.top:not(.solid) .brand img{filter:brightness(0) invert(1)}
:root[data-theme="dark"] .top.solid .brand img{filter:brightness(1.9) saturate(.7)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .top.solid .brand img{filter:brightness(1.9) saturate(.7)}}
.nav{display:flex;gap:2px;margin-inline:auto}
.nav>a,.has-sub>a{display:block;padding:.45em .8em;border-radius:999px;text-decoration:none;font-weight:600;font-size:1rem;white-space:nowrap}
.nav a:hover{background:rgb(127 127 127 / .16)}
.has-sub{position:relative}
.has-sub>a::after{content:"";display:inline-block;width:.36em;height:.36em;border:solid currentColor;border-width:0 1.8px 1.8px 0;transform:rotate(45deg);margin-inline-start:.5em;translate:0 -.2em}
.menu{position:absolute;inset-inline-start:0;top:calc(100% + 6px);min-width:200px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:14px;padding:6px;opacity:0;visibility:hidden;transition:.2s}
.has-sub:hover .menu,.has-sub:focus-within .menu{opacity:1;visibility:visible}
.menu a{display:block;padding:.55em .8em;border-radius:10px;text-decoration:none}
.menu a:hover{background:var(--soft)}
.tools{display:flex;align-items:center;gap:6px}
.tool{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:0;background:transparent;color:inherit;cursor:pointer;text-decoration:none;font:700 .85rem var(--body)}
.tool .ico{width:22px;height:22px}
.tool:hover{background:rgb(127 127 127 / .16)}
.burger,.a11y-m{display:none}
@media (max-width:1100px){.nav{display:none}.burger,.a11y-m{display:grid}.tools{margin-inline-start:auto}}
@media (max-width:560px){.top .btn-sun{display:none}}
.drawer{position:fixed;inset:76px 0 auto;z-index:49;background:var(--surface);padding:8px var(--gut) 22px;border-bottom:1px solid var(--line);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.25s var(--ease)}
.drawer.open{opacity:1;visibility:visible;transform:none}
.drawer a{display:block;padding:.7em 0;border-bottom:1px solid var(--line);text-decoration:none;font:400 1.3rem var(--serif)}
.drawer a.in{font:400 1rem var(--body);color:var(--muted);padding-inline-start:1em}

/* hero film */
.hero{position:relative;min-height:100vh;min-height:100dvh;display:grid;align-items:end;color:#fff;isolation:isolate;padding:0}
.hero video,.hero .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to left,rgb(20 14 6 / .78),rgb(20 14 6 / .25) 60%,rgb(20 14 6 / .1)),linear-gradient(to top,rgb(20 14 6 / .75),transparent 50%)}
.hero-in{max-width:var(--max);width:100%;margin-inline:auto;padding:120px var(--gut) clamp(28px,5vw,64px);display:grid;grid-template-columns:1fr 400px;gap:40px;align-items:end}
.hero h1{font-size:clamp(2.7rem,5.6vw,5.2rem);font-weight:400;line-height:1.06}
.hero h1 em{font-style:normal;color:#F2B48F}
.hero p{margin-top:18px;font-size:clamp(1.05rem,1.5vw,1.25rem);color:rgb(255 255 255 / .88);max-width:42ch}
.panel{background:var(--surface);color:var(--ink);border-radius:var(--r);padding:20px;box-shadow:0 30px 60px -30px rgb(0 0 0 / .6)}
.panel-top{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.panel-top .leafset{width:80px;flex:none}
.panel-top .leafset .leaf{transition:fill .45s,transform .45s cubic-bezier(.2,1.4,.35,1)}
.panel-top .leafset .leaf.off{fill:var(--line);transform:scale(.84)}
.panel-top b{display:block;font:400 1.2rem/1.25 var(--serif)}
.panel-top span{display:block;font-size:.92rem;color:var(--muted);line-height:1.35}
.amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.amt{border:1.5px solid var(--line);background:var(--bg);color:var(--ink);border-radius:14px;padding:.7em .3em;font:800 1.1rem var(--body);cursor:pointer;transition:.2s}
.amt:hover{border-color:var(--leaf)}
.amt[aria-pressed="true"]{background:var(--forest);border-color:var(--forest);color:var(--on-forest)}
.custom{display:flex;align-items:center;gap:8px;margin-top:8px;border:1.5px solid var(--line);border-radius:14px;padding:0 .9em;background:var(--bg)}
.custom label{font-size:.95rem;color:var(--muted);white-space:nowrap}
.custom input{flex:1;min-width:0;border:0;background:transparent;color:var(--ink);font:700 1.1rem var(--body);padding:.7em 0;outline:0}
.panel .btn-sun{width:100%;margin-top:12px;font-size:1.12rem}
.secure{margin-top:9px;text-align:center;font-size:.86rem;color:var(--muted)}
@media (max-width:980px){
  .hero{min-height:0;display:block;color:#fff}
  .hero video,.hero .poster,.hero::after{height:clamp(420px,110vw,620px)}
  .hero-in{grid-template-columns:1fr;padding:0;gap:0}
  .hero-copy{min-height:clamp(420px,110vw,620px);display:flex;flex-direction:column;justify-content:flex-end;padding:96px var(--gut) 56px}
  .panel{margin:-36px var(--gut) 0;position:relative}
}
@media (max-width:520px){.hero h1{font-size:2.5rem}.panel{padding:16px}.panel-top .leafset{width:62px}.amt{font-size:1rem}}

/* journey */
.journey .grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,6vw,96px)}
.frames{position:sticky;top:110px;height:min(72vh,640px);border-radius:28px;overflow:hidden;background:var(--soft)}
.frames img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.05);transition:opacity .7s var(--ease),transform 1.4s var(--ease)}
.frames img.on{opacity:1;transform:none}
.frames .cap{position:absolute;inset:auto 16px 16px auto;background:rgb(20 14 6 / .6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;border-radius:999px;padding:.4em 1em;font-weight:600;font-size:.95rem}
.steps{display:grid}
.step{min-height:68vh;display:flex;flex-direction:column;justify-content:center;gap:14px;opacity:.28;transition:opacity .5s}
.step.on{opacity:1}
.step .when{font-weight:700;color:var(--coral);font-size:1rem}
.step h3{font-size:clamp(1.9rem,3.4vw,2.8rem);font-weight:400}
.step p{color:var(--muted);font-size:1.12rem;max-width:40ch}
.step img{display:none;border-radius:20px;aspect-ratio:4/3;object-fit:cover}
@media (max-width:900px){.journey .grid{grid-template-columns:1fr}.frames{display:none}.step{min-height:0;opacity:1;padding-block:28px;border-top:1px solid var(--line)}.step img{display:block}}

/* basket in shekels */
.basket{background:var(--forest);color:var(--on-forest);border-radius:clamp(22px,3vw,40px);margin-inline:clamp(8px,1.4vw,18px)}
.basket .sub{color:color-mix(in srgb,var(--on-forest) 75%,transparent)}
.bk{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,5vw,80px);align-items:center}
.total{font:400 clamp(5rem,13vw,10rem)/.9 var(--serif);color:var(--sun)}
.total small{font-size:.4em}
.segbar{display:flex;height:22px;border-radius:999px;overflow:hidden;margin-block:24px 26px;gap:3px}
.segbar i{display:block;height:100%;transition:flex-grow 1s var(--ease),opacity .25s}
.items{display:grid;gap:4px}
.it{display:grid;grid-template-columns:14px 1fr auto;gap:14px;align-items:center;padding:12px 4px;border-bottom:1px solid rgb(255 255 255 / .12)}
.it i{width:14px;height:14px;border-radius:50%}
.it b{font:400 1.5rem var(--serif)}
.it span{font-size:1.05rem}
.it small{display:block;color:color-mix(in srgb,var(--on-forest) 65%,transparent);font-size:.9rem}
.sample{display:inline-block;margin-top:18px;font-size:.85rem;color:color-mix(in srgb,var(--on-forest) 70%,transparent);border:1px dashed rgb(255 255 255 / .3);border-radius:8px;padding:.35em .7em}
@media (max-width:900px){.bk{grid-template-columns:1fr}}

/* values: three columns */
.vals{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.4vw,32px)}
.val{display:flex;flex-direction:column;background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid var(--line);border-radius:26px;overflow:hidden;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.val img{aspect-ratio:4/3;object-fit:cover;width:100%}
.val .in{padding:24px 26px 28px;display:grid;gap:10px}
.val h3{font-size:clamp(2.2rem,3.6vw,3rem);line-height:1}
.val:nth-child(1) h3{color:var(--coral)}.val:nth-child(2) h3{color:var(--forest)}
:root[data-theme="dark"] .val:nth-child(2) h3{color:var(--leaf)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .val:nth-child(2) h3{color:var(--leaf)}}
.val p{color:var(--muted);font-size:1.06rem}
.val p b{color:var(--ink)}
.vals-cta{display:flex;justify-content:center;margin-top:clamp(28px,4vw,48px)}
.vals-cta .btn{font-size:1.15rem;padding:1.05em 2.4em}
@media (max-width:900px){.vals{grid-template-columns:1fr}.val{flex-direction:row}.val img{width:38%;aspect-ratio:auto;object-fit:cover}}
@media (max-width:560px){.val{flex-direction:column}.val img{width:100%;aspect-ratio:16/9}}

/* voices */
.voices{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,5vw,80px);align-items:center}
.voices blockquote{margin:0;font:400 clamp(1.6rem,3vw,2.5rem)/1.32 var(--serif);min-height:5.3em}
.voices blockquote::before{content:"\201D";display:block;font-size:3em;line-height:.5;color:var(--coral);margin-bottom:.1em}
.cite{margin-top:16px;color:var(--muted)}
.cite b{color:var(--ink)}
.qnav{display:flex;gap:8px;margin-top:22px}
.qnav button{width:12px;height:12px;border-radius:50%;border:0;background:var(--line);cursor:pointer;padding:0}
.qnav button[aria-pressed="true"]{background:var(--coral);width:32px;border-radius:999px}
.mosaic{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:200px 200px;gap:10px}
.mosaic img{width:100%;height:100%;object-fit:cover;border-radius:18px}
.mosaic img:first-child{grid-row:span 2}
@media (max-width:900px){.voices{grid-template-columns:1fr}.mosaic{grid-template-rows:150px 150px}}

/* dedication */
.ded{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,6vw,96px);align-items:center}
.seg{display:flex;flex-wrap:wrap;gap:8px;margin-block:24px 16px}
.seg button{border:1.5px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:.55em 1.1em;font:600 1rem var(--body);cursor:pointer}
.seg button[aria-pressed="true"]{background:var(--forest);border-color:var(--forest);color:var(--on-forest)}
.field label{display:block;font-weight:700;margin-bottom:6px}
.field input{width:100%;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);border-radius:14px;padding:.8em 1em;font:inherit}
.field small{display:block;color:var(--muted);margin-top:6px;font-size:.92rem}
.ded .btn{margin-top:20px}
.card{background:var(--forest);color:var(--on-forest);border-radius:28px;padding:34px 28px;text-align:center;max-width:400px;width:100%;justify-self:center;box-shadow:0 40px 80px -40px rgb(59 42 26 / .7);transform:rotate(-2deg)}
.card .emblem{width:96px;margin:0 auto 10px}
.card .emblem .hands path{fill:#C9A877}
.card .k{opacity:.8}
.card .who{font:400 2rem/1.15 var(--serif);margin-block:.2em .3em;overflow-wrap:anywhere}
.card .what{font-size:.95rem;opacity:.85;border-top:1px dashed rgb(255 255 255 / .3);padding-top:12px;margin-top:10px}
@media (max-width:900px){.ded{grid-template-columns:1fr}.card{transform:none}}

/* media: full section with mastheads and load more */
.press{background:var(--soft)}
.press-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:16px;margin-bottom:clamp(24px,4vw,44px)}
.arts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.art{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:22px;overflow:hidden;text-decoration:none;transition:transform .3s var(--ease),box-shadow .3s}
.art:hover{transform:translateY(-4px);box-shadow:0 24px 40px -28px rgb(30 27 22 / .45)}
.mast{height:120px;display:grid;place-items:center;background:var(--bg);border-bottom:1px solid var(--line)}
.mast i{display:block;height:44px;width:min(170px,70%);background:var(--ink);-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.mast b{font:400 1.7rem var(--serif);letter-spacing:.01em}
.mast b.lat{font:800 2rem/1 var(--body);letter-spacing:-.02em;direction:ltr}
.art .in{padding:20px 22px 22px;display:grid;gap:10px;flex:1}
.art h3{font:700 1.18rem/1.4 var(--body)}
.art .meta{margin-top:auto;display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:.92rem}
.art .go{color:var(--coral);font-weight:700}
.art.more{display:none}
.arts.open .art.more{display:flex}
.press-more{display:flex;justify-content:center;margin-top:28px}
@media (max-width:900px){.arts{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.arts{grid-template-columns:1fr}}

/* ways to give: icon cards */
.wgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.wcard{display:flex;flex-direction:column;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:26px 24px}
.wcard .icn{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:color-mix(in srgb,var(--forest) 10%,var(--surface));color:var(--forest)}
:root[data-theme="dark"] .wcard .icn{color:var(--leaf)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .wcard .icn{color:var(--leaf)}}
.wcard .icn .ico{width:28px;height:28px;stroke-width:1.7}
.wcard h3{font-size:1.5rem}
.wcard p{color:var(--muted);font-size:1rem;line-height:1.5}
.wcard .val{margin-top:auto}
.copyrow{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--bg);border:1px dashed var(--line);border-radius:14px;padding:10px 12px 10px 14px}
.copyrow span{font-weight:800;font-size:1.15rem;direction:ltr;user-select:all}
.copyrow button,.copyrow a{border:0;background:var(--forest);color:var(--on-forest);border-radius:10px;padding:.5em .9em;font:700 .92rem var(--body);cursor:pointer;display:inline-flex;align-items:center;gap:6px;text-decoration:none}
.copyrow button.ok{background:var(--coral)}
.copyrow .ico{width:18px;height:18px}
@media (max-width:900px){.wgrid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.wgrid{grid-template-columns:1fr}}

/* closing: hands fill as you arrive */
.close{text-align:center;padding-block:clamp(72px,10vw,140px);position:relative;isolation:isolate;overflow:hidden}
.close .bgvid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.22;filter:saturate(.85)}
.close::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,var(--bg) 0%,color-mix(in srgb,var(--bg) 0%,transparent) 15%,color-mix(in srgb,var(--bg) 0%,transparent) 85%,var(--bg) 100%)}
.close .emblem{width:min(240px,56vw);margin:0 auto 26px}
.close .emblem .leaf{transform:scale(calc(var(--g,1)));transition:transform .6s var(--ease)}
.close h2{font-size:clamp(2.6rem,6vw,5rem)}
.close .sub{margin:18px auto 30px}
footer{background:var(--ink);color:var(--bg);padding-block:56px 28px}
:root[data-theme="dark"] footer{background:#0B0A07;color:var(--ink)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) footer{background:#0B0A07;color:var(--ink)}}
footer .wrap{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:32px}
footer h4{font:400 1.1rem var(--serif);margin:0 0 12px;color:var(--sun)}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
footer a{text-decoration:none;opacity:.78}
footer a:hover{opacity:1}
.f-logo{width:150px;filter:brightness(0) invert(1);opacity:.92}
.f-base{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:space-between;border-top:1px solid rgb(127 127 127 / .3);padding-top:18px;margin-top:8px;font-size:.9rem;opacity:.75}
.f-base nav{display:flex;gap:18px;flex-wrap:wrap}
@media (max-width:900px){footer .wrap{grid-template-columns:1fr 1fr}}

.bar{display:none}
@media (max-width:980px){.bar{display:grid;grid-template-columns:1fr auto auto;gap:8px;position:fixed;inset:auto 0 0;z-index:45;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line)}.bar .wa{background:#1F7A4D;color:#fff;padding:1em}body{padding-bottom:78px}}
.fab{position:fixed;inset-inline-start:18px;bottom:22px;z-index:44;display:grid;gap:10px}
.fab a,.fab button{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;border:0;cursor:pointer}
.fab .wa{background:#1F7A4D;color:#fff}
.fab .ax{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}
.fab .ico{width:25px;height:25px}
@media (max-width:980px){.fab{display:none}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* background photo under a theme-aware wash (RTL: text sits on the right, the photo shows on the left) */
.bgimg{position:relative;isolation:isolate}
.bgimg::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--img) var(--pos,center)/cover no-repeat}
.bgimg::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,color-mix(in srgb,var(--bg) 58%,transparent) 0%,color-mix(in srgb,var(--bg) 86%,transparent) 48%,color-mix(in srgb,var(--bg) 94%,transparent) 100%)}
.bgimg.even::after{background:color-mix(in srgb,var(--bg) 80%,transparent)}
@media (max-width:900px){.bgimg::after{background:color-mix(in srgb,var(--bg) 86%,transparent)}}

/* client answers, Oct 2026: double contribution, partners, transparency, will line */
.x-sec{padding-block:clamp(60px,8vw,110px)}
.x-head{display:grid;gap:12px;margin-bottom:clamp(24px,4vw,44px)}
.x-head h2{margin:0}
.x-double{display:grid;grid-template-columns:1fr auto 1fr;gap:clamp(14px,2.4vw,28px);align-items:stretch}
.x-half{position:relative;border-radius:26px;overflow:hidden;min-height:360px;display:flex;align-items:flex-end;color:#fff;isolation:isolate}
.x-half img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.x-half::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgb(28 17 8 / .88),rgb(28 17 8 / .1) 65%)}
.x-half .in{padding:26px 28px;display:grid;gap:8px}
.x-half b{font:800 clamp(2.4rem,4.6vw,3.6rem)/1 var(--display,var(--serif));font-variant-numeric:tabular-nums}
.x-half h3{margin:0;font-size:1.45rem}
.x-half p{margin:0;color:rgb(255 255 255 / .88);max-width:36ch}
.x-plus{align-self:center;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--sun,var(--signal));color:#fff;font:800 2rem/1 var(--display,var(--serif))}
.x-tag{display:inline-block;font-size:.85rem;font-weight:700;letter-spacing:.02em;background:rgb(255 255 255 / .18);border-radius:999px;padding:.25em .8em;justify-self:start}
@media (max-width:900px){.x-double{grid-template-columns:1fr}.x-plus{justify-self:center}.x-half{min-height:300px}}
.x-partners{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.x-logo{height:130px;border-radius:20px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;padding:18px}
.x-logo img{max-height:84px;max-width:100%;width:auto;object-fit:contain}
.x-logo.slot{background:transparent;border:1.5px dashed var(--line);color:var(--muted);text-align:center;font-weight:700;line-height:1.35;font-size:.98rem}
.x-logo.slot small{display:block;font-weight:400;font-size:.82rem}
@media (max-width:800px){.x-partners{grid-template-columns:1fr 1fr}}
.x-docs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.x-doc{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:20px}
.x-doc .ic{grid-row:span 2;width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--sun,var(--signal)) 12%,var(--surface));color:var(--sun,var(--signal))}
.x-doc .ic svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.x-doc h3{margin:0;font-size:1.12rem}
.x-doc small{color:var(--muted);font-size:.9rem}
.x-doc a{grid-column:1/-1;margin-top:8px;font-weight:700;text-decoration:none;color:var(--sun,var(--signal))}
.x-gs{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;padding:18px 22px;border-radius:20px;background:var(--soft)}
.x-gs p{margin:0;color:var(--muted)}
@media (max-width:900px){.x-docs{grid-template-columns:1fr}}
.x-will{grid-column:1/-1;font-size:.92rem;opacity:.8;margin:0}
.x-will a{text-decoration:underline}
.x-tracks{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.x-track{display:flex;flex-direction:column;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:20px}
.x-track b{font:400 2.2rem/1 var(--serif,var(--fdisp));color:var(--sun)}
.x-track h3{margin:0;font-size:1.15rem}
.x-track p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.4}
.x-track a{margin-top:auto;padding-top:8px;font-weight:700;text-decoration:none;color:var(--sun)}
.x-track.wide{grid-column:span 2;background:var(--forest);color:var(--on-forest);border-color:transparent}
.x-track.wide p{color:color-mix(in srgb,var(--on-forest) 80%,transparent)}
.x-track.wide b,.x-track.wide a{color:#F2B48F}
.x-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:clamp(28px,4vw,48px);border-block:1px solid var(--line)}
.x-stats div{padding:22px 18px}
.x-stats div+div{border-inline-start:1px solid var(--line)}
.x-stats b{display:block;font:400 clamp(2.2rem,4.4vw,3.4rem)/1 var(--serif,var(--fdisp));color:var(--forest);font-variant-numeric:tabular-nums}
.x-stats span{display:block;color:var(--muted);margin-top:6px}
@media (max-width:900px){.x-tracks{grid-template-columns:1fr 1fr}.x-track.wide{grid-column:span 2}.x-stats{grid-template-columns:1fr 1fr}.x-stats div:nth-child(3){border-inline-start:0}}

/* ===== כל ילד+ ===== */
/* hero: once / monthly */
.freq{display:grid;grid-template-columns:1fr 1fr;background:var(--soft);border-radius:999px;padding:4px;margin-bottom:10px}
.freq button{border:0;background:transparent;color:var(--muted);border-radius:999px;padding:.55em;font:700 .98rem var(--body);cursor:pointer;transition:.2s}
.freq button[aria-pressed="true"]{background:var(--surface);color:var(--ink);box-shadow:0 2px 8px -3px rgb(42 29 16 / .35)}
.freq button small{font-weight:600;color:var(--coral);font-size:.8em}
/* stats band */
.stats-band{padding-block:clamp(40px,5vw,64px) 0}
.stats-band .x-stats{margin:0}
/* 3D basket */
.bk3d{background:var(--forest);color:var(--on-forest);border-radius:clamp(22px,3vw,40px);margin:clamp(40px,5vw,64px) clamp(8px,1.4vw,18px) 0;overflow:hidden;position:relative;isolation:isolate}
.bk3d::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 70% at 25% 55%,rgb(244 180 120 / .16),transparent 70%)}
.bk3d .grid3{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(24px,4vw,64px);align-items:center}
.bk3d h2{color:var(--on-forest)}
.bk3d .sub{color:color-mix(in srgb,var(--on-forest) 74%,transparent);margin-top:12px}
.tlist{display:grid;gap:6px;margin-top:clamp(20px,3vw,32px)}
.tbtn{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;width:100%;text-align:start;border:1px solid rgb(255 255 255 / .12);background:rgb(255 255 255 / .04);color:inherit;border-radius:16px;padding:12px 16px;cursor:pointer;font:600 1.05rem var(--body);transition:background .25s,border-color .25s,transform .25s var(--ease)}
.tbtn:hover{background:rgb(255 255 255 / .08)}
.tbtn i{width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 2px rgb(255 255 255 / .35);transition:.25s}
.tbtn b{font:400 1.35rem/1 var(--serif);color:#F2B48F;font-variant-numeric:tabular-nums}
.tbtn[aria-pressed="true"]{background:rgb(255 255 255 / .12);border-color:#F2B48F;transform:translateX(-4px)}
.tbtn[aria-pressed="true"] i{box-shadow:inset 0 0 0 6px #F2B48F}
.stage{position:relative;height:clamp(380px,46vw,620px)}
.stage canvas{position:absolute;inset:0;width:100%!important;height:100%!important;cursor:grab;touch-action:pan-y}
.stage canvas:active{cursor:grabbing}
.stage .fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:24px}
.stage .hint{position:absolute;inset:8px 0 auto;text-align:center;font-size:.86rem;opacity:.6;pointer-events:none}
.tcard{position:absolute;inset:auto auto 18px 18px;max-width:300px;background:rgb(20 13 6 / .55);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgb(255 255 255 / .12);border-radius:18px;padding:16px 18px;display:grid;gap:6px}
.tcard .p{font:400 2.4rem/1 var(--serif);color:#F2B48F;font-variant-numeric:tabular-nums}
.tcard h3{font-size:1.25rem}
.tcard p{font-size:.95rem;opacity:.82;line-height:1.45}
.tcard .btn{margin-top:8px;justify-self:start;padding:.8em 1.3em;font-size:1rem}
.tcard .cnt{font-size:.85rem;opacity:.7}
@media (max-width:900px){.bk3d .grid3{grid-template-columns:1fr;gap:0}.bk3d .grid3>div:first-child{display:contents}.bk3d h2{order:1}.bk3d .sub{order:2}.stage{order:3;height:auto;padding-top:min(80vw,380px);margin-top:8px}.stage canvas{height:min(80vw,380px)!important;inset:0 0 auto}.tlist{order:4}.tbtn:last-child{grid-column:span 2}.tcard{position:relative;inset:auto;max-width:none;grid-template-columns:1fr auto;align-items:center;gap:2px 12px;padding:12px 14px}.tcard .p{font-size:1.8rem}.tcard>*{grid-column:1}.tcard .btn{grid-column:2;grid-row:1/span 4;margin:0}.tcard p{display:none}.tlist{grid-template-columns:1fr 1fr}.tbtn{grid-template-columns:auto 1fr;font-size:.95rem;padding:10px 12px}.tbtn b{grid-column:2;font-size:1.2rem}.tbtn i{grid-row:span 2}}
/* journey rail */
.steps{position:relative;padding-inline-start:44px}
.rail{position:absolute;inset-block:0;inset-inline-start:10px;width:3px;border-radius:3px;background:var(--line)}
.rail b{position:absolute;inset:0 0 auto;height:calc(var(--p,0)*100%);background:var(--coral);border-radius:3px}
.step{position:relative}
.step::before{content:"";position:absolute;inset-inline-start:-41px;top:50%;width:17px;height:17px;border-radius:50%;background:var(--bg);box-shadow:inset 0 0 0 3px var(--line);translate:0 -50%;transition:.4s}
.step.on::before,.step.past::before{box-shadow:inset 0 0 0 9px var(--coral)}
@media (max-width:900px){.steps{padding-inline-start:30px}.rail{inset-inline-start:6px}.step::before{inset-inline-start:-31px;top:44px}}
/* double: halves meet */
@media (min-width:901px) and (prefers-reduced-motion:no-preference){
  .x-double .x-half:first-child{transform:translateX(calc((1 - var(--m,1))*14%)) rotate(calc((1 - var(--m,1))*2deg))}
  .x-double .x-half:last-child{transform:translateX(calc((1 - var(--m,1))*-14%)) rotate(calc((1 - var(--m,1))*-2deg))}
  .x-double .x-plus{transform:scale(var(--m,1)) rotate(calc((1 - var(--m,1))*-180deg))}
}
/* the halves start apart: keep them from widening the page */
.x-sec:has(.x-double){overflow-x:clip}
/* manifesto words */
.mline{font:400 clamp(2rem,4.6vw,3.9rem)/1.18 var(--serif);max-width:22ch;margin-bottom:clamp(30px,5vw,60px)}
.mline span{opacity:var(--o,1);transition:opacity .25s}
.mline span.hl{color:var(--coral)}
/* partners marquee */
.marq{overflow:hidden;direction:ltr;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marq .x-partners{display:flex;width:max-content;gap:14px;animation:marq 36s linear infinite}
.marq:hover .x-partners{animation-play-state:paused}
.marq .x-logo{width:260px;flex:none}
@keyframes marq{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.marq{-webkit-mask:none;mask:none;direction:rtl}.marq .x-partners{flex-wrap:wrap;width:auto}.marq .x-partners [aria-hidden]{display:none}}

/* ===== D: the film hero ===== */
html,body{overflow-x:hidden;overflow-x:clip}
:root{--tshadow:0 1px 2px rgba(20,12,6,.95),0 3px 12px rgba(20,12,6,.78),0 10px 44px rgba(20,12,6,.8);--mono:"IBM Plex Mono",ui-monospace,monospace}
.film{position:relative;height:1000vh;background:#1E140B;padding:0}
.fstage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;color:#FBF6EE;isolation:isolate}
.fstage .fposter,.fstage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#1E140B center/cover no-repeat}
.fstage video{opacity:0;transition:opacity .8s var(--ease);will-change:transform;transform:translateZ(0)}
.fstage.video-ready video{opacity:1}
.fstage.video-failed video{display:none}
.fscrim{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,rgba(20,12,6,.72),rgba(20,12,6,.28) 14%,rgba(20,12,6,0) 28%),radial-gradient(ellipse 120% 90% at 40% 50%,rgba(20,12,6,0) 40%,rgba(20,12,6,.5) 100%)}
.band{position:absolute;right:clamp(28px,6vw,110px);left:auto;width:min(620px,44vw);text-align:right;opacity:0;text-shadow:var(--tshadow);pointer-events:none}
.band.on{pointer-events:auto}
.band::before{content:"";position:absolute;inset:-40% -30%;z-index:-1;pointer-events:none;opacity:calc(.25 + .75*var(--k,1));background:radial-gradient(ellipse 60% 58% at 50% 50%,rgba(20,12,6,var(--sa,.6)) 0%,rgba(20,12,6,calc(var(--sa,.6)*.66)) 46%,rgba(20,12,6,0) 76%)}
.band.top{top:clamp(110px,16vh,170px)}.band.mid{top:50%;translate:0 -50%}.band.low{bottom:clamp(60px,12vh,130px)}
.band .line{font:400 clamp(2.2rem,4.4vw,4.2rem)/1.1 var(--serif);margin:0}
.band .chip{display:inline-block;margin-bottom:14px;font:600 .95rem var(--body);background:rgba(20,12,6,.55);border:1px solid rgba(242,180,143,.3);border-radius:10px;padding:.35em .8em;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);text-shadow:0 1px 3px rgba(20,12,6,.85)}
.w{display:inline-block;white-space:pre}
.fx-blur .soft{position:absolute;top:0;right:0;width:100%;filter:blur(10px);opacity:calc(1 - var(--k,0))}
.fx-blur .sharp{opacity:var(--k,0)}
.fx-snap .w{--kc:clamp(0,(var(--k,0) - var(--th,0))*3,1);opacity:var(--kc);transform:translateX(calc((1 - var(--kc))*48px))}
.fx-punch .w{--kc:clamp(0,(var(--k,0) - var(--th,0))*3,1);--ks:clamp(0,(var(--k,0) - var(--th,0) - .14)*2.8,1);opacity:var(--kc);transform:scale(calc(.6 + .52*var(--kc) - .12*var(--ks)))}
.fx-punch .w.em{color:#F2B48F}
.fx-drift .w{--kc:clamp(0,(var(--k,0) - var(--th,0))*2.8,1);opacity:var(--kc);transform:translateY(calc((1 - var(--kc))*-26px))}
.settle .w{--kc:clamp(0,(var(--k,0) - var(--th,0))*3,1);opacity:var(--kc);transform:translateY(calc((1 - var(--kc))*30px))}
.settle h1{font:400 clamp(2.8rem,5.6vw,5.4rem)/1.04 var(--serif);margin:0}
.settle h1 em{font-style:normal;color:#F2B48F}
.settle .sub2{margin-top:16px;font-size:clamp(1.05rem,1.5vw,1.3rem);color:rgb(251 246 238 / .9);max-width:40ch;opacity:clamp(0,(var(--k,0) - .62)*4,1)}
.settle .ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;opacity:clamp(0,(var(--k,0) - .76)*5,1);transform:translateY(calc((1 - clamp(0,(var(--k,0) - .76)*5,1))*14px))}
.settle .btn{text-shadow:none}
.settle .btn-ghost{color:#FBF6EE}
.frail{position:absolute;inset-inline-start:clamp(14px,2vw,28px);top:50%;height:min(46vh,380px);translate:0 -50%;width:2px;background:rgb(251 246 238 / .22);border-radius:2px}
.frail b{position:absolute;inset:0 0 auto;height:calc(var(--p,0)*100%);background:#F2B48F;border-radius:2px}
.fring{position:absolute;inset:auto auto 26px 50%;translate:-50% 0;width:44px;height:44px;color:#F2B48F;transition:opacity .6s}
.fstage.video-ready .fring{opacity:0}
.fcue{position:absolute;inset:auto auto 30px 50%;translate:-50% 0;font:600 .9rem var(--body);opacity:.8}
.fstage.video-ready .fcue,.fstage.video-failed .fcue{display:block}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-height:560px){.frail,.fcue,.fring{display:none}}
/* static hero: the five gates (identical strings in JS) */
@media (max-width: 720px), (orientation: portrait) and (max-width: 1024px), (orientation: portrait) and (pointer: coarse), (orientation: landscape) and (pointer: coarse) and (max-height: 560px), (prefers-reduced-motion: reduce){
  .film{height:auto}
  .fstage{position:relative;height:auto;min-height:100svh;display:flex;align-items:flex-end}
  .fstage .fposter{background-image:url(../assets/film-ending.jpg?v=20261021);background-position:30% center}
  .fstage video,.frail,.fring,.fcue,.band:not(.settle){display:none}
  .fscrim{background:linear-gradient(to top,rgba(20,12,6,.9),rgba(20,12,6,.35) 60%,rgba(20,12,6,.5))}
  .band.settle{position:relative;inset:auto;translate:none;max-width:none;width:auto;opacity:1;--k:1;padding:120px var(--gut) 104px}
}
/* the give section that follows the film */
.give{background:var(--forest);color:var(--on-forest);padding-block:clamp(56px,7vw,100px)}
.give-in{display:grid;grid-template-columns:1fr 420px;gap:clamp(28px,5vw,80px);align-items:center}
.give h2{color:var(--on-forest)}
.give .sub{color:color-mix(in srgb,var(--on-forest) 78%,transparent);margin-top:14px}
.give .kick{display:inline-block;font:700 1rem var(--body);color:#F2B48F;margin-bottom:12px}
@media (max-width:900px){.give-in{grid-template-columns:1fr}}

/* ===== D round 2 ===== */
h2{letter-spacing:-.01em}
/* header as wide as the film captions */
.top .wrap{max-width:none;padding-inline:clamp(28px,6vw,110px)}
/* film text + panel sit at the bottom over a faint black fade */
.fscrim{background:linear-gradient(to bottom,rgba(20,12,6,.72),rgba(20,12,6,.28) 14%,rgba(20,12,6,0) 28%),linear-gradient(to top,rgba(0,0,0,.34),rgba(0,0,0,.12) 30%,rgba(0,0,0,0) 58%)}
.band.top,.band.mid{top:auto;translate:none;bottom:clamp(56px,9vh,104px)}
.band.settle{width:min(760px,50vw)}
/* donation panel on the film (version 2 panel, collapsible) */
.fgive{position:absolute;left:clamp(28px,6vw,110px);top:auto;bottom:clamp(56px,9vh,104px);width:min(430px,36vw);z-index:5;color:var(--ink)}
.fgive .panel{padding:16px 18px;border-radius:22px;box-shadow:0 30px 60px -30px rgb(0 0 0 / .65)}
.fgive .panel-top{margin:0;gap:12px}
.fgive .panel-top .leafset{width:62px}
.fgive .panel-top b{font:700 1.12rem/1.25 var(--fdisp);white-space:nowrap}
.ptog{margin-inline-start:auto;flex:none;width:44px;height:44px;border-radius:50%;border:0;background:var(--sun);color:#fff;display:grid;place-items:center;cursor:pointer;transition:transform .35s var(--ease),background .2s}
.ptog:hover{background:#9E4522}
.ptog .ico{width:22px;height:22px;transition:transform .35s var(--ease)}
.fgive.open .ptog .ico{transform:rotate(180deg)}
.pbody{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--ease)}
.fgive.open .pbody{grid-template-rows:1fr}
.pbody>div{overflow:hidden;min-height:0}
.pbody .amounts{margin-top:14px}
.pbody .freq{margin:10px 0 0}
.pbody .freq button{font:500 .98rem var(--body)}
.pbody .amt{font:700 1.15rem var(--fdisp)}
.pbody .custom input{font:700 1.1rem var(--fdisp)}
.pbody .btn-sun{width:100%;margin-top:14px;font-size:1.15rem;padding:1.05em}
.pbody .secure{margin:10px 0 2px}
@media (max-width: 720px), (orientation: portrait) and (max-width: 1024px), (orientation: portrait) and (pointer: coarse), (orientation: landscape) and (pointer: coarse) and (max-height: 560px), (prefers-reduced-motion: reduce){
  .fstage{flex-direction:column;align-items:stretch;justify-content:flex-end}
  .fgive{position:relative;left:auto;top:auto;bottom:auto;width:auto;margin:0 var(--gut) 104px}
  .band.settle{padding-bottom:24px!important;bottom:auto!important;width:auto!important}
  .fgive .panel-top b{white-space:normal}
}
/* impact numbers (version 2) */
.impact{background:var(--forest);color:var(--on-forest);border-radius:clamp(22px,3vw,40px);margin:clamp(14px,2vw,24px) clamp(8px,1.4vw,18px) 0;position:relative;overflow:hidden;isolation:isolate}
.impact h2{color:var(--on-forest)}
.impact .sub{color:color-mix(in srgb,var(--on-forest) 72%,transparent)}
.impact .leafset{position:absolute;inset-inline-start:-4%;bottom:-18%;width:min(560px,60%);opacity:.18;z-index:-1}
.impact .head{display:grid;gap:14px}
.nums{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:clamp(28px,5vw,64px)}
.nums div{padding-inline:24px;border-inline-start:1px solid rgb(255 255 255 / .16)}
.nums div:first-child{border-inline-start:0;padding-inline-start:0}
.nums b{display:block;font:800 clamp(2.4rem,5.2vw,4.6rem)/1 var(--fdisp);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.nums span{display:block;margin-top:10px;color:color-mix(in srgb,var(--on-forest) 78%,transparent);max-width:18ch}
@media (max-width:820px){.nums{grid-template-columns:1fr 1fr;row-gap:32px}.nums div:nth-child(3){border-inline-start:0;padding-inline-start:0}}
/* partners grid */
.pgrid{padding-block:clamp(48px,6vw,84px) 0}
.pgrid .x-head{text-align:center;justify-items:center}
.pgrid .x-partners{grid-template-columns:repeat(4,1fr)}
.pgrid .x-logo{height:150px;transition:transform .3s var(--ease),box-shadow .3s}
.pgrid .x-logo:hover{transform:translateY(-3px);box-shadow:0 18px 30px -22px rgb(42 29 16 / .5)}
@media (max-width:800px){.pgrid .x-partners{grid-template-columns:1fr 1fr}.pgrid .x-logo{height:118px}}
/* double good: halves reveal, the two words take the stage */
.dbl .x-head{text-align:center;justify-items:center;margin-inline:auto}
.dbl .x-head .sub{margin-inline:auto}
.dbl .x-half{min-height:clamp(380px,36vw,520px);align-items:stretch}
.dbl .x-half::after{background:linear-gradient(to top,rgb(28 17 8 / .92),rgb(28 17 8 / .45) 55%,rgb(28 17 8 / .25))}
.dbl .x-half .big{position:absolute;inset:0;display:grid;place-items:center;padding:24px;text-align:center;font:800 clamp(2.6rem,5.4vw,5rem)/1 var(--fdisp);letter-spacing:-.02em;color:#fff;text-shadow:0 4px 30px rgb(0 0 0 / .45)}
.dbl .x-half .in{margin-top:auto;width:100%}
.dbl .x-half .in b{color:#F2B48F}
@media (max-width:900px){.dbl .x-half{min-height:440px}.dbl .x-half .big{place-items:start center;padding-top:34px;font-size:clamp(2.4rem,11vw,3.4rem)}.dbl.in .x-half .big{translate:none!important}}
@media (prefers-reduced-motion:no-preference){
  .dbl .x-half{clip-path:inset(18% 10% 18% 10% round 26px);opacity:.2;transition:clip-path 1.1s var(--ease),opacity .8s}
  .dbl .x-half .big{opacity:0;transform:scale(1.35);filter:blur(0);transition:opacity .9s var(--ease) .45s,transform 1.2s var(--ease) .45s,translate .9s var(--ease) 1.5s}
  .dbl .x-half .in{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease) 1.7s,transform .8s var(--ease) 1.7s}
  .dbl .x-plus{transform:scale(0) rotate(-180deg);transition:transform .8s cubic-bezier(.2,1.5,.35,1) 1.1s}
  .dbl.in .x-half{clip-path:inset(0 0 0 0 round 26px);opacity:1}
  .dbl.in .x-half .big{opacity:1;transform:none;translate:0 -27%}
  .dbl.in .x-half .in{opacity:1;transform:none}
  .dbl.in .x-plus{transform:none}
  .dbl .x-half:last-child,.dbl .x-half:last-child .big,.dbl .x-half:last-child .in{transition-delay:.25s,.25s}
}
/* drawn lines */
.dline{display:block;width:3px;height:clamp(110px,14vw,170px);margin:clamp(24px,4vw,40px) auto 0;position:relative}
.dline i{position:absolute;inset:0;border-radius:3px;background:linear-gradient(to bottom,var(--coral),color-mix(in srgb,var(--coral) 0%,transparent));transform:scaleY(var(--ln,1));transform-origin:top}
.dline.arrow{height:clamp(90px,10vw,130px);margin:clamp(20px,3vw,32px) auto 10px}
.dline.arrow i{background:var(--coral)}
.dline.arrow::after{content:"";position:absolute;left:50%;bottom:-2px;width:14px;height:14px;border:solid var(--coral);border-width:0 3px 3px 0;translate:-50% 0;rotate:45deg;opacity:calc((var(--ln,1) - .9)*10)}
.dbl{padding-bottom:0}
/* manifesto centered, values reveal, arrow to the CTA */
.mani{text-align:center;padding-top:clamp(24px,3vw,40px)}
.mani .mline{margin-inline:auto;max-width:20ch}
.mani h2{margin-inline:auto;max-width:24ch}
.mani .val{text-align:right}
@media (prefers-reduced-motion:no-preference){
  .mani .val{opacity:0;transform:translateY(40px);transition:opacity .8s var(--ease),transform .9s var(--ease)}
  .mani .vals.in .val{opacity:1;transform:none}
  .mani .vals.in .val:nth-child(2){transition-delay:.15s}.mani .vals.in .val:nth-child(3){transition-delay:.3s}
}
.mani .vals-cta{margin-top:0}
/* dedication: a place card at the table */
.dedi{background:var(--soft)}
.dedi-in{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,5vw,80px);align-items:center}
.dedi .sub{margin-top:14px}
.dedi .seg{margin-block:24px 16px}
.dedi-line{margin-top:18px;font:700 clamp(1.15rem,1.8vw,1.4rem)/1.45 var(--fdisp);color:var(--ink)}
.dedi-line b{color:var(--coral)}
.dedi-ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.dedi-table{position:relative;margin:0;border-radius:28px;overflow:hidden;aspect-ratio:1920/1068;box-shadow:0 40px 80px -45px rgb(42 29 16 / .7)}
.dedi-table img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pcard{position:absolute;left:32.8%;bottom:25.5%;translate:-50% 0;min-width:17%;max-width:40%;padding:.55em .9em .5em;background:#FFFDF8;color:#3B2A1A;border-radius:4px;text-align:center;box-shadow:0 10px 18px -8px rgb(0 0 0 / .6),0 2px 0 #E6DCC9;transform:perspective(500px) rotateX(16deg);transform-origin:bottom}
.pcard small{display:block;font:500 clamp(.6rem,.9vw,.82rem) var(--body);letter-spacing:.06em;color:#9E4522}
.pcard b{display:block;font:800 clamp(.85rem,1.6vw,1.35rem)/1.15 var(--fdisp);overflow-wrap:anywhere}
@media (prefers-reduced-motion:no-preference){.pcard.bump{animation:bump .5s var(--ease)}}
@keyframes bump{40%{transform:perspective(500px) rotateX(16deg) translateY(-6px)}}
@media (max-width:900px){.dedi-in{grid-template-columns:1fr}.dedi-table{order:-1}}
/* testimonials (version 2 story, photo changes per quote) */
.story{padding:0;margin:clamp(14px,2vw,24px) clamp(8px,1.4vw,18px)}
.story-in{position:relative;border-radius:clamp(22px,3vw,40px);overflow:hidden;min-height:clamp(480px,58vw,680px);display:grid;align-items:center;isolation:isolate;color:#fff}
.story-in>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:20% 50%;z-index:-2;opacity:0;transform:scale(1.04);transition:opacity 1s var(--ease),transform 1.6s var(--ease)}
.story-in>img.on{opacity:1;transform:none}
.story-in::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to left,rgb(28 17 8 / .86) 22%,rgb(28 17 8 / .25) 62%,rgb(28 17 8 / 0))}
.quote{padding:clamp(28px,6vw,80px);max-width:780px}
.quote h2{font:500 1.05rem var(--body);color:#F2B48F;margin-bottom:18px}
.quote blockquote{margin:0;font:700 clamp(1.3rem,2.3vw,1.9rem)/1.4 var(--fdisp);min-height:4.1em;max-width:28ch;transition:opacity .4s}
.quote blockquote.fade,.quote .cite.fade{opacity:0}
.quote .cite{margin-top:22px;color:rgb(255 255 255 / .82);transition:opacity .4s}
.quote .cite b{color:#fff}
.story .qnav{display:flex;gap:8px;margin-top:28px;align-items:center}
.story .qnav button{width:46px;height:46px;border-radius:50%;border:1.5px solid rgb(255 255 255 / .45);background:transparent;color:#fff;cursor:pointer;display:grid;place-items:center;padding:0}
.story .qnav button:hover{background:rgb(255 255 255 / .12)}
.qcount{margin-inline-start:8px;font-size:.95rem;color:rgb(255 255 255 / .75)}
.story .ainote{position:absolute;inset:auto auto 14px 18px;font-size:.75rem;color:rgb(255 255 255 / .55)}
@media (max-width:760px){.story-in::after{background:linear-gradient(to top,rgb(28 17 8 / .92) 35%,rgb(28 17 8 / .2))}.story-in{align-items:end}.story-in>img{object-position:15% 30%}}

/* ===== D round 3 ===== */
h1,h2,h3,.band .line,.mline,.x-half .big,:where(h2).elementor-heading-title,:where(h3).elementor-heading-title{text-wrap:balance}
h2,:where(h2).elementor-heading-title{letter-spacing:-.015em}
/* header: menu spread across the full width */
.top .wrap{padding-inline:clamp(20px,2.4vw,40px);gap:clamp(14px,2vw,32px)}
.nav{flex:1;justify-content:space-evenly;margin-inline:clamp(8px,2vw,40px)}
/* film text + panel follow the same edge as the header; wider so no line holds a single word */
.band{right:clamp(20px,2.4vw,40px);width:min(860px,54vw)}
.band.settle{width:min(860px,56vw)}
.fgive{left:calc(clamp(20px,2.4vw,40px) + 74px);width:min(440px,36vw)}
/* WhatsApp + accessibility buttons on the left */
.fab{inset-inline-start:auto;left:clamp(14px,1.6vw,22px);bottom:clamp(20px,2.4vw,40px)}
/* equal side and bottom padding for the film text and the panel */
.band.top,.band.mid{bottom:clamp(20px,2.4vw,40px)}
.fgive{bottom:clamp(20px,2.4vw,40px)}
.fgive .panel{margin:0}
.band .line{margin-bottom:-.12em}
/* panel title + a soft glow */
.fgive .panel-top b{white-space:normal;line-height:1.2}
.fgive .panel-top b span{display:inline;font:inherit;color:inherit;line-height:inherit}
.fgive .panel-top b .pk{color:var(--sun)}
.fgive .panel{position:relative;box-shadow:0 0 0 1px rgb(242 180 143 / .55),0 0 30px 2px rgb(242 180 143 / .38),0 30px 60px -30px rgb(0 0 0 / .65)}
.fgive .panel::after{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;box-shadow:0 0 44px 8px rgb(242 180 143 / .5);opacity:.35}
@media (prefers-reduced-motion:no-preference){.fgive .panel::after{animation:pglow 4.5s ease-in-out -1.5s infinite}}
@keyframes pglow{50%{opacity:.9}}
@media (max-width: 720px), (orientation: portrait) and (max-width: 1024px), (orientation: portrait) and (pointer: coarse), (orientation: landscape) and (pointer: coarse) and (max-height: 560px), (prefers-reduced-motion: reduce){.fgive{width:auto!important;left:auto!important}.band.settle{width:auto!important}}
/* the manifesto line right under the film */
.mline-sec{text-align:center;padding-block:clamp(64px,9vw,120px) clamp(40px,6vw,80px)}
.mline-sec .mline{margin:0 auto;max-width:none}

/* ===== D round 4: values as Victorian windows over the handover film ===== */
.vmani{position:relative;isolation:isolate;overflow:hidden;background:var(--bg);padding-top:clamp(20px,3vw,40px)}
.vmani .mvid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.16;filter:saturate(.8)}
.vmani .mov{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,var(--bg) 0%,color-mix(in srgb,var(--bg) 0%,transparent) 16%),radial-gradient(ellipse 66% 60% at 50% 52%,color-mix(in srgb,var(--bg) 0%,transparent) 0%,color-mix(in srgb,var(--bg) 0%,transparent) 42%,color-mix(in srgb,var(--bg) 58%,transparent) 100%)}
.vmani .vals{gap:clamp(20px,3vw,48px);align-items:start}
.vmani .val{background:none;border:0;border-radius:0;overflow:visible;backdrop-filter:none;-webkit-backdrop-filter:none;display:flex;flex-direction:column;align-items:center;text-align:center}
.vmani .win{position:relative;display:block;width:min(100%,340px);aspect-ratio:100/128;border-radius:999px 999px 0 0;overflow:hidden;box-shadow:0 22px 40px -26px rgb(42 29 16 / .55)}
.vmani .win img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
.vmani .val .in{margin-top:0;width:min(100%,360px);padding:22px 22px 24px;border-radius:0 0 22px 22px;background:color-mix(in srgb,var(--surface) 90%,transparent);box-shadow:0 20px 36px -28px rgb(42 29 16 / .5);justify-items:center;text-align:center}
.vmani .val h3{font-size:clamp(2rem,3vw,2.6rem)}
@media (max-width:900px){.vmani .vals{grid-template-columns:1fr}.vmani .val{flex-direction:column!important}.vmani .win{width:min(78%,300px)}.vmani .val img{width:100%!important}}
.mline-sec{padding-bottom:0}
.mline-sec .dline{margin-top:clamp(20px,3vw,32px)}

/* ===== D round 5 ===== */
.mline-sec,.vmani{background:#FFFCF6}
.vmani .mov{background:linear-gradient(to bottom,#FFFCF6 0%,rgb(255 252 246 / 0) 16%),radial-gradient(ellipse 66% 60% at 50% 52%,rgb(255 252 246 / 0) 0%,rgb(255 252 246 / 0) 42%,rgb(255 252 246 / .6) 100%)}
/* cards: text box exactly as wide as the image, all three the same height */
.vmani .vals{align-items:stretch}
.vmani .val{width:100%;max-width:360px;justify-self:center}
.vmani .win{width:100%}
.vmani .val .in{width:100%;flex:1;align-content:start}
.vmani .val:nth-child(3) h3{color:#4E7A55}
/* the manifesto sentence, big, revealed by scroll */
.mline-sec{padding-top:clamp(80px,11vw,160px)}
.mline-sec .mline{font-size:clamp(2.6rem,6.6vw,6.4rem);line-height:1.12;max-width:none;position:relative;isolation:isolate}
.mline .w{display:inline-block}
.mline .mk{position:relative;color:var(--coral);white-space:nowrap}
.mline .mk::after{content:"";position:absolute;z-index:-1;inset:56% -.08em 2% -.08em;border-radius:.12em;background:rgb(242 180 143 / .45);transform:scaleX(var(--mk,1));transform-origin:right center}

/* ===== D round 6: big headlines in Noto Sans Hebrew ===== */
:root{--big:"Noto Sans Hebrew","Arial Hebrew",Arial,sans-serif}
h1,h2,.band .line,.settle h1,.mline-sec .mline,.dbl .x-half .big,.nums b,.close h2,:where(h1).elementor-heading-title,:where(h2).elementor-heading-title{font-family:var(--big);font-weight:800;letter-spacing:-.01em}
.band .line{line-height:1.12}
.settle h1{line-height:1.08}
.mline-sec .mline{font-size:clamp(2.1rem,4.4vw,4.2rem);line-height:1.2}

/* ===== D round 7 ===== */
.pgrid{background:#FFFCF6;padding-block:clamp(36px,5vw,64px) 0;position:relative;z-index:2}
.pgrid .x-partners{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,20px)}
.pgrid .x-logo{height:clamp(130px,11vw,168px);padding:clamp(18px,2vw,30px)}
.pgrid .x-logo img{max-height:100%;max-width:88%;width:auto;height:auto}
@media (max-width:800px){.pgrid .x-partners{grid-template-columns:repeat(2,minmax(0,1fr))}}
.dline.into{margin:clamp(24px,3vw,36px) auto 0;height:clamp(110px,10vw,150px)}
.pgrid + .impact::before{content:"";position:absolute;top:0;left:50%;width:3px;height:clamp(70px,7vw,110px);translate:-50% 0;border-radius:3px;background:linear-gradient(to bottom,#F2B48F,rgb(242 180 143 / 0));z-index:1}
.pgrid + .impact{margin-top:0}
.pgrid .sub{text-wrap:balance}
.dline.into i{background:linear-gradient(to bottom,var(--coral) 0%,var(--coral) 40%,#F2B48F 100%)}
/* numbers: all centered */
.impact .head{text-align:center;justify-items:center}
.impact .head .sub{margin-inline:auto}
.impact{padding-top:clamp(96px,11vw,150px)}
.nums div{text-align:center;padding-inline:clamp(10px,1.6vw,24px)!important}
.nums span{margin-inline:auto}

/* ===== D round 8: double good on one diagonal frame ===== */
.dbl{padding-bottom:clamp(64px,8vw,110px)}
.dframe{position:relative;aspect-ratio:21/9;border-radius:clamp(22px,3vw,36px);overflow:hidden;background:var(--forest);box-shadow:0 40px 70px -50px rgb(42 29 16 / .7)}
.dside{position:absolute;inset:0;margin:0}
.dside img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dside::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 70% at var(--cx) 50%,rgb(28 17 8 / .58),rgb(28 17 8 / .2) 75%)}
.d1{--cx:76%;clip-path:polygon(44% 0,100% 0,100% 100%,56% 100%)}
.d1 img{object-position:60% 50%;width:62%;left:auto;right:0}
.d2{--cx:24%;clip-path:polygon(0 0,44% 0,56% 100%,0 100%)}
.d2 img{object-position:40% 50%;width:62%;left:0;right:auto}
.dword{position:absolute;top:50%;translate:0 -50%;z-index:1;font:800 clamp(2.4rem,5.2vw,5.2rem)/1 var(--big,var(--fdisp));letter-spacing:-.02em;color:#fff;text-shadow:0 4px 28px rgb(0 0 0 / .45);white-space:nowrap}
.d1 .dword{right:clamp(24px,6%,90px)}
.d2 .dword{left:clamp(24px,6%,90px)}
.dplus{position:absolute;left:50%;top:50%;translate:-50% -50%;z-index:2;width:clamp(56px,6vw,84px);height:clamp(56px,6vw,84px);border-radius:50%;display:grid;place-items:center;background:var(--sun);color:#fff;font:800 clamp(1.8rem,2.6vw,2.6rem)/1 var(--big,var(--fdisp));box-shadow:0 0 0 8px rgb(255 252 246 / .25)}
.dfacts{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,6vw,120px);margin-top:clamp(24px,3vw,40px)}
.dfact{display:grid;gap:6px;text-align:center;justify-items:center}
.dfact b{font:800 clamp(2.2rem,3.6vw,3.2rem)/1 var(--big,var(--fdisp));color:var(--coral)}
.dfact h3{font-size:1.35rem}
.dfact p{color:var(--muted);max-width:40ch}
@media (prefers-reduced-motion:no-preference){
  .dsplit .d1{transform:translateX(12%);opacity:0;transition:transform 1.2s var(--ease),opacity .9s}
  .dsplit .d2{transform:translateX(-12%);opacity:0;transition:transform 1.2s var(--ease),opacity .9s}
  .dsplit .dword{opacity:0;scale:1.25;transition:opacity .8s var(--ease) .7s,scale 1.1s var(--ease) .7s}
  .dsplit .dplus{transform:scale(0) rotate(-180deg);transition:transform .8s cubic-bezier(.2,1.5,.35,1) 1.1s}
  .dsplit .dfact{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease) 1.3s,transform .8s var(--ease) 1.3s}
  .dsplit.in .d1,.dsplit.in .d2{transform:none;opacity:1}
  .dsplit.in .dword{opacity:1;scale:1}
  .dsplit.in .dplus{transform:none}
  .dsplit.in .dfact{opacity:1;transform:none}
  .dsplit.in .dfact:last-child{transition-delay:1.45s}
}
@media (max-width:760px){
  .dframe{aspect-ratio:3/4}
  .d1{clip-path:polygon(0 0,100% 0,100% 44%,0 56%)}
  .d2{clip-path:polygon(0 56%,100% 44%,100% 100%,0 100%)}
  .d1 img,.d2 img{width:100%;height:58%}
  .d2 img{top:auto;bottom:0}
  .d1 .dword,.d2 .dword{left:50%;right:auto;translate:-50% 0}
  .d1 .dword{top:20%}.d2 .dword{top:auto;bottom:18%}
  .dfacts{grid-template-columns:1fr}
}
/* values: shorter arches, cropped from the bottom so the 'בית לחם יהודה' lettering stays in */
.vmani .win{aspect-ratio:100/110}
.vmani .win img{object-position:50% 0}
@media (prefers-reduced-motion:no-preference){.mani .val{transform:translateX(90px)}.mani .vals.in .val{transform:none}}
.mline-sec .dline{height:clamp(70px,8vw,110px)}

/* ===== D round 9: numbers card overlaps the values section ===== */
.vmani{padding-bottom:calc(clamp(72px,9vw,136px) + clamp(40px,5vw,80px))}
.impact{width:min(1280px,calc(100% - 2 * var(--gut)));margin:calc(-1 * clamp(40px,5vw,80px)) auto 0!important;position:relative;z-index:3;padding-block:clamp(48px,6vw,86px)!important;box-shadow:0 40px 80px -40px rgb(42 29 16 / .55)}
.impact .head h2{font-size:clamp(1.9rem,3.6vw,3rem)}
.impact .nums{margin-top:clamp(22px,3.4vw,44px)}
.impact .nums b{font-size:clamp(2.1rem,4.2vw,3.8rem)}
.pgrid{padding-top:clamp(56px,7vw,96px)}

/* ===== D round 10: everything from the live homepage ===== */
.tk{background:var(--forest);color:var(--on-forest);overflow:hidden;direction:ltr;padding-block:18px;border-block:1px solid rgb(255 255 255 / .08)}
.tk-track{display:flex;width:max-content}
.tk-run{display:flex;align-items:center;gap:34px;padding-inline-end:34px;direction:rtl}
.tk-run span{font:800 clamp(1.15rem,1.8vw,1.6rem)/1 var(--big,var(--fdisp));white-space:nowrap}
.tk-leaf{width:14px;height:20px;border-radius:0 100% 0 100%;background:#F2B48F;flex:none}
@media (prefers-reduced-motion:no-preference){.tk-track{animation:tk 48s linear infinite}.tk:hover .tk-track{animation-play-state:paused}}
@keyframes tk{to{transform:translateX(-50%)}}
.pgrid .x-partners{grid-template-columns:repeat(7,minmax(0,1fr))!important}
.pgrid .x-logo{height:clamp(96px,8vw,124px)!important;padding:clamp(12px,1.4vw,20px)!important}
.pgrid .x-logo.slot{font-size:.82rem}
@media (max-width:1100px){.pgrid .x-partners{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
@media (max-width:700px){.pgrid .x-partners{grid-template-columns:repeat(3,minmax(0,1fr))!important}.pgrid .x-logo{height:86px!important}}
.kick{display:inline-block;font:700 1rem var(--body);color:var(--coral);margin-bottom:10px}
.about{background:#FFFCF6;padding-block:clamp(72px,9vw,120px)}
.about-head{text-align:center;display:grid;justify-items:center;gap:12px;max-width:880px;margin:0 auto clamp(30px,4vw,52px)}
.about-head .sub{margin:0 auto;text-wrap:balance}
.chips{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.chips li{padding:.45em 1em;border-radius:999px;background:color-mix(in srgb,var(--coral) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--coral) 30%,transparent);font-weight:700;color:var(--ink)}
.acts-title{text-align:center;font-size:clamp(1.3rem,2vw,1.7rem);margin-bottom:18px}
.acts6{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.8vw,24px)}
.acts6 .act{position:relative;border-radius:999px 999px 22px 22px;overflow:hidden;aspect-ratio:4/3.4;display:flex;align-items:flex-end;color:#fff;isolation:isolate;box-shadow:0 26px 44px -34px rgb(42 29 16 / .6)}
.acts6 .act img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1s var(--ease)}
.acts6 .act::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgb(28 17 8 / .86),rgb(28 17 8 / 0) 58%)}
.acts6 .act:hover img{transform:scale(1.05)}
.acts6 .in{padding:22px 24px;display:grid;gap:4px;text-align:center;width:100%}
.acts6 h3{font-size:1.3rem}
.acts6 p{color:rgb(255 255 255 / .85);font-size:.98rem}
@media (max-width:900px){.acts6{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.acts6{grid-template-columns:1fr}}
.how{background:var(--forest);color:var(--on-forest);border-radius:clamp(22px,3vw,40px);width:min(1380px,calc(100% - 2 * var(--gut)));margin:0 auto;padding-block:clamp(56px,7vw,96px)}
.how h2{color:var(--on-forest)}
.how-head{text-align:center;display:grid;justify-items:center;gap:6px;margin-bottom:clamp(30px,4vw,52px)}
.how .kick{color:#F2B48F;max-width:46ch;text-wrap:balance}
.steps8{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(22px,3vw,40px) clamp(14px,2vw,28px);counter-reset:s}
.steps8 li{position:relative;display:grid;justify-items:center;text-align:center;gap:12px}
.steps8 li::before{content:"";position:absolute;top:28px;left:calc(50% + 34px);right:calc(-50% + 34px - clamp(14px,2vw,28px));height:2px;background:rgb(242 180 143 / .35)}
.steps8 li:nth-child(4n+1)::before{display:none}
.steps8 b{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#F2B48F;color:var(--forest);font:800 1.5rem/1 var(--big,var(--fdisp))}
.steps8 li:nth-child(n+7) b{background:var(--sun);color:#fff}
.steps8 p{max-width:26ch;color:color-mix(in srgb,var(--on-forest) 88%,transparent)}
.steps8 li:nth-child(n+7) p{font-weight:700;color:var(--on-forest)}
.how-cta{display:flex;justify-content:center;margin-top:clamp(30px,4vw,48px)}
@media (max-width:900px){.steps8{grid-template-columns:1fr 1fr}.steps8 li::before{display:none}}
@media (prefers-reduced-motion:no-preference){.steps8 li{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.steps8.in li{opacity:1;transform:none}.steps8.in li:nth-child(2){transition-delay:.08s}.steps8.in li:nth-child(3){transition-delay:.16s}.steps8.in li:nth-child(4){transition-delay:.24s}.steps8.in li:nth-child(5){transition-delay:.32s}.steps8.in li:nth-child(6){transition-delay:.4s}.steps8.in li:nth-child(7){transition-delay:.48s}.steps8.in li:nth-child(8){transition-delay:.56s}}
.e-con:has(.dbl) + .e-con .how{margin-bottom:clamp(40px,5vw,72px)}
.quote blockquote{font-size:clamp(1.12rem,1.8vw,1.55rem)!important;line-height:1.5!important;max-width:36ch!important;min-height:7.5em!important}
.gal{padding-block:clamp(64px,8vw,110px)}
.gal-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:14px;margin-bottom:clamp(22px,3vw,36px)}
.gal-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:clamp(150px,15vw,230px);gap:12px}
.gal-grid figure{margin:0;border-radius:18px;overflow:hidden}
.gal-grid img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.gal-grid figure:hover img{transform:scale(1.06)}
.gal-grid .g1,.gal-grid .g6{grid-column:span 2;grid-row:span 2}
.gal-grid .g10{grid-column:span 2}
@media (max-width:760px){.gal-grid{grid-template-columns:1fr 1fr;grid-auto-rows:140px}.gal-grid .g10{grid-column:auto}}
.pgrid .x-logo.slot{overflow:hidden}
@media (max-width:700px){.pgrid .x-logo.slot{font-size:.68rem;line-height:1.25;padding:6px!important}.pgrid .x-logo.slot small{font-size:.62rem}}
@media (max-width:560px){.steps8{grid-template-columns:1fr}.quick{grid-template-columns:1fr}.cinfo li{grid-template-columns:110px 1fr}}
.contact{background:#FFFCF6;padding-block:clamp(64px,8vw,110px)}
.contact-in{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,5vw,80px);align-items:start}
.cinfo{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:2px}
.cinfo li{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:1.08rem}
.cinfo li span{color:var(--muted);font-size:.95rem}
.cinfo a{text-decoration:none;font-weight:700}
.cinfo a[dir="ltr"]{text-align:right}
.quick{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px}
.quick a{padding:.85em 1em;border-radius:14px;background:var(--surface);border:1px solid var(--line);text-decoration:none;font-weight:700;text-align:center;transition:border-color .2s,transform .2s var(--ease)}
.quick a:hover{border-color:var(--coral);transform:translateY(-2px)}
.social{display:flex;gap:16px;margin-top:18px;font-weight:700}
.social a{color:var(--coral);text-decoration:none}
.cform{background:var(--surface);border:1px solid var(--line);border-radius:26px;padding:clamp(22px,3vw,34px);display:grid;gap:14px;box-shadow:0 30px 60px -44px rgb(42 29 16 / .5)}
.cform h3{font-size:1.4rem}
.cform label{display:grid;gap:6px;font-weight:700}
.cform input:not([type="checkbox"]){border:1.5px solid var(--line);background:var(--bg);color:var(--ink);border-radius:14px;padding:.8em 1em;font:inherit;font-weight:400}
.cform input:focus{outline:0;border-color:var(--coral)}
.cform .chk{display:flex;align-items:center;gap:8px;font-weight:400}
.cform .btn{justify-self:start}
.cform-ok{color:#2F6B3A;font-weight:700}
@media (max-width:900px){.contact-in{grid-template-columns:1fr}}

/* ===== D round 11: "how it works" as a pinned route ===== */
.how2{padding:0;margin:0 0 clamp(40px,5vw,72px)}
.how2-pin{min-height:100vh;min-height:100svh;display:flex;align-items:center;padding:clamp(80px,9vh,104px) clamp(8px,1.4vw,18px) clamp(16px,3vh,32px)}
.how2-card{position:relative;width:min(1380px,100%);margin:0 auto;background:var(--forest);color:var(--on-forest);border-radius:clamp(22px,3vw,40px);padding:clamp(28px,4vh,52px) clamp(24px,4vw,64px);overflow:hidden;isolation:isolate;box-shadow:0 40px 80px -50px rgb(42 29 16 / .7)}
.how2-card::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(70% 80% at 80% 40%,rgb(242 180 143 / .10),transparent 70%)}
.how2-head{text-align:center;display:grid;justify-items:center;gap:6px;margin-bottom:clamp(14px,2.4vh,28px)}
.how2-head h2{color:var(--on-forest);font-size:clamp(2rem,3.6vw,3.2rem)}
.how2 .kick{color:#F2B48F;max-width:52ch;text-wrap:balance;margin:0}
.how2-stage{display:grid;grid-template-columns:1fr minmax(0,.9fr);gap:clamp(24px,5vw,80px);align-items:center}
.how2-text{list-style:none;margin:0;padding:0;display:grid}
.hs{grid-area:1/1;display:grid;gap:14px;align-content:center;opacity:0;transform:translateX(40px);transition:opacity .55s var(--ease),transform .7s var(--ease);pointer-events:none}
.hs.on{opacity:1;transform:none;pointer-events:auto}
.hs.past{transform:translateX(-40px)}
.hs .n{font:800 clamp(4rem,9vw,8.5rem)/.9 var(--big,var(--fdisp));color:transparent;-webkit-text-stroke:2px #F2B48F}
.hs p{font:800 clamp(1.6rem,2.8vw,2.6rem)/1.25 var(--big,var(--fdisp));max-width:20ch;text-wrap:balance;color:var(--on-forest)}
.hs p em{font-style:normal;color:#F2B48F}
.how2-photo{position:relative;aspect-ratio:4/4.4;max-height:min(58vh,560px);width:100%;justify-self:center;border-radius:999px 999px 26px 26px;overflow:hidden;background:#2B1F13;box-shadow:0 30px 60px -30px rgb(0 0 0 / .6)}
.how2-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.08);transition:opacity .7s var(--ease),transform 1.4s var(--ease)}
.how2-photo img.on{opacity:1;transform:none}
.route{position:relative;height:56px;margin:clamp(16px,3vh,34px) 30px 0}
.route-line,.route-fill{position:absolute;top:50%;right:0;height:3px;translate:0 -50%;border-radius:3px}
.route-line{left:0;background:rgb(242 180 143 / .22)}
.route-fill{width:calc(var(--p,0)*100%);background:linear-gradient(to left,#F2B48F,var(--sun))}
.route-dot{position:absolute;top:50%;right:calc(var(--p,0)*100%);width:18px;height:18px;border-radius:50%;background:#FFE3CF;translate:50% -50%;box-shadow:0 0 0 6px rgb(242 180 143 / .25),0 0 24px 6px rgb(242 180 143 / .55);z-index:2}
.stop{position:absolute;top:50%;right:var(--x);translate:50% -50%;width:34px;height:34px;border-radius:50%;border:2px solid rgb(242 180 143 / .45);background:var(--forest);color:#F2B48F;font:800 .85rem/1 var(--big,var(--fdisp));cursor:pointer;display:grid;place-items:center;padding:0;transition:background .3s,color .3s,border-color .3s,transform .3s var(--ease);z-index:1}
.stop.on,.stop.done{background:#F2B48F;color:var(--forest);border-color:#F2B48F}
.stop.on{transform:scale(1.18)}
.how2-cta{display:flex;justify-content:center;margin-top:clamp(14px,2.4vh,26px)}
@media (max-height:760px) and (min-width:901px){.hs .n{font-size:clamp(3rem,6vw,5.5rem)}.hs p{font-size:clamp(1.3rem,2.2vw,2rem)}.how2-photo{max-height:46vh}}
/* phones + reduced motion: a calm list, every step visible */
@media (max-width:900px),(prefers-reduced-motion:reduce){
  .how2-pin{min-height:0;display:block;padding:0 clamp(8px,1.4vw,18px)}
  .how2-stage{display:block}
  .how2-photo,.route{display:none}
  .how2-text{gap:26px}
  .hs{grid-area:auto;opacity:1;transform:none;grid-template-columns:auto 1fr;align-items:center;gap:16px;pointer-events:auto}
  .hs::after{content:"";grid-column:1/-1;display:block;aspect-ratio:16/9;border-radius:22px;background:var(--img) center/cover}
  .hs .n{font-size:3.2rem}.hs p{font-size:1.25rem}
}
.hs[data-i="0"]{--img:url(../assets/gal-01.webp)}
.hs[data-i="1"]{--img:url(../assets/act-veg.webp)}
.hs[data-i="2"]{--img:url(../assets/how-3.webp)}
.hs[data-i="3"]{--img:url(../assets/gal-10.webp)}
.hs[data-i="4"]{--img:url(../assets/how-5.webp)}
.hs[data-i="5"]{--img:url(../assets/gal-06.webp)}
.hs[data-i="6"]{--img:url(../assets/handover-once-poster.jpg)}
.hs[data-i="7"]{--img:url(../assets/gal-11.webp)}

/* ===== D round 12: editorial cleanup ===== */
:root{--ink2:#4A3B2C;--hair:#E3D6C2;--paper:#FFFCF6;--white:#FFFFFF}
h2,:where(h2).elementor-heading-title{font-size:clamp(2.1rem,3.6vw,3.3rem);line-height:1.12}
.sub{color:var(--ink2)!important}
.kick{color:var(--ink2);font:700 1rem var(--body);letter-spacing:0}
/* headings sit on the right edge of the grid (the statement line and the numbers stay centered) */
.about-head,.dbl .x-head,.pgrid .x-head,.how2-head{text-align:right!important;justify-items:start!important;margin-inline:0!important}
.dbl .x-head .sub,.pgrid .x-head .sub,.about-head .sub{margin-inline:0!important}
/* no floating cards anywhere */
.x-logo,.art,.wcard,.x-doc,.cform,.vmani .val .in,.acts6 .act,.dedi-table,.dframe,.how2-card,.how2-photo,.vmani .win,.x-gs{box-shadow:none!important}
/* one quiet entrance */
@media (prefers-reduced-motion:no-preference){.rv{opacity:0;transform:translateY(16px);transition:opacity .6s var(--ease),transform .6s var(--ease)}.rv.in{opacity:1;transform:none}}
/* the drawn lines go, the arrow to the "join us" button stays */
.mline-sec .dline,.dline.into,.pgrid + .impact::before{display:none!important}

/* 1. help */
.about{background:var(--paper);padding-block:clamp(72px,9vw,128px) clamp(110px,12vw,170px)}
.about-top{display:grid;grid-template-columns:1fr minmax(0,.95fr);gap:clamp(28px,5vw,88px);align-items:center;margin-bottom:clamp(48px,6vw,88px)}
.about-head{max-width:none!important;margin-bottom:0!important;gap:16px}
.about-head h2{font-size:clamp(2.3rem,4.2vw,3.8rem)}
.about-photo{margin:0;border-radius:18px;overflow:hidden;aspect-ratio:5/4}
.about-photo img{width:100%;height:100%;object-fit:cover}
.chips{display:grid!important;grid-template-columns:1fr 1fr;gap:0 28px!important;justify-content:stretch!important;margin-top:10px!important;width:100%}
.chips li{background:none!important;border:0!important;border-bottom:1px solid var(--hair)!important;border-radius:0!important;padding:12px 0!important;font-weight:700}
.acts-title{text-align:right!important;font-size:clamp(1.4rem,2.2vw,1.9rem)!important;margin-bottom:22px!important;padding-bottom:14px;border-bottom:1px solid var(--hair)}
.acts6{gap:clamp(22px,3vw,40px) clamp(16px,2vw,28px)!important}
.acts6 .act{display:block!important;aspect-ratio:auto!important;border-radius:0!important;overflow:visible!important;color:var(--ink)!important}
.acts6 .act img{position:static!important;display:block;width:100%!important;height:auto!important;aspect-ratio:4/3;object-fit:cover;border-radius:16px;transform:none!important}
.acts6 .act::after{display:none!important}
.acts6 .in{padding:14px 0 0!important;text-align:right!important;gap:4px}
.acts6 h3{font-size:1.25rem!important;color:var(--ink)}
.acts6 p{color:var(--ink2)!important;font-size:1rem!important}
@media (max-width:900px){.about-top{grid-template-columns:1fr}.about-photo{order:-1}}
.e-con:has(.about) + .e-con .impact{margin-top:calc(-1 * clamp(56px,7vw,110px))!important}

/* 3. statement line on white, coloured words with a thin underline instead of a block marker */
.mline-sec{background:var(--white)!important;padding-bottom:clamp(48px,6vw,90px)!important}
.mline .mk::after{inset:auto -.04em .02em -.04em!important;height:.11em!important;border-radius:2px!important;background:var(--coral)!important;opacity:.85}

/* 4. values: no box, text on the page */
.vmani{background:var(--paper)!important}
.vmani .mvid{opacity:.2!important}
.vmani .val .in{background:none!important;padding:18px 6px 0!important;border-radius:0!important}
.vmani .val p{color:var(--ink2)}

/* 5. partners: one panel, hairline cells */
.pgrid{background:var(--white)!important;padding-block:clamp(64px,8vw,110px)!important}
.pgrid .x-partners{gap:0!important;border:1px solid var(--hair);border-radius:16px;overflow:hidden;background:var(--white)}
.pgrid .x-logo{border:0!important;border-radius:0!important;background:var(--white)!important;box-shadow:inset -1px -1px 0 var(--hair)!important;height:clamp(104px,8.6vw,132px)!important;transform:none!important}
.pgrid .x-logo img{max-height:58%!important;max-width:74%!important;object-fit:contain}
.pgrid .x-logo.slot{background:var(--paper)!important;border:0!important}

/* 6. double good */
.dbl{background:var(--paper)}
.dfacts{gap:0!important;border-top:1px solid var(--hair);margin-top:clamp(28px,3vw,44px)!important}
.dfact{text-align:right!important;justify-items:start!important;padding:24px clamp(16px,3vw,48px) 0}
.dfact + .dfact{border-inline-start:1px solid var(--hair)}
.dfact b{color:var(--ink)!important}
.dfact p{color:var(--ink2)!important}
.dplus{box-shadow:none!important}

/* 7. how it works */
.how2{background:var(--paper)}
.hs .n{color:#F2B48F!important;-webkit-text-stroke:0!important;opacity:.95}

/* 8. testimonials */
.story .qnav button{border-width:1px!important}

/* 9. press: an editorial list, no cards */
.press{background:var(--white)!important}
.press-head{border-bottom:1px solid var(--ink);padding-bottom:18px;margin-bottom:0!important}
.arts{grid-template-columns:1fr!important;gap:0!important}
.art{display:grid!important;grid-template-columns:180px 1fr;align-items:center;border:0!important;border-bottom:1px solid var(--hair)!important;border-radius:0!important;background:none!important;transform:none!important;padding:18px 0}
.art:hover h3{color:var(--coral)}
.art .mast{height:auto!important;background:none!important;border:0!important;justify-items:start;place-items:center start!important}
.art .mast i{height:24px!important;width:120px!important;background:var(--ink2)!important}
.art .mast b{font:700 .98rem var(--body)!important;color:var(--ink2)}
.art .mast b.lat{font:800 1.1rem var(--body)!important}
.art .in{padding:0!important;display:grid!important;grid-template-columns:1fr auto;gap:6px 24px!important;align-items:center}
.art h3{font:700 clamp(1.05rem,1.5vw,1.25rem)/1.4 var(--body)!important;transition:color .2s}
.art .meta{margin:0!important;gap:24px!important}
.press-more{justify-content:flex-start!important}
@media (max-width:760px){.art{grid-template-columns:1fr;gap:8px}.art .in{grid-template-columns:1fr}}

/* 10. gallery */
.gal{background:var(--paper)}
.gal-grid figure:hover img{transform:none!important}

/* 11. dedication */
.dedi{background:#F3EADC!important}
.dedi-in{grid-template-columns:.85fr 1.15fr!important}
.dedi .field input{border:0!important;border-bottom:1.5px solid var(--ink2)!important;border-radius:0!important;background:none!important;padding:.6em 0!important}
.dedi-table{border-radius:18px!important}

/* 12-13. ways to give + transparency: one dark block, rows not cards */
.ways,.docs{background:var(--forest)!important;color:var(--on-forest)}
.ways{padding-bottom:clamp(36px,4vw,56px)!important}
.docs{padding-top:0!important;padding-bottom:clamp(72px,9vw,128px)!important}
.ways h2,.docs h2,.ways h3,.docs h3{color:var(--on-forest)}
.ways .sub,.docs .sub{color:color-mix(in srgb,var(--on-forest) 78%,transparent)!important}
.wgrid{grid-template-columns:1fr!important;gap:0!important;border-top:1px solid rgb(255 255 255 / .18)}
.wcard{display:grid!important;grid-template-columns:48px minmax(140px,220px) 1fr minmax(220px,auto);align-items:center;gap:18px!important;background:none!important;border:0!important;border-bottom:1px solid rgb(255 255 255 / .14)!important;border-radius:0!important;padding:18px 0!important}
.wcard .icn{width:44px!important;height:44px!important;border-radius:12px!important;background:rgb(242 180 143 / .12)!important;color:#F2B48F!important}
.wcard h3{font-size:1.2rem!important}
.wcard p{color:color-mix(in srgb,var(--on-forest) 75%,transparent)!important;font-size:.98rem!important}
.copyrow{margin:0!important;background:none!important;border:0!important;padding:0!important;justify-content:flex-end!important;gap:14px!important}
.copyrow span{color:var(--on-forest)}
.copyrow button,.copyrow a{background:#F2B48F!important;color:var(--forest)!important}
.x-docs{grid-template-columns:1fr!important;gap:0!important;border-top:1px solid rgb(255 255 255 / .18)}
.x-doc{background:none!important;border:0!important;border-bottom:1px solid rgb(255 255 255 / .14)!important;border-radius:0!important;grid-template-columns:48px 1fr auto!important;padding:16px 0!important;color:var(--on-forest)}
.x-doc .ic{grid-row:auto!important;width:44px!important;height:44px!important;background:rgb(242 180 143 / .12)!important;color:#F2B48F!important}
.x-doc small{color:color-mix(in srgb,var(--on-forest) 70%,transparent)!important}
.x-doc a{grid-column:auto!important;margin:0!important;color:#F2B48F!important}
.x-gs{background:none!important;border-radius:0!important;padding:20px 0 0!important}
.x-gs p{color:color-mix(in srgb,var(--on-forest) 78%,transparent)!important}
.x-gs .btn{color:var(--on-forest)}
@media (max-width:800px){.wcard{grid-template-columns:44px 1fr!important}.wcard p,.copyrow{grid-column:1/-1}.copyrow{justify-content:space-between!important}.x-doc{grid-template-columns:44px 1fr!important}.x-doc a{grid-column:1/-1!important}}

/* 14. closing: dark, the handover film stronger */
.close{background:#1E140B!important;color:var(--on-forest)}
.close .bgvid{opacity:.42!important}
.close::after{background:radial-gradient(ellipse 70% 70% at 50% 50%,rgb(30 20 11 / .35),rgb(30 20 11 / .85))!important}
.close h2{color:var(--on-forest)}
.close .sub{color:color-mix(in srgb,var(--on-forest) 82%,transparent)!important}
.close .emblem .hands path{fill:#C9A877}

/* 15. contact: lines, no boxes */
.contact{background:var(--paper)!important}
.cform{background:none!important;border:0!important;padding:0!important;border-radius:0!important}
.cform input:not([type="checkbox"]){border:0!important;border-bottom:1.5px solid var(--ink2)!important;border-radius:0!important;background:none!important;padding:.6em 0!important}
.quick{grid-template-columns:1fr 1fr;gap:0 28px!important}
.quick a{background:none!important;border:0!important;border-bottom:1px solid var(--hair)!important;border-radius:0!important;text-align:right!important;padding:14px 0!important;transform:none!important}
.quick a::after{content:" ←";color:var(--coral)}


/* round 12 fixes */
.impact .sub,.how2 .kick{color:color-mix(in srgb,var(--on-forest) 80%,transparent)!important}
.how2 .kick{color:#F2B48F!important}
.x-doc{grid-template-columns:48px minmax(160px,280px) 1fr auto!important}
.x-doc h3,.x-doc small{grid-column:auto!important}
.x-doc a{white-space:nowrap}
.pgrid .x-logo img{max-height:66%!important;max-width:78%!important}
@media (max-width:800px){.x-doc{grid-template-columns:44px 1fr!important}.x-doc small{grid-column:2!important}}

/* 16. footer */
.f-logo{width:190px!important}

.fgive{width:min(520px,40vw)!important}
.fgive .panel{padding:22px 24px!important}
.fgive .panel-top .leafset{width:84px!important}
.fgive .panel-top b{font-size:clamp(1.25rem,1.6vw,1.5rem)!important}
.fgive .panel-top span#unit-sub{font-size:1.02rem}
.fgive .ptog{width:52px;height:52px}
.fgive .ptog .ico{transform:rotate(180deg)!important}
.fgive.open .ptog .ico{transform:none!important}
.fgive .pbody .amt{font-size:1.3rem;padding:.85em .4em}
.fgive .pbody .btn-sun{font-size:1.25rem;padding:1.1em}
@media (max-width: 720px), (orientation: portrait) and (max-width: 1024px), (orientation: portrait) and (pointer: coarse), (orientation: landscape) and (pointer: coarse) and (max-height: 560px), (prefers-reduced-motion: reduce){.fgive{width:auto!important}}

/* ===== D round 13: 9 blocks ===== */
.impact{margin-top:0!important;width:min(1440px,calc(100% - 2 * var(--gut)))!important}
.e-con:has(.mline-sec) + .e-con .impact{margin-top:0!important}
.e-con:has(.film) + .e-con .mline-sec{background:var(--paper,#FFFCF6)!important;padding-top:clamp(64px,8vw,110px)!important}
/* header on scroll: no line under it, lighter background */
.top.solid{box-shadow:none!important;border:0!important;background:rgb(255 253 249 / .95)!important}
/* what each amount buys */
.tracks{background:var(--white,#fff);padding-block:clamp(72px,9vw,120px)}
.tracks-head{display:grid;gap:12px;margin-bottom:clamp(28px,4vw,48px)}
.trk-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,2.6vw,36px) clamp(14px,1.8vw,24px)}
.trk{display:grid;gap:6px;align-content:start;text-align:right;background:none;border:0;padding:0;color:var(--ink);font:inherit;cursor:pointer}
.trk img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px;margin-bottom:8px}
.trk.big{grid-column:span 2;grid-row:span 2}
.trk.big img{aspect-ratio:auto;height:clamp(260px,26vw,420px)}
.trk-p{font:800 clamp(1.6rem,2.4vw,2.2rem)/1 var(--big,var(--fdisp));color:var(--coral)}
.trk b{font:700 1.2rem var(--body)}
.trk-d{color:var(--ink2,#4A3B2C);font-size:1rem}
.trk-go{margin-top:6px;font-weight:700;color:var(--coral);border-bottom:1.5px solid currentColor;justify-self:start;padding-bottom:2px}
.trk:hover b{color:var(--coral)}
.trk:focus-visible{outline:3px solid var(--sun);outline-offset:6px;border-radius:16px}
@media (max-width:900px){.trk-grid{grid-template-columns:1fr 1fr}.trk.big{grid-column:span 2;grid-row:auto}}
/* who we are: help + statement + values read as one block */
.about{padding-bottom:clamp(40px,5vw,72px)!important}
.mline-sec{background:var(--paper,#FFFCF6)!important;padding-top:clamp(24px,3vw,40px)!important}
/* what each amount buys: full width, photo fading into white on the left, cards on the right */
.tracks2{position:relative;background:#fff;padding-block:clamp(96px,11vw,170px);overflow:hidden;isolation:isolate}
.tr2-photo{position:absolute;inset:0 auto 0 0;width:52%;z-index:-1}
.tr2-photo img{width:100%;height:100%;object-fit:cover;object-position:20% 50%;-webkit-mask:linear-gradient(to left,transparent 0%,rgb(0 0 0 / .35) 30%,#000 52%);mask:linear-gradient(to left,transparent 0%,rgb(0 0 0 / .35) 30%,#000 52%)}
.tr2-in{width:min(1440px,100%);margin:0 auto;padding-inline:var(--gut);display:grid;justify-items:start}
.tr2-in > *{width:min(62%,880px)}
.tr2-head{display:grid;gap:12px;margin-bottom:clamp(28px,3.4vw,44px)}
.tr2-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.4vw,18px)}
.tc{position:relative;isolation:isolate;overflow:hidden;display:grid;align-content:start;gap:8px;text-align:right;min-height:190px;padding:22px 22px 18px;background:#fff;border:1px solid var(--hair,#E3D6C2);border-radius:10px;color:var(--ink);font:inherit;cursor:pointer;transition:box-shadow .3s var(--ease),border-color .3s,transform .3s var(--ease)}
.tc::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--bg) center/cover;opacity:.13;transition:opacity .4s var(--ease)}
.tc::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,#fff 18%,rgb(255 255 255 / .55))}
.tc:hover,.tc:focus-visible{box-shadow:0 18px 38px -22px rgb(42 29 16 / .35);border-color:color-mix(in srgb,var(--coral) 35%,var(--hair,#E3D6C2))}
.tc:hover::before{opacity:.2}
.tc b{font:700 1.22rem/1.3 var(--body)}
.tc-d{color:var(--ink2,#4A3B2C);font-size:.98rem;line-height:1.45}
.tc-p{margin-top:auto;padding-top:12px;border-top:1px solid var(--hair,#E3D6C2);font-weight:700;color:var(--ink)}
.tc-p .num{color:var(--coral);font-size:1.15rem}
@media (prefers-reduced-motion:no-preference){.tc{opacity:0;transform:translateY(26px)}.tr2-grid.in .tc{opacity:1;transform:none;transition:opacity .6s var(--ease) var(--d),transform .6s var(--ease) var(--d),box-shadow .3s,border-color .3s}}
@media (max-width:1100px){.tr2-photo{width:44%}.tr2-in > *{width:66%}.tr2-grid{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.tr2-photo{position:relative;width:auto;height:260px}.tr2-photo img{-webkit-mask:linear-gradient(to top,transparent,#000 45%);mask:linear-gradient(to top,transparent,#000 45%)}.tracks2{padding-top:0}.tr2-in > *{width:100%}.tr2-in{margin-top:-30px}}
@media (max-width:560px){.tc{padding:14px 14px 12px;min-height:0;gap:6px}.tc b{font-size:1.02rem}.tc-d{font-size:.88rem}.tc-p{font-size:.9rem}.tc-p .num{font-size:1rem}}
/* trust block on white, documents in light */
.trust-head{display:grid;gap:12px;margin-bottom:clamp(30px,4vw,52px)}
.pgrid .x-head h3{font-size:clamp(1.3rem,2vw,1.7rem)}
.trust-docs{background:var(--white,#fff)!important;color:var(--ink)!important;padding-top:clamp(24px,3vw,40px)!important;padding-bottom:clamp(24px,3vw,40px)!important}
.trust-docs h2{color:var(--ink)!important;font-size:clamp(1.3rem,2vw,1.7rem)!important}
.trust-docs .sub,.trust-docs .x-gs p{color:var(--ink2,#4A3B2C)!important}
.trust-docs .x-docs{border-top:1px solid var(--hair,#E3D6C2)!important}
.trust-docs .x-doc{color:var(--ink)!important;border-bottom:1px solid var(--hair,#E3D6C2)!important}
.trust-docs .x-doc h3{color:var(--ink)!important}
.trust-docs .x-doc small{color:var(--ink2,#4A3B2C)!important}
.trust-docs .x-doc .ic{background:color-mix(in srgb,var(--coral) 10%,#fff)!important;color:var(--coral)!important}
.trust-docs .x-doc a{color:var(--coral)!important}
.trust-docs .x-gs .btn{color:var(--ink)!important}
.e-con:has(.trust-docs) + .e-con .press{padding-top:clamp(24px,3vw,40px)!important}
.press h2{font-size:clamp(1.3rem,2vw,1.7rem)!important}
.pgrid{padding-bottom:clamp(24px,3vw,40px)!important}

/* gallery carousel, centre mode */
.gal{background:var(--paper,#FFFCF6)!important;padding-block:clamp(64px,8vw,110px)!important;overflow:hidden}
.gal-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:14px;margin-bottom:clamp(24px,3vw,40px)!important}
.gcar{position:relative}
.gcar::before,.gcar::after{content:"";position:absolute;top:0;bottom:0;width:min(22vw,340px);z-index:2;pointer-events:none}
.gcar::before{right:0;background:linear-gradient(to left,var(--paper,#FFFCF6) 8%,rgb(255 252 246 / 0))}
.gcar::after{left:0;background:linear-gradient(to right,var(--paper,#FFFCF6) 8%,rgb(255 252 246 / 0))}
.gtrack{display:flex;gap:clamp(14px,2vw,28px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding-inline:calc((100% - min(62vw,900px)) / 2);outline:0}
.gtrack::-webkit-scrollbar{display:none}
.gs{flex:none;width:min(62vw,900px);aspect-ratio:16/10;margin:0;border-radius:20px;overflow:hidden;scroll-snap-align:center;transform:scale(.86);opacity:.55;transition:transform .6s var(--ease),opacity .6s var(--ease)}
.gs.on{transform:none;opacity:1}
.gs img{width:100%;height:100%;object-fit:cover;user-select:none}
.gnav{position:absolute;top:50%;translate:0 -50%;z-index:3;width:54px;height:54px;border-radius:50%;border:0;background:var(--forest);color:var(--on-forest);display:grid;place-items:center;cursor:pointer;transition:background .2s}
.gnav:hover{background:var(--coral)}
.gnav .ico{width:24px;height:24px}
.gprev{right:clamp(12px,calc((100% - min(62vw,900px)) / 2 - 27px),9999px)}
.gnext{left:clamp(12px,calc((100% - min(62vw,900px)) / 2 - 27px),9999px)}
.gdots{display:flex;justify-content:center;gap:8px;margin-top:22px}
.gd{width:9px;height:9px;border-radius:50%;border:0;padding:0;background:var(--hair,#E3D6C2);cursor:pointer;transition:width .3s var(--ease),background .3s}
.gd.on{width:28px;border-radius:9px;background:var(--coral)}
@media (max-width:760px){.gs{width:82vw}.gtrack{padding-inline:9vw}.gcar::before,.gcar::after{width:9vw}.gnav{display:none}}
@media (prefers-reduced-motion:reduce){.gtrack{scroll-behavior:auto}.gs{transition:none}}
.about-p{font-size:clamp(1.12rem,1.4vw,1.3rem)!important;line-height:1.7;max-width:46ch}
.about-cta{justify-self:start;margin-top:10px;font-size:1.1rem;padding:1em 1.8em}

/* help: centred, no photo, a line drawn down from the numbers */
.about{padding-top:0!important}
.about-line{display:block!important;margin:0 auto clamp(28px,3vw,44px)!important;height:clamp(110px,12vw,170px)!important}
.about-top{grid-template-columns:1fr!important;justify-items:center;margin-bottom:clamp(44px,5vw,72px)!important}
.about-head{text-align:center!important;justify-items:center!important;margin-inline:auto!important;max-width:820px!important}
.about-head .sub,.about-p{margin-inline:auto!important;text-align:center}
.about-cta{justify-self:center!important;white-space:normal;text-align:center;max-width:100%}
.about-top,.about-head{min-width:0;max-width:100%}
.acts-title{text-align:center!important;border-bottom:0!important;padding-bottom:0!important;margin-bottom:24px!important}
/* no gap before the next section */
.about{padding-bottom:0!important}
/* activities: one full-bleed row, 1px gaps, sides fade out, square corners */
.actrow{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;width:100vw;margin-inline:calc(50% - 50vw);-webkit-mask:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%);mask:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%)}
.atile{position:relative;margin:0;aspect-ratio:3/2.05;overflow:hidden;border-radius:0}
.atile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.atile::after{content:"";position:absolute;inset:0;background:linear-gradient(to top left,rgb(20 12 6 / .9) 0%,rgb(20 12 6 / .62) 24%,rgb(20 12 6 / 0) 55%)}
.atile figcaption{position:absolute;right:0;left:0;bottom:0;z-index:1;padding:0 clamp(12px,1.2vw,20px) clamp(12px,1.2vw,18px);display:grid;gap:4px;color:#fff;text-align:right;max-width:92%}
.atile b{font:700 clamp(.76rem,.78vw,.95rem)/1.3 var(--body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 8px rgb(0 0 0 / .45)}
.atile span{font-size:clamp(.74rem,.78vw,.88rem);line-height:1.4;color:rgb(255 255 255 / .86)}
@media (max-width:900px){.actrow{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-mask:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);mask:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}.actrow::-webkit-scrollbar{display:none}.atile{flex:none;width:62vw;scroll-snap-align:center}}

/* ===== hero-only page: soup film ===== */
@font-face{font-family:"Caesarea";src:url(../fonts/caesarea-light.woff2) format("woff2");font-weight:300;font-display:swap;unicode-range:U+0000-20A9,U+20AB-FFFF}
@font-face{font-family:"Caesarea";src:url(../fonts/caesarea-regular.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-20A9,U+20AB-FFFF}
@font-face{font-family:"Caesarea";src:url(../fonts/caesarea-medium.woff2) format("woff2");font-weight:500;font-display:swap;unicode-range:U+0000-20A9,U+20AB-FFFF}
@font-face{font-family:"Caesarea";src:url(../fonts/caesarea-semibold.woff2) format("woff2");font-weight:600;font-display:swap;unicode-range:U+0000-20A9,U+20AB-FFFF}
@font-face{font-family:"Caesarea";src:url(../fonts/caesarea-bold.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0000-20A9,U+20AB-FFFF}
@font-face{font-family:"Caesarea";src:url(../fonts/caesarea-extrabold.woff2) format("woff2");font-weight:800 900;font-display:swap;unicode-range:U+0000-20A9,U+20AB-FFFF}

/* one typeface everywhere: Caesarea */
:root:root{--fdisp:"Caesarea","Arial Hebrew",Arial,sans-serif;--body:"Caesarea","Arial Hebrew",Arial,sans-serif;--serif:"Caesarea","Arial Hebrew",Arial,sans-serif;--big:"Caesarea","Arial Hebrew",Arial,sans-serif;
  --hs:clamp(2.3rem,4.5vw,5.6rem);--brown:#2B1B0E;--edge:clamp(20px,2.4vw,40px);--pad:clamp(24px,2vw,36px);--max:1440px}
/* content area locked to 1440px; --side = distance from the screen edge to the content edge */
.film,.road,.acts2{--side:max(var(--edge),calc((100% - var(--max)) / 2))}
.top .wrap{width:min(var(--max),100% - 2 * var(--edge));max-width:none;margin-inline:auto;padding-inline:0}
body,button,input,select,textarea{font-family:var(--body)}

html{direction:rtl}
.film.soup{height:100vh;height:100svh;min-height:620px}
.soup .fstage{position:relative;height:100%;background:#2A2016}
.soup .fstage .fposter,.soup .fstage video{object-position:50% 50%;background-position:50% 50%}
.soup .fstage video{opacity:0;transition:opacity 1.2s var(--ease)}
.soup .fstage.video-ready video{opacity:1}

/* legibility: a warm shade under the header and behind the copy on the right (the blurred half) */
.sscrim{position:absolute;inset:0;pointer-events:none;z-index:1;
  background:
    linear-gradient(180deg,rgb(30 20 11 / .55) 0,rgb(30 20 11 / 0) 170px),
    linear-gradient(270deg,rgb(30 20 11 / .52) 0%,rgb(30 20 11 / .34) 32%,rgb(30 20 11 / .08) 50%,rgb(30 20 11 / 0) 58%),
    linear-gradient(0deg,rgb(30 20 11 / .45) 0,rgb(30 20 11 / 0) 40%)}
.top{z-index:20}

/* the copy: right 45%, low in the frame, big white, words load in, lines change */
.scopy{position:absolute;z-index:3;inset-inline-start:var(--side);bottom:var(--edge);
  width:calc(min(100%,var(--max)) * .45);color:#fff;padding-inline-start:0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.slogo{display:block;height:clamp(80px,8.6vw,140px);width:auto;margin-bottom:clamp(4px,.8vh,10px);fill:#fff;overflow:visible;filter:drop-shadow(0 2px 14px rgb(20 12 4 / .35))}
.slogo{--ld:1.35s}
/* the headline starts first (0.35 s); the logo builds one second later. logo build: letters right to left, then the tagline, then the hands, then the leaves one by one */
.slogo .lw{opacity:0;animation:lwIn .8s var(--ease) forwards;animation-delay:calc(var(--ld) + var(--i) * 90ms)}
.slogo .lsm{opacity:0;animation:lfade .9s ease forwards calc(var(--ld) + 1.15s)}
.slogo .lhd{opacity:0;transform-box:fill-box;transform-origin:50% 100%;animation:lhdIn 1.1s var(--ease) forwards calc(var(--ld) + 1.65s)}
.slogo .llf{opacity:0;animation:llfIn .75s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:calc(var(--ld) + 2.3s + var(--i) * 130ms)}
@keyframes lwIn{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}
@keyframes lfade{to{opacity:1}}
@keyframes lhdIn{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}
@keyframes llfIn{from{opacity:0;transform:scale(0)}to{opacity:1;transform:none}}
.slines{position:relative;display:grid}
.sabout{margin:clamp(18px,2.8vh,30px) 0 0;max-width:27em;font:400 calc(var(--hs) * .3)/1.55 "Caesarea",var(--body);color:rgb(255 255 255 / .92);text-shadow:0 1px 12px rgb(20 12 4 / .5)}
.sline{grid-area:1/1;margin:0;font:300 var(--hs)/1.08 "Caesarea",var(--fdisp);letter-spacing:-.01em;
  text-wrap:balance;text-shadow:0 2px 24px rgb(20 12 4 / .45),0 1px 2px rgb(20 12 4 / .35);visibility:hidden}
.sline .ln{display:block}
.sline .w{display:inline-block;opacity:0;transform:translateY(.42em);filter:blur(8px);
  transition:opacity 1.6s var(--ease),transform 2.2s var(--ease),filter 1.6s var(--ease);transition-delay:calc(var(--d) * 190ms)}
.sline.on{visibility:visible}
.sline.on .w{opacity:1;transform:none;filter:none}
.sline.out{visibility:visible}
.sline.out .w{opacity:0;transform:translateY(-.3em);filter:blur(6px);transition-duration:1.1s;transition-delay:calc(var(--d) * 60ms)}
.sline em{font-style:normal;font-weight:400;color:var(--sun)}
.sline .num{font-variant-numeric:lining-nums}

/* donation box: bottom-left corner, as in D */
.soup .fgive{z-index:6;left:var(--side)}

/* the line: starts 10px right of the copy's edge and draws down into the film box as you scroll */
.thread{position:absolute;top:0;left:0;width:100%;pointer-events:none;z-index:8;overflow:visible}
.thread path{fill:none;stroke:var(--sun);stroke-width:2;stroke-linecap:round}
.thread circle{fill:var(--sun)}
.thread #t2path{stroke:url(#tg2);stroke-width:2}
.thread #t2end{fill:#fff;transform-box:fill-box;transform-origin:center;transform:scale(0);transition:transform .6s var(--ease)}
.thread #t2end.on{transform:scale(1)}
/* room above the numbers title for the line that drops into the box */
.e-con:has(.acts2) + .e-con .impact{padding-top:clamp(150px,13vw,210px)!important}

/* next section: D's film in a box (right), title + text (left) */
.road{position:relative;overflow:hidden;isolation:isolate;background:var(--bg,#FBF6EE);color:var(--brown);min-height:100vh;min-height:100svh;display:grid;align-content:center;padding:clamp(140px,20vh,240px) 0 clamp(140px,20vh,240px)}
.road .rin{width:min(var(--max),100% - 2 * var(--edge));margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(40px,6vw,120px);align-items:center}
.rtext{order:-1}
.rbox{position:relative;aspect-ratio:16/9;border-radius:22px;overflow:hidden;background:#1E140B;
  clip-path:inset(0 0 100% 0 round 22px);transition:clip-path 1.4s var(--ease)}
.rbox.in{clip-path:inset(0 0 0 0 round 22px)}
.rbox video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.rtext h2{margin:0;font:300 calc(var(--hs) * .625)/1.12 "Caesarea",var(--fdisp);color:var(--brown);letter-spacing:-.005em;text-wrap:balance}
.rtext h2 span{display:block;white-space:nowrap}
.rtext .rend{font-weight:500;margin-top:clamp(18px,2.6vh,28px)}
/* faint photo of the boy at the table, left side, fading to white by ~40% of the section */
.rbg{position:absolute;z-index:-1;inset:0 auto 0 0;width:40%;background:url(../assets/kid-bg.webp?v=1793282109) left center/cover no-repeat;opacity:.13;
  -webkit-mask:linear-gradient(to right,#000 0,#000 25%,transparent 100%),linear-gradient(to top,transparent 0,#000 22%);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(to right,#000 0,#000 25%,transparent 100%),linear-gradient(to top,transparent 0,#000 22%);mask-composite:intersect}
.rtext p{margin:clamp(14px,2vh,22px) 0 0;max-width:32em;font:300 max(1.33rem,calc(var(--hs) * .1875))/1.6 "Caesarea",var(--body);color:var(--brown)}


/* buttons under the text */
.racts{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(20px,3vh,32px)}
.racts .btn{font-family:var(--body);font-size:1.05rem;padding:.85em 1.6em}
.rbtn-line{background:transparent;color:var(--brown);box-shadow:inset 0 0 0 1.5px var(--brown)}
.rbtn-line:hover{background:var(--brown);color:#fff}

/* mirrored section: title + text + photo on the right, activities grid on the left */
.acts2{position:relative;background:#fff;color:var(--brown);padding:clamp(90px,12vh,150px) 0 clamp(320px,36vh,420px)}
.ain{width:min(var(--max),100% - 2 * var(--edge));margin-inline:auto;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(32px,5vw,96px);align-items:center}
.ain .agrid{order:-1}
/* same type sizes as the section above (road) */
.aside h2{margin:0;font:300 calc(var(--hs) * .625)/1.12 "Caesarea",var(--fdisp);color:var(--brown);text-wrap:balance}
.aside p{margin:clamp(14px,2vh,22px) 0 0;max-width:32em;font:300 max(1.33rem,calc(var(--hs) * .1875))/1.6 "Caesarea",var(--body)}
/* the kids photo is now a faint background on the left of the section, fading toward the icons and at the bottom */
.aside h2,.aside p,.aside .racts,.agrid{position:relative;z-index:1}
.aphoto{position:absolute;z-index:0;inset:0 auto 0 0;width:50%;margin:0;opacity:.09;pointer-events:none;overflow:hidden}
.aphoto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:80% 40%;
  -webkit-mask:linear-gradient(to right,#000 35%,transparent 100%),linear-gradient(to top,transparent 0,#000 30%);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(to right,#000 35%,transparent 100%),linear-gradient(to top,transparent 0,#000 30%);mask-composite:intersect}
.agrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(36px,4.5vw,64px) clamp(24px,3vw,48px)}
.ic{display:grid;justify-items:center;text-align:center;gap:10px}
/* the circle is an ::after sitting up and to the right of the icon; on hover it slides under the icon and the icon turns white */
.icirc{position:relative;isolation:isolate;width:clamp(88px,7vw,112px);aspect-ratio:1;display:grid;place-items:center;margin-bottom:8px}
.icirc::after{content:"";position:absolute;z-index:-1;width:58%;aspect-ratio:1;border-radius:50%;background:rgb(43 27 14 / .1);top:9%;right:9%;
  transition:width .5s var(--ease),top .5s var(--ease),right .5s var(--ease),background .4s}
.icirc svg{position:relative;width:64%;height:64%;stroke:var(--brown);stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:stroke .35s}
.ic:hover .icirc::after{width:100%;top:0;right:0;background:var(--brown)}
.ic:hover .icirc svg{stroke:#fff}
.ic b{font:500 clamp(1.3rem,1.5vw,1.6rem)/1.25 "Caesarea",var(--fdisp);color:var(--brown)}
.ic .idesc{max-width:19em;font:300 clamp(1rem,1.05vw,1.12rem)/1.55 "Caesarea",var(--body);color:var(--brown);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.agrid .ic{opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease),transform 1.1s var(--ease);transition-delay:calc(var(--i,0) * 90ms)}
.agrid.in .ic{opacity:1;transform:none}

/* D's numbers box sits on the seam under the activities */
.e-con:has(.acts2) + .e-con .impact{margin-top:calc(-1 * clamp(80px,9vw,130px))!important;margin-bottom:clamp(80px,10vh,140px)!important}

/* partners: portfolio wall, same canvas and same object size for every logo; rows of 5 / 5 / 3 as on the source site */
.partners2{background:var(--bg,#FBF6EE);color:var(--brown);padding:clamp(40px,6vh,80px) 0 clamp(90px,12vh,150px)}
.pin{width:min(var(--max),100% - 2 * var(--edge));margin-inline:auto;text-align:center}
.pin h2{margin:0;font:300 calc(var(--hs) * .625)/1.12 "Caesarea",var(--fdisp);color:var(--brown)}
.pin>p{margin:14px auto 0;max-width:36em;font:300 max(1.2rem,calc(var(--hs) * .17))/1.6 "Caesarea",var(--body)}
.pgrid2{list-style:none;margin:clamp(36px,5vh,60px) 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(14px,1.6vw,24px)}
.plg{flex:0 0 calc((100% - 4 * clamp(14px,1.6vw,24px)) / 5);aspect-ratio:3/2;background:#fff;border-radius:18px;box-shadow:0 0 0 1px rgb(43 27 14 / .08);overflow:hidden;
  transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.plg img{display:block;width:100%;height:100%;object-fit:contain}
.plg:hover{transform:translateY(-4px);box-shadow:0 0 0 1px rgb(43 27 14 / .1),0 22px 40px -24px rgb(43 27 14 / .45)}
/* testimonials: D's box at this page's content width */
.story{width:min(var(--max),100% - 2 * var(--edge));margin:0 auto clamp(90px,12vh,150px)!important}
.story .quote blockquote{font-family:"Caesarea",var(--fdisp)}

/* how it works: pinned, scroll walks through 8 steps; text right, photo left with a line and a numbered circle */
.how3{position:relative;height:calc(100vh + 8 * 60vh);background:var(--bg,#FBF6EE);color:var(--brown)}
.h3pin{position:sticky;top:0;height:100vh;height:100svh;display:flex;flex-direction:column;justify-content:center;gap:clamp(24px,4vh,48px);overflow:hidden;padding-top:70px}
.h3pin>h2{margin:0;text-align:center;font:300 calc(var(--hs) * .625)/1.12 "Caesarea",var(--fdisp);color:var(--brown)}
.h3in{width:min(var(--max),100% - 2 * var(--edge));margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,120px);align-items:center}
.h3text h2{margin:0 0 clamp(22px,4vh,44px);font:300 calc(var(--hs) * .625)/1.12 "Caesarea",var(--fdisp)}
.h3steps{display:grid}
.hstep{grid-area:1/1;opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease),transform .9s var(--ease);pointer-events:none}
.hstep.on{opacity:1;transform:none;pointer-events:auto}
.hstep.past{transform:translateY(-28px)}
.hnum{display:block;font:500 1rem "Caesarea",var(--body);color:var(--sun);margin-bottom:10px}
.hstep h3{margin:0;font:400 calc(var(--hs) * .42)/1.2 "Caesarea",var(--fdisp);color:var(--brown);text-wrap:balance}
.hstep p{margin:16px 0 0;max-width:30em;font:300 max(1.2rem,calc(var(--hs) * .17))/1.65 "Caesarea",var(--body)}
.h3img{position:relative;height:56svh}
.h3img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity 1s var(--ease),transform 1.6s var(--ease);
  -webkit-mask:linear-gradient(to bottom,transparent 0,#000 22%,#000 78%,transparent 100%);mask:linear-gradient(to bottom,transparent 0,#000 22%,#000 78%,transparent 100%)}
.h3img img.on{opacity:1;transform:none}
.h3circ{position:absolute;right:0;left:auto;top:50%;translate:50% -50%;z-index:2;width:clamp(64px,5.4vw,84px);aspect-ratio:1;border-radius:50%;background:rgb(255 255 255 / .55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#111;
  display:grid;place-items:center;box-shadow:0 0 0 2px rgb(255 255 255 / .7),0 18px 40px -16px rgb(43 27 14 / .45);font:500 clamp(1.6rem,2.2vw,2.2rem)/1 "Caesarea",var(--fdisp)}
.h3circ b{font:inherit;transition:opacity .35s,transform .45s var(--ease)}
.h3circ b.swap{opacity:0;transform:translateY(8px)}
.thread #t3path{stroke:var(--sun);stroke-width:2}


/* ===== gallery: 3D coverflow, drag / swipe / arrows / keys, no autoplay ===== */
.g3,.pr3{background:var(--bg,#FBF6EE);color:var(--brown);padding:clamp(80px,11vh,140px) 0 clamp(60px,8vh,100px);overflow:hidden}
.g3head{width:min(var(--max),100% - 2 * var(--edge));margin:0 auto clamp(30px,5vh,56px)}
.g3head h2{margin:0;font:300 calc(var(--hs) * .625)/1.12 "Caesarea",var(--fdisp)}
.g3head p{margin:14px 0 0;max-width:34em;font:300 max(1.2rem,calc(var(--hs) * .17))/1.6 "Caesarea",var(--body)}
.g3stage{position:relative;height:clamp(240px,27vw,500px);perspective:1600px;touch-action:pan-y;cursor:grab;user-select:none}
.g3stage.drag{cursor:grabbing}
.g3s{position:absolute;left:50%;top:0;margin:0;width:clamp(380px,44vw,800px);height:100%;translate:-50% 0;border-radius:22px;overflow:hidden;background:#2B1B0E;
  transform-style:preserve-3d;will-change:transform,opacity;box-shadow:0 30px 60px -36px rgb(43 27 14 / .55)}
.g3s img{width:100%;height:100%;object-fit:cover;pointer-events:none}
.g3s::after{content:"";position:absolute;inset:0;background:rgb(251 246 238 / var(--dim,0));transition:none}
.g3bar{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:clamp(22px,3vh,36px)}
.cnav{width:52px;height:52px;border-radius:50%;border:1.5px solid rgb(43 27 14 / .3);background:transparent;color:var(--brown);display:grid;place-items:center;cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.cnav:hover{background:var(--brown);color:#fff;border-color:var(--brown)}
.ccount{min-width:64px;text-align:center;font:400 1rem "Caesarea",var(--body)}

/* ===== press: center mode, 5 on desktop, 1 + two halves on phones, faded sides ===== */
.pr3{background:#fff}
.pr3stage{position:relative;height:clamp(300px,24vw,340px);touch-action:pan-y;cursor:grab;user-select:none;
  -webkit-mask:linear-gradient(to right,transparent 0,#000 12%,#000 88%,transparent 100%);mask:linear-gradient(to right,transparent 0,#000 12%,#000 88%,transparent 100%)}
.pc{position:absolute;left:50%;top:0;width:clamp(260px,22vw,330px);height:100%;translate:-50% 0;display:flex;flex-direction:column;gap:14px;padding:26px 24px;border-radius:20px;
  background:var(--bg,#FBF6EE);color:var(--brown);text-decoration:none;box-shadow:0 0 0 1px rgb(43 27 14 / .07);will-change:transform,opacity}
.pc.on{background:#fff;box-shadow:0 0 0 1px rgb(43 27 14 / .1),0 28px 50px -30px rgb(43 27 14 / .45)}
.pmast{height:40px;display:flex;align-items:center}
.pmask{display:block;width:120px;height:34px;background:var(--brown);-webkit-mask:var(--m) right center/contain no-repeat;mask:var(--m) right center/contain no-repeat}
.pname{font:500 1.05rem "Caesarea",var(--fdisp);color:var(--sun)}
.pname.lat{font-family:Arial,sans-serif;font-weight:700;letter-spacing:.02em}
.pc h3{margin:0;flex:1;font:400 clamp(1.2rem,1.45vw,1.45rem)/1.35 "Caesarea",var(--fdisp);color:var(--brown)}
.pmeta{display:flex;justify-content:space-between;align-items:center;gap:10px;font:300 .95rem "Caesarea",var(--body)}
.pgo{color:var(--sun);font-weight:500}

/* ===== footer, in the old site's structure: contact / form / quick links ===== */
footer.f3{position:relative;background:#22160C;color:rgb(255 255 255 / .86);padding:clamp(70px,9vh,110px) 0 0;isolation:isolate;overflow:hidden}
footer.f3::before{content:"";position:absolute;inset:0;z-index:-1;background:url(../assets/gal-06.webp) center/cover no-repeat;opacity:.08}
.f3in{width:min(var(--max),100% - 2 * var(--edge));margin:0 auto;display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr;gap:clamp(28px,4vw,64px)}
.f3brand img{height:clamp(70px,6vw,96px);width:auto;filter:brightness(0) invert(1);opacity:.95}
.f3brand p{margin:16px 0 0;max-width:24em;font:300 1.05rem/1.6 "Caesarea",var(--body)}
.f3col h4,.f3col h2{margin:0 0 18px;font:500 1.3rem "Caesarea",var(--fdisp);color:#fff}
.f3list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.f3list a,.f3row{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font:300 1.05rem/1.4 "Caesarea",var(--body)}
.f3list a:hover{color:#F2B48F}
.f3list svg{flex:none;width:20px;height:20px;fill:none;stroke:#F2B48F;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.f3social{display:flex;gap:10px;margin-top:20px}
.f3social a{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgb(255 255 255 / .1);color:#fff;font:600 .85rem Arial,sans-serif;text-decoration:none;transition:background .25s}
.f3social a:hover{background:var(--sun)}
.f3form{display:grid;gap:10px}
.f3form input:not([type=checkbox]){height:48px;border-radius:12px;border:1px solid rgb(255 255 255 / .18);background:rgb(255 255 255 / .06);color:#fff;padding:0 14px;font:300 1rem "Caesarea",var(--body)}
.f3form input::placeholder{color:rgb(255 255 255 / .55)}
.f3form input:focus{outline:2px solid #F2B48F;outline-offset:1px}
.f3ok{display:flex;gap:8px;align-items:center;font:300 .95rem "Caesarea",var(--body)}
.f3ok a{color:#F2B48F}
.f3form .btn{justify-self:start;padding:.8em 2.4em}
.f3done{margin:0;color:#F2B48F}
.f3will{width:min(var(--max),100% - 2 * var(--edge));margin:clamp(40px,6vh,64px) auto 0;padding-top:22px;border-top:1px solid rgb(255 255 255 / .12);font:300 1rem "Caesarea",var(--body)}
.f3will a{color:#F2B48F}
.f3base{width:min(var(--max),100% - 2 * var(--edge));margin:18px auto 0;padding:18px 0 26px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font:300 .92rem "Caesarea",var(--body);color:rgb(255 255 255 / .6)}
.f3base nav{display:flex;gap:18px}
.f3base a{color:inherit;text-decoration:none}
.f3base a:hover{color:#fff}

/* headline: desktop lines vs phone lines */
.sline .lm{display:none}

/* from the numbers box down, the page is white (cream stays only above it) */
body{background:#fff}
.partners2,.how3,.g3,.pr3{background:#fff!important}
.plg{box-shadow:0 0 0 1px rgb(43 27 14 / .1)}
.pc{background:#FBF8F3}

/* gallery: centered heading, carousel spans the full page width (past the 1440 container) */
.g3 .g3head{text-align:center}
.g3 .g3bar{margin-top:clamp(48px,7vh,80px)}
.g3 .g3head p{margin-inline:auto;max-width:44em;text-wrap:balance}
.g3stage{width:100%}
/* press cards: article image on top */
.pc{padding:0 0 22px;overflow:hidden}
.pc>:not(.pimg){margin-inline:22px}
.pimg{display:block;aspect-ratio:16/9;margin:0 0 4px;overflow:hidden;background:#EFE8DD}
.pimg img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s var(--ease)}
.pc:hover .pimg img{transform:scale(1.04)}
.pr3stage{height:clamp(470px,34vw,520px)}

/* floating donation box: half on the page, half over the footer (hero panel look) */
.give2{position:relative;z-index:6;margin-bottom:calc(-1 * clamp(120px,12vw,170px));padding:0 0 0}
.g2box{width:min(var(--max),100% - 2 * var(--edge));margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,72px);align-items:center;
  padding:clamp(28px,3.4vw,52px)!important;border-radius:28px}
.g2box{box-shadow:0 0 0 1px rgb(242 180 143 / .5),0 0 40px 4px rgb(242 180 143 / .35),0 40px 100px -10px rgb(30 20 11 / .32),0 18px 36px -12px rgb(30 20 11 / .28),0 70px 120px -40px rgb(30 20 11 / .6)!important}
.g2leaves{display:block;width:96px;margin-bottom:8px}
.g2leaves svg{width:100%;height:auto;display:block}
.g2text h2{margin:0;font:400 calc(var(--hs) * .5)/1.15 "Caesarea",var(--fdisp);color:var(--brown)}
.g2text h2 .pk{color:var(--sun)}
.g2sub{margin:8px 0 0;font:500 1.15rem "Caesarea",var(--body);color:var(--brown)}
.g2lead{margin:16px 0 0;max-width:30em;font:300 max(1.15rem,calc(var(--hs) * .17))/1.6 "Caesarea",var(--body);color:var(--brown)}
.g2form .amounts{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.g2form .custom{margin-top:10px}
.g2form .btn-sun{width:100%;margin-top:12px;font-size:1.2rem;padding:1em}
footer.f3{padding-top:calc(clamp(120px,12vw,170px) + clamp(100px,12vh,150px))}

/* gallery: infinite strip from edge to edge; hover pauses it and zooms the image 1.25; click opens a lightbox */
.g4{position:relative;width:100%;overflow:hidden;padding:clamp(48px,5vw,72px) 0}
.g4track{list-style:none;margin:0;padding:0;display:flex;gap:clamp(12px,1.4vw,22px);width:max-content;animation:g4run 70s linear infinite}
.g4:hover .g4track,.g4:focus-within .g4track{animation-play-state:paused}
@keyframes g4run{from{transform:translateX(0)}to{transform:translateX(50%)}}
.g4track li{flex:none}
.g4i{display:block;padding:0;border:0;background:none;cursor:zoom-in;border-radius:16px;position:relative;z-index:1;
  transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.g4i img{display:block;height:clamp(200px,19vw,300px);width:auto;aspect-ratio:4/3;object-fit:cover;border-radius:16px}
.g4i:hover,.g4i:focus-visible{transform:scale(1.25);z-index:5;box-shadow:0 30px 60px -24px rgb(30 20 11 / .55)}
.g4lb{border:0;padding:0;background:transparent;max-width:min(92vw,1300px);max-height:92svh;overflow:visible}
.g4lb::backdrop{background:rgb(20 16 12 / .88)}
.g4lb figure{margin:0}
.g4lb img{display:block;max-width:min(92vw,1300px);max-height:82svh;object-fit:contain;border-radius:12px;margin-inline:auto}
.g4lb figcaption{color:#fff;text-align:center;margin-top:12px;font:400 1.05rem "Caesarea",var(--body)}
.g4x,.g4nav{position:fixed;width:52px;height:52px;border-radius:50%;border:0;background:#fff;color:var(--brown);display:grid;place-items:center;cursor:pointer}
.g4x{top:18px;left:18px}.g4x svg{width:22px;height:22px;stroke:currentColor;stroke-width:2;fill:none}
.g4prev{right:18px;top:50%;translate:0 -50%}.g4next{left:18px;top:50%;translate:0 -50%}
/* road section, per Rotem's local CSS screenshot (25.10.2026): 4:3 film box, tighter gap, larger title, calmer paragraph */
.road .rin{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)!important;gap:clamp(32px,2.8vw,56px)!important}
.rbox{aspect-ratio:4/3!important}
.rtext h2{font-size:calc(var(--hs) * .7)!important}
.rtext p{font-size:max(1.2rem,calc(var(--hs) * .17))!important;line-height:1.6!important}
/* numbers: visible dividers, two-line labels, larger figures */
.impact .nums>div+div{border-inline-start:1px solid rgb(255 255 255 / .28)!important}
.impact .nums b{font-size:clamp(2.6rem,5vw,4.8rem)!important}
.impact .nums span{line-height:1.35}

/* faint logo emblem as texture in the white sections; leaves open/close with scroll */
.road,.acts2,.partners2,.g3,.pr3{position:relative;isolation:isolate}
.deco{position:absolute;z-index:-1;pointer-events:none;width:clamp(240px,26vw,460px);color:var(--brown);opacity:.022}
.deco svg{display:block;width:100%;height:auto;fill:currentColor;overflow:visible;transform:rotate(var(--rot,0deg));transition:transform 3s cubic-bezier(.22,1,.36,1)}
.d-r{right:-6vw}.d-l{left:-6vw}
.d-l svg{scale:-1 1}
.d-low{top:50%;translate:0 -40%}.d-mid{top:50%;translate:0 -50%}
.g3 .deco{top:4%;translate:none;width:clamp(200px,18vw,340px)}
.acts2 .deco{opacity:.018}
@media (max-width:720px){.deco{width:62vw;opacity:.018}}
/* press: text on the right third (vertically centered), carousel on the left two thirds */
.pr3in{width:min(var(--max),100% - 2 * var(--edge));margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:clamp(28px,4vw,72px);align-items:center}
.pr3in .pr3text{width:auto;margin:0}
.pr3car{min-width:0}
.pr3car .pr3stage{overflow:hidden}
@media (max-width:900px){.pr3in{grid-template-columns:1fr;width:auto}.pr3in .pr3text{margin-inline:var(--gut)}}

/* how it works, direction A: large photo, horizontal route with 8 stations, step text below (normal scroll) */
.how3.h4{height:auto!important;background:#fff;padding:clamp(80px,10vh,130px) 0}
.h4in{width:min(var(--max),100% - 2 * var(--edge));margin-inline:auto}
.h4in>h2{margin:0 0 clamp(26px,3.5vh,44px);text-align:center;font:300 calc(var(--hs) * .625)/1.12 "Caesarea",var(--fdisp);color:var(--brown)}
.h4photo{position:relative;aspect-ratio:12/5;border-radius:24px;overflow:hidden;background:#EFE8DD}
.h4photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.03);transition:opacity .9s var(--ease),transform 1.4s var(--ease)}
.h4photo img.on{opacity:1;transform:none}
.h4route{position:relative;margin:clamp(26px,3.5vh,40px) auto 0;width:min(100%,1100px)}
.h4line{position:absolute;inset-inline:calc(100% / 16);top:50%;height:2px;translate:0 -50%;background:var(--line,#E4DDD2)}
.h4line b{position:absolute;inset-block:0;inset-inline-start:0;width:calc(var(--p,0) * 100%);background:var(--sun);transition:width .6s var(--ease)}
.h4stops{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(8,1fr);justify-items:center}
.h4stop{width:48px;height:48px;border-radius:50%;border:2px solid var(--line,#E4DDD2);background:#fff;color:var(--brown);font:600 1.05rem "Caesarea",var(--body);cursor:pointer;display:grid;place-items:center;transition:background .3s,border-color .3s,color .3s,transform .3s var(--ease)}
.h4stop:hover{border-color:var(--sun)}
.h4stop.done{background:var(--sun);border-color:var(--sun);color:#fff}
.h4stop.on{background:var(--sun);border-color:var(--sun);color:#fff;transform:scale(1.22);box-shadow:0 0 0 6px rgb(182 74 36 / .14)}
.h4body{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin:clamp(22px,3vh,34px) auto 0;width:min(100%,900px)}
.h4texts{display:grid;text-align:center;min-height:9.5em}
.h4step{grid-area:1/1}
.h4step[hidden]{display:block!important;visibility:hidden;opacity:0}
.h4step{transition:opacity .45s ease}
.h4n{display:block;font:500 1rem "Caesarea",var(--body);color:var(--sun)}
.h4step h3{margin:6px 0 10px;font:400 clamp(1.5rem,2.2vw,2.1rem)/1.25 "Caesarea",var(--fdisp);color:var(--brown);text-wrap:balance}
.h4step p{margin:0 auto;max-width:40em;font:300 max(1.15rem,calc(var(--hs) * .17))/1.6 "Caesarea",var(--body);color:var(--brown)}
@media (max-width:720px){
  .h4photo{aspect-ratio:4/3;border-radius:18px}
  .h4stop{width:32px;height:32px;font-size:.9rem}
  .h4stop.on{transform:scale(1.15)}
  .h4body{grid-template-columns:1fr;gap:12px}
  .h4body .h4nav{display:none}
  .h4texts{min-height:12em}
}
/* ===== steps: four designs for comparison ===== */
.vsec{position:relative;background:#fff;padding:clamp(80px,10vh,130px) 0}
.vin{width:min(var(--max),100% - 2 * var(--edge));margin-inline:auto}
.vtag{display:table;margin:0 auto 12px;padding:6px 14px;border-radius:999px;background:#F6EFE6;color:var(--sun);font:600 .95rem "Caesarea",var(--body)}
.vin>h2{margin:0 0 clamp(32px,5vh,56px);text-align:center;font:300 calc(var(--hs) * .625)/1.12 "Caesarea",var(--fdisp);color:var(--brown)}
.vsec h3{margin:0;font:400 clamp(1.25rem,1.6vw,1.6rem)/1.3 "Caesarea",var(--fdisp);color:var(--brown);text-wrap:balance}
.vsec p{margin:8px 0 0;font:300 max(1.08rem,calc(var(--hs) * .16))/1.6 "Caesarea",var(--body);color:var(--brown)}

/* 3 zigzag timeline */
.v3line{position:relative;list-style:none;margin:0;padding:0;display:grid;gap:clamp(40px,6vh,72px)}
.v3rail{position:absolute;top:0;bottom:0;left:50%;width:2px;translate:-1px 0;background:#E4DDD2}
.v3rail b{position:absolute;inset:0 0 auto 0;height:calc(var(--p,0) * 100%);background:var(--sun)}
.v3r{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 80px minmax(0,1fr);align-items:center}
.v3f{margin:0;grid-column:1;aspect-ratio:16/10;border-radius:20px;overflow:hidden}
.v3f img{width:100%;height:100%;object-fit:cover}
.v3dot{grid-column:2;justify-self:center;position:relative;z-index:1;display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:#fff;border:2px solid var(--sun);color:var(--sun);font:600 1.6rem "Caesarea",var(--body);transition:background .4s,color .4s}
.v3r.in .v3dot{background:var(--sun);color:#fff}
.v3t{grid-column:3}
.v3alt .v3f{grid-column:3;grid-row:1}.v3alt .v3t{grid-column:1;grid-row:1;text-align:end}
.v3r .v3f,.v3r .v3t{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .9s var(--ease)}
.v3r.in .v3f,.v3r.in .v3t{opacity:1;transform:none}

@media (max-width:900px){
  .v3rail{left:auto;right:25px}.v3r,.v3alt{grid-template-columns:50px 1fr;gap:14px}
  .v3dot{grid-column:1!important;grid-row:1/3!important;align-self:start}.v3f,.v3alt .v3f{grid-column:2!important;grid-row:1!important}.v3t,.v3alt .v3t{grid-column:2!important;grid-row:2!important;text-align:start}
}
/* donate button where the timeline line ends (same button as the header) */
.v3end{position:relative;display:flex;justify-content:center;padding-top:clamp(36px,5vh,56px)}
.v3end::before{content:"";position:absolute;top:0;left:50%;width:2px;height:clamp(36px,5vh,56px);translate:-1px 0;background:var(--sun)}
@media (max-width:900px){.v3end::before{left:auto;right:25px}.v3end{justify-content:flex-start;padding-inline-start:0}}

/* press (desktop): no two-sided fade; only the left end fades, over the third card */
@media (min-width:901px){.pr3car .pr3stage{-webkit-mask:linear-gradient(to right,transparent 0,#000 30%);mask:linear-gradient(to right,transparent 0,#000 30%)}}

/* press arrows: on the right, centered under the active card */
@media (min-width:901px){.pr3car .g3bar{width:clamp(260px,22vw,330px);margin-inline-start:0;margin-inline-end:auto;justify-content:center}}

/* less space between the press carousel and the donation box */
.pr3{padding-bottom:clamp(60px,7.5vh,90px)!important}

@media (prefers-reduced-motion:reduce){.v1photo img,.v1s,.v3r .v3f,.v3r .v3t,.v4p,.v4c{transition:none}.v3r .v3f,.v3r .v3t{opacity:1;transform:none}}

@media (prefers-reduced-motion:reduce){.h4photo img,.h4line b,.h4step{transition:none}}

@media (prefers-reduced-motion:reduce){.deco svg{transition:none}}

@media (prefers-reduced-motion:reduce){.g4{overflow-x:auto}.g4track{animation:none}.g4i:hover,.g4i:focus-visible{transform:none}}
@media (max-width:720px){.g4i img{height:52vw}.g4i:hover{transform:scale(1.08)}}

@media (prefers-reduced-motion:reduce){
  .slogo .lw,.slogo .lsm,.slogo .lhd,.slogo .llf{animation:none;opacity:1}
  .hstep,.h3img img{transition:none}
  .agrid .ic{opacity:1;transform:none;transition:none}
  .sline .w{transition:none;filter:none;transform:none}
  .rbox{clip-path:none;transition:none}
}

/* phones / portrait tablets: video on top, copy over its lower part, panel under it */
@media (max-width: 720px), (orientation: portrait) and (max-width: 1024px), (orientation: portrait) and (pointer: coarse){
  .film.soup{height:auto;min-height:0}
  .soup .fstage{display:flex;flex-direction:column;justify-content:flex-start;min-height:100svh;padding-top:0}
  .soup .fstage .fposter,.soup .fstage video{display:block;position:absolute;inset:0 0 auto 0;height:68svh;object-position:24% 50%;background-position:24% 50%}
  html[lang^=en] .soup .fstage .fposter,html[lang^=en] .soup .fstage video{object-position:76% 50%;background-position:76% 50%}  /* EN video is mirrored */
  .sscrim{height:68svh;background:linear-gradient(180deg,rgb(30 20 11 / .55) 0,rgb(30 20 11 / 0) 120px),linear-gradient(0deg,#2A2016 0,rgb(42 32 22 / .75) 22%,rgb(42 32 22 / 0) 55%)}
  .scopy{position:relative;inset:auto;bottom:auto;width:auto;margin:calc(68svh - 330px) var(--gut) 22px;padding:0}
  :root:root{--hs:clamp(2rem,8.6vw,2.9rem)}
  .sabout{font-size:max(.95rem,calc(var(--hs) * .34))}
  .slogo{height:56px}
  .soup .fgive{margin:0 var(--gut) 28px}
  .thread{display:none}
  .road{padding:64px 0}
  .road .rin{grid-template-columns:1fr;width:auto;padding-inline:var(--gut)}
  .rtext h2 span{white-space:normal}
  .rbg{width:100%;opacity:.08}
  .rtext p{font-size:1.05rem}
  .rtext h2{font-size:calc(var(--hs) * .78)}
  .acts2{padding:64px 0 120px}
  .ain{grid-template-columns:1fr;width:auto;padding-inline:var(--gut)}
  .aphoto{width:100%;opacity:.08}
  .ain .agrid{order:0}
  .aside h2{font-size:calc(var(--hs) * .78)}
  .aside p{font-size:1.05rem}
  .agrid{grid-template-columns:1fr 1fr}
  .plg{flex-basis:calc((100% - clamp(14px,1.6vw,24px)) / 2)}
  .story{width:auto;margin-inline:var(--gut)!important}
  .how3{height:calc(100vh + 8 * 50vh)}
  .h3in{grid-template-columns:1fr;grid-template-rows:48svh auto;align-content:start;gap:20px;padding-top:70px;width:auto;padding-inline:var(--gut)}
  .h3img{height:48svh}
  .h3text h2{margin-bottom:12px}
}

/* ===== phones: full-screen hero with the content stacked low, text before media everywhere ===== */
@media (max-width: 720px), (orientation: portrait) and (max-width: 1024px), (orientation: portrait) and (pointer: coarse){
  .sline .ld{display:none}.sline .lm{display:block}
  .sline .lm .ln{white-space:nowrap}
  .film.soup{height:auto;min-height:100svh}
  .soup .fstage{min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;padding:0 0 14px}
  .soup .fstage .fposter,.soup .fstage video{position:absolute;inset:0 0 auto 0;height:82svh;object-position:32% 45%;background-position:32% 45%}
  html[lang^=en] .soup .fstage .fposter,html[lang^=en] .soup .fstage video{object-position:68% 45%;background-position:68% 45%}
  .sscrim{inset:0 0 auto 0;height:100svh;background:
    linear-gradient(180deg,rgb(30 20 11 / .5) 0,rgb(30 20 11 / 0) 110px),
    linear-gradient(0deg,var(--bg,#FBF6EE) 0,var(--bg,#FBF6EE) 18svh,rgb(251 246 238 / 0) 30svh),
    linear-gradient(0deg,rgb(30 20 11 / 0) 18svh,rgb(30 20 11 / .62) 34svh,rgb(30 20 11 / .45) 56svh,rgb(30 20 11 / 0) 68svh)}
  .scopy{position:relative;inset:auto;bottom:auto;width:auto;margin:0 var(--gut) 18px;padding:0;text-align:center;display:grid;justify-items:center}
  .slogo{height:54px;margin-bottom:6px}
  :root:root{--hs:min(7.4vw,2.6rem)}
  .sline{font-size:var(--hs);line-height:1.12}
  .sabout{margin-top:12px;font-size:1rem;line-height:1.5;max-width:30em}
  .soup .fgive{position:relative;inset:auto!important;margin:0 var(--gut)!important}
  /* testimonials: the quote first, the children's photo right under it */
  .story-in{display:block;min-height:0;border-radius:0;overflow:visible;color:var(--brown);padding-bottom:calc(66vw + 8px)}
  .story-in::after{display:none}
  .story-in>img{inset:auto 0 0 0;top:auto;height:66vw;border-radius:20px;object-position:30% 40%}
  .quote{padding:0}
  .quote h2{color:var(--sun)}
  .quote blockquote{color:var(--brown);min-height:0!important}
  .quote .cite,.quote .cite b{color:var(--brown)}
  .story .qnav{margin:18px 0 22px}
  .story .qnav button{border-color:rgb(43 27 14 / .35);color:var(--brown)}
  .qcount{color:var(--brown)}
  .story .ainote{inset:auto auto 10px 12px}
  /* how it works: text above the photo */
  .h3in{grid-template-rows:auto 42svh}
  .h3img{order:1;height:40svh}
  .h3pin>h2{font-size:clamp(1.85rem,8.2vw,2.4rem)}
  .h3circ{translate:-14px -50%}
  /* galleries */
  .g3stage{height:58vw}
  .g3s{width:86vw}
  .pr3stage{height:300px;-webkit-mask:linear-gradient(to right,transparent 0,#000 16%,#000 84%,transparent 100%);mask:linear-gradient(to right,transparent 0,#000 16%,#000 84%,transparent 100%)}
  .pc{width:58vw;padding:0 0 18px}
  .pc>:not(.pimg){margin-inline:16px}
  .f3in{grid-template-columns:1fr;width:auto;padding-inline:var(--gut)}
  .f3will,.f3base{width:auto;margin-inline:var(--gut)}
  /* phone type scale: section titles and body text independent of the hero headline size */
  .rtext h2,.aside h2,.pin h2,.g3head h2,.h3pin>h2{font-size:clamp(1.85rem,8.2vw,2.4rem)!important;line-height:1.15}
  .rtext p,.aside p,.pin>p,.g3head p,.hstep p{font-size:1.08rem!important;line-height:1.6}
  .hstep h3{font-size:clamp(1.35rem,6vw,1.6rem)}
  .rtext h2 span{white-space:normal}
  .story{margin-bottom:56px!important}
  .give2{margin-bottom:-90px}
  .g2box{grid-template-columns:1fr;width:auto;margin-inline:var(--gut);gap:18px}
  .g2text{text-align:center}.g2leaves{margin-inline:auto}
  .g2text h2{font-size:clamp(1.6rem,7vw,2rem)}
  .g2form .amounts{grid-template-columns:repeat(6,1fr)}.g2form .amounts .amt{grid-column:span 2}.g2form .amounts .amt:nth-child(n+4){grid-column:span 3}
  footer.f3{padding-top:190px}
  .pr3stage{height:440px}
}

/* upgrade A+C */
.skip{position:fixed;top:10px;right:10px;z-index:1000;padding:.7em 1.2em;border-radius:999px;background:var(--brown);color:#fff;font:500 1rem "Caesarea",var(--body);text-decoration:none;transform:translateY(-160%);transition:transform .25s}
.skip:focus{transform:none}
main:focus{outline:none}
:where(img[width][height]){height:auto}
.mgive{display:none}
@media (max-width:720px){
  .mgive{position:fixed;inset-inline:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:90;display:flex;align-items:center;justify-content:space-between;gap:12px;
    padding:10px 10px 10px 10px;padding-inline-start:18px;border-radius:999px;background:#fff;color:var(--brown);text-decoration:none;
    box-shadow:0 14px 34px -12px rgb(43 27 14 / .45);font:400 .98rem "Caesarea",var(--body);transform:translateY(160%);transition:transform .45s var(--ease)}
  .mgive b{padding:.6em 1.2em;border-radius:999px;background:var(--sun);color:#fff;font-weight:600}
  .mgive.on{transform:none}
}
@media (prefers-reduced-motion:reduce){.mgive,.skip{transition:none}}

/* upgrade B: anchors under the fixed header, active menu item, current timeline step, gallery captions */
:where(section[id],footer[id]){scroll-margin-top:84px}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
.nav a.cur{background:rgb(180 83 42 / .12);color:var(--sun)}
.v3dot{transition:background .4s,color .4s,box-shadow .5s var(--ease),transform .5s var(--ease)}
.v3r.cur .v3dot{transform:scale(1.1);box-shadow:0 0 0 9px rgb(180 83 42 / .13)}
.v3t h3{transition:color .5s}
.v3r.cur .v3t h3{color:var(--sun)}
.g4i::after{content:attr(data-cap);position:absolute;inset:auto 0 0 0;padding:28px 14px 10px;border-radius:0 0 16px 16px;
  background:linear-gradient(transparent,rgb(20 14 8 / .72));color:#fff;font:400 .8rem/1.3 "Caesarea",var(--body);text-align:start;
  opacity:0;transition:opacity .35s;pointer-events:none}
.g4i:hover::after,.g4i:focus-visible::after{opacity:1}
/* road: copy inset from the right so the hero line comes down beside it and ends in a dot at the title's first letter */
@media (min-width:901px){.road .rtext{padding-inline-start:clamp(26px,2.2vw,40px)}}
.thread #t3end,.thread #tend{transform-box:fill-box;transform-origin:center;transform:scale(0);transition:transform .5s var(--ease)}
.thread #t3end.on,.thread #tend.on{transform:scale(1)}
/* timeline: the final step (a basket handed over at the door) plays faintly behind the whole route */
.vsec.v3{isolation:isolate}
.v3bg{position:sticky;top:0;height:100vh;height:100svh;margin-top:calc(-1 * clamp(80px,10vh,130px));margin-bottom:-100vh;margin-bottom:-100svh;z-index:-1;pointer-events:none;overflow:hidden;
  -webkit-mask:linear-gradient(transparent,#000 18%,#000 82%,transparent);mask:linear-gradient(transparent,#000 18%,#000 82%,transparent)}
.v3bg video{display:block;width:100%;height:100%;object-fit:cover;opacity:.1;filter:saturate(.8)}
/* press: every card gets a quiet frame and a soft shadow */
.pc{border:1px solid rgb(43 27 14 / .12);box-shadow:0 12px 26px -18px rgb(43 27 14 / .35)}
.pc.on{border-color:rgb(43 27 14 / .14);box-shadow:0 22px 44px -26px rgb(43 27 14 / .45)}
.pr3car .pr3stage{padding-bottom:28px}

/* mobile pass (Oct 25) */
@media (max-width:900px){
  .road .rin{grid-template-columns:minmax(0,1fr)!important}
  .road .rtext{padding-inline-start:0}
}
@media (max-width:720px){
  .f3list a{min-height:40px;display:flex;align-items:center}
  .f3base nav a{display:inline-block;padding:10px 6px}
  .f3ok{min-height:40px;align-items:center}
  body{padding-bottom:0}
}
@media (max-width:720px){.ic .idesc{display:block;-webkit-line-clamp:unset;overflow:visible;font-size:.95rem}}
@media (max-width:720px){.impact .nums>div:nth-child(odd){border-inline-start:0!important}}
/* phones, hero: bigger logo; dark-brown overlay from 20% at the top to solid at the logo, then a fade to the page colour behind the donation box */
@media (max-width: 720px), (orientation: portrait) and (max-width: 1024px), (orientation: portrait) and (pointer: coarse){
  .soup .fstage .fposter,.soup .fstage video{height:100%}
  .sscrim{inset:0;height:auto;background:linear-gradient(180deg,rgb(43 27 14 / .2) 0,rgb(43 27 14 / .32) calc(var(--lt,58%) - 140px),rgb(43 27 14 / .64) var(--lt,58%),rgb(43 27 14 / .74) calc(var(--gt,84%) - 40px),#fff calc(var(--gt,84%) + 48px))}
  .soup .fstage{background:#fff}
  /* the film shows through, so the copy carries its own soft shadow */
  .slogo{height:clamp(68px,19vw,88px);margin-bottom:12px;filter:drop-shadow(0 1px 2px rgb(20 12 4 / .5)) drop-shadow(0 4px 18px rgb(20 12 4 / .6))}
  .sline{text-shadow:0 2px 18px rgb(20 12 4 / .55),0 1px 3px rgb(20 12 4 / .35)}
  .sabout{text-shadow:0 1px 10px rgb(20 12 4 / .7),0 1px 2px rgb(20 12 4 / .4)}
}
@media (max-width: 720px), (orientation: portrait) and (max-width: 1024px), (orientation: portrait) and (pointer: coarse){.road{background:#fff}}
/* phones/tablets: Hebrew header = menu button on the right, logo centred, tools on the left; on scroll it turns to glass */
@media (max-width:1100px){
  .top .wrap{position:relative;display:flex;justify-content:flex-start}
  .top .brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0}
  .top .brand img{width:104px}
  .top .tools{flex:1;margin-inline-start:0;display:flex}
  .top .tools .burger{order:-1;margin-inline-end:auto}
  .top.solid{background:rgb(255 253 249 / .5)!important;backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);box-shadow:0 1px 0 rgb(43 27 14 / .06)!important}
}
/* phones: footer blocks sit in the middle; inside each block text and icons stay right-aligned */
@media (max-width:900px){
  .f3in{justify-items:center;text-align:start}
  .f3in>*{width:min(100%,340px)}
  .f3brand{text-align:center}.f3brand img{margin-inline:auto}.f3brand p{margin-inline:auto}
  .f3social{justify-content:flex-start}
  .f3will{text-align:center}
  .f3base{flex-direction:column;align-items:center;text-align:center}
  .f3base nav{flex-wrap:wrap;justify-content:center}
}
/* activities: the faint photo sits on the right side, the moving emblem on the left */
@media (min-width:901px){
  .acts2 .aphoto{inset:0 0 0 auto}
  .acts2 .aphoto img{transform:scaleX(-1);object-position:20% 40%;-webkit-mask-image:linear-gradient(to right,#000 35%,transparent 100%),linear-gradient(to top,transparent 0,#000 30%);mask-image:linear-gradient(to right,#000 35%,transparent 100%),linear-gradient(to top,transparent 0,#000 30%)}
}


/* ===== WordPress / Elementor integration ===== */
body.bly{margin:0;--kit-widget-spacing:0px}
body.bly .elementor{width:100%}
body.bly .elementor-element{--widgets-spacing:0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;--kit-widget-spacing:0px}
body.bly .elementor-widget:not(:last-child){margin-block-end:0}
/* legacy pages: one container + one HTML widget per section, rendered edge to edge */
body.bly .elementor .e-con:not(.bn),body.bly .elementor .e-con:not(.bn)>.e-con-inner{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--gap:0px;--row-gap:0px;--column-gap:0px;--content-width:100%;--container-max-width:100%;--width:100%;padding:0;max-width:none;display:block;position:static}
body.bly .elementor-widget-html,body.bly .elementor-widget-html>.elementor-widget-container{width:100%;margin:0;padding:0;position:static}
/* native containers (class bn): only Elementor's variables are reset, so the site's own classes (.phin, .split, .isec...) decide layout */
body.bly .e-con.bn{--display:block;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--gap:0px;--row-gap:0px;--column-gap:0px;--width:100%;--content-width:100%;--container-max-width:100%;--min-height:0;--flex-direction:row;--flex-wrap:nowrap;--justify-content:normal;--align-items:normal}
/* native widgets: Elementor's default typography/colour must not leak */
/* Elementor's base sets line-height:1 on .elementor-heading-title (0,1,0); bare h1-h6 rules of the site are re-issued as hN.elementor-heading-title by build.py */
:where(body.bly) .elementor-widget-text-editor{color:inherit;font:inherit}
:where(body.bly .elementor-widget-image) img{display:block}
body.bly.admin-bar .top{top:32px}
@media (max-width:782px){body.bly.admin-bar .top{top:46px}}

/* ===================== inner pages: same language as the homepage ===================== */
.bly{--ink-soft:rgb(43 27 14 / .72);--hair2:rgb(43 27 14 / .12)}

/* page hero: photo, dark-brown overlay, big light title, the donation panel in its usual corner */
.phero{position:relative;isolation:isolate;min-height:min(78svh,760px);display:grid;align-items:end;background:#2A2016;color:#fff;overflow:hidden;--side:max(var(--edge),calc((100% - var(--max)) / 2))}
.phero>.pbg{position:absolute;inset:0;z-index:-2;margin:0}
.phero>.pbg img,.phero>.pbg video{width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 45%)}
.phero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgb(30 20 11 / .55) 0,rgb(30 20 11 / 0) 140px),linear-gradient(270deg,rgb(30 20 11 / .82) 0,rgb(30 20 11 / .55) 38%,rgb(30 20 11 / .12) 70%),linear-gradient(0deg,rgb(30 20 11 / .55) 0,rgb(30 20 11 / 0) 45%)}
.phin{position:relative;z-index:3;padding:0 var(--side) clamp(56px,9vh,104px);max-width:calc(var(--side) + min(760px,52vw));margin-inline-start:0}
.crumbs{display:flex;gap:10px;align-items:center;margin:0 0 18px;font:400 .95rem "Caesarea",var(--body);color:rgb(255 255 255 / .78)}
.crumbs a{color:inherit;text-decoration:none}.crumbs a:hover{color:#fff}
.crumbs i{width:5px;height:5px;border-radius:50%;background:var(--sun)}
.phero h1{margin:0;font:300 clamp(2.6rem,5.6vw,5.2rem)/1.04 "Caesarea",var(--fdisp);letter-spacing:-.01em;text-wrap:balance;text-shadow:0 2px 24px rgb(20 12 4 / .35)}
.phero h1 em{font-style:normal;color:#F2B48F}
.phero .plead{margin:clamp(14px,2vh,22px) 0 0;max-width:34em;font:400 max(1.12rem,calc(var(--hs) * .3))/1.55 "Caesarea",var(--body);color:rgb(255 255 255 / .9)}
.phero .fgive{z-index:6}
.phero.short{min-height:min(52svh,520px)}

/* section heads */
.isec{position:relative;isolation:isolate;padding:clamp(80px,11vh,140px) 0;background:#fff;color:var(--brown)}
.isec.cream{background:var(--bg,#FBF6EE)}
.isec.tight{padding:clamp(56px,7vh,90px) 0}
.iw{width:min(var(--max),100% - 2 * var(--edge));margin-inline:auto}
.iw.narrow{width:min(860px,100% - 2 * var(--edge))}
.ihead{max-width:760px;margin:0 0 clamp(30px,4.5vh,56px)}
.ihead.c{margin-inline:auto;text-align:center}
.ihead h2{margin:0;font:300 calc(var(--hs) * .7)/1.1 "Caesarea",var(--fdisp);color:var(--brown);text-wrap:balance}
.ihead p{margin:clamp(12px,1.8vh,18px) 0 0;font:300 max(1.2rem,calc(var(--hs) * .17))/1.6 "Caesarea",var(--body);color:var(--brown)}
.kick{display:inline-flex;align-items:center;gap:10px;margin:0 0 14px;font:500 .98rem "Caesarea",var(--body);color:var(--sun)}
.kick::before{content:"";width:26px;height:2px;background:var(--sun);border-radius:2px}

/* split: text + rounded photo, alternating sides */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(32px,4vw,72px);align-items:center}
.split.flip .smedia{order:-1}
.split .stext h2{margin:0;font:300 calc(var(--hs) * .62)/1.12 "Caesarea",var(--fdisp);color:var(--brown);text-wrap:balance}
.split .stext p{margin:clamp(12px,1.8vh,18px) 0 0;max-width:34em;font:300 max(1.15rem,calc(var(--hs) * .165))/1.65 "Caesarea",var(--body);color:var(--brown)}
.split .stext ul{margin:16px 0 0;padding:0;list-style:none;display:grid;gap:10px}
.split .stext li{position:relative;padding-inline-start:22px;font:400 1.1rem/1.5 "Caesarea",var(--body)}
.split .stext li::before{content:"";position:absolute;inset-inline-start:0;top:.62em;width:8px;height:8px;border-radius:50%;background:var(--sun)}
.smedia{margin:0;border-radius:24px;overflow:hidden;aspect-ratio:4/3;background:#EFE8DD;box-shadow:0 30px 60px -38px rgb(43 27 14 / .5)}
.smedia img,.smedia video{width:100%;height:100%;object-fit:cover;display:block}
.split+.split{margin-top:clamp(70px,10vh,120px)}

/* cards */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:clamp(16px,1.6vw,26px)}
.icard{position:relative;display:flex;flex-direction:column;gap:12px;padding:clamp(24px,2.4vw,34px);border-radius:22px;background:#fff;border:1px solid var(--hair2);box-shadow:0 18px 40px -32px rgb(43 27 14 / .45);color:var(--brown);text-decoration:none;transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.isec:not(.cream) .icard{background:var(--bg,#FBF6EE);border-color:transparent}
a.icard:hover{transform:translateY(-4px);box-shadow:0 26px 50px -30px rgb(43 27 14 / .5)}
.icard .icirc{width:58px;height:58px}
.icard h3{margin:0;font:500 1.35rem/1.3 "Caesarea",var(--fdisp)}
.icard p{margin:0;font:300 1.08rem/1.6 "Caesarea",var(--body)}
.icard .big{font:800 clamp(2rem,3vw,2.8rem)/1 "Caesarea",var(--fdisp);color:var(--sun)}
.icard .go{margin-top:auto;font:500 1rem "Caesarea",var(--body);color:var(--sun)}
.icard .go::after{content:" ←"}

/* amount cards (donations page) */
.amts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.4vw,22px)}
.amtc{display:flex;flex-direction:column;gap:10px;padding:clamp(22px,2.2vw,32px);border-radius:22px;background:#fff;border:1px solid var(--hair2);color:var(--brown);text-align:start;cursor:pointer;font:inherit;transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .3s}
.amtc:hover{transform:translateY(-4px);border-color:var(--sun);box-shadow:0 26px 50px -30px rgb(43 27 14 / .5)}
.amtc .sum{font:800 clamp(2rem,3vw,2.7rem)/1 "Caesarea",var(--fdisp);color:var(--sun)}
.amtc b{font:500 1.25rem/1.3 "Caesarea",var(--fdisp)}
.amtc span{font:300 1.05rem/1.5 "Caesarea",var(--body)}
.amtc .go{margin-top:auto;padding-top:8px;font:500 1rem "Caesarea",var(--body);color:var(--sun)}

/* long text (legal, statements) */
.prose{font:300 1.15rem/1.75 "Caesarea",var(--body);color:var(--brown)}
.prose h2{margin:2.2em 0 .5em;font:400 1.7rem/1.25 "Caesarea",var(--fdisp)}
.prose h3{margin:1.8em 0 .4em;font:500 1.3rem/1.3 "Caesarea",var(--fdisp)}
.prose p{margin:0 0 1em}
.prose ul,.prose ol{margin:0 0 1.2em;padding-inline-start:1.3em}
.prose li{margin:.3em 0}
.prose a{color:var(--sun)}
.prose>*:first-child{margin-top:0}

/* FAQ */
.faq{display:grid;gap:12px}
.faq details{border-radius:18px;background:var(--bg,#FBF6EE);border:1px solid transparent;transition:border-color .3s,background .3s}
.isec.cream .faq details{background:#fff}
.faq details[open]{border-color:var(--hair2)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 24px;font:500 1.2rem/1.4 "Caesarea",var(--fdisp);color:var(--brown)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:12px;height:12px;border:solid var(--sun);border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-3px);transition:transform .35s var(--ease)}
.faq details[open] summary::after{transform:rotate(-135deg) translateY(-3px)}
.faq .ans{padding:0 24px 22px;font:300 1.1rem/1.65 "Caesarea",var(--body);color:var(--brown)}
.faq .ans p{margin:0 0 .7em}

/* forms */
.bform{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px;padding:clamp(24px,3vw,44px);border-radius:26px;background:#fff;border:1px solid var(--hair2);box-shadow:0 30px 60px -44px rgb(43 27 14 / .5)}
.isec:not(.cream) .bform{background:var(--bg,#FBF6EE);border-color:transparent;box-shadow:none}
.bform .full{grid-column:1/-1}
.bform label{display:grid;gap:7px;font:500 1rem "Caesarea",var(--body);color:var(--brown)}
.bform label small{font-weight:300;color:var(--ink-soft)}
.bform input,.bform select,.bform textarea{width:100%;box-sizing:border-box;padding:.85em 1em;border-radius:14px;border:1.5px solid var(--hair2);background:#fff;color:var(--brown);font:400 1.05rem "Caesarea",var(--body);transition:border-color .25s,box-shadow .25s}
.bform textarea{min-height:130px;resize:vertical}
.bform input:focus,.bform select:focus,.bform textarea:focus{outline:none;border-color:var(--sun);box-shadow:0 0 0 4px rgb(180 83 42 / .12)}
.bform .chk{display:flex;align-items:flex-start;gap:10px;font-weight:300}
.bform .chk input{width:20px;height:20px;margin-top:3px;flex:none;accent-color:var(--sun)}
.bform fieldset{grid-column:1/-1;margin:0;padding:0;border:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px}
.bform legend{grid-column:1/-1;margin:10px 0 2px;font:500 1.25rem "Caesarea",var(--fdisp);color:var(--brown)}
.bform .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.bform .send{grid-column:1/-1;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.bform .send .btn{font-size:1.1rem;padding:.9em 2.2em}
.bmsg{margin:0;font:500 1.05rem "Caesarea",var(--body);color:#2F6B3A}
.bmsg.err{color:#A3341C}
.fnote{font:300 .95rem/1.5 "Caesarea",var(--body);color:var(--ink-soft)}

/* contact cards */
.ccards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px}
.ccard{display:flex;gap:16px;align-items:center;padding:20px 22px;border-radius:20px;background:var(--bg,#FBF6EE);color:var(--brown);text-decoration:none;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
a.ccard:hover{transform:translateY(-3px);box-shadow:0 20px 40px -28px rgb(43 27 14 / .5)}
.ccard svg{flex:none;width:46px;height:46px;padding:11px;box-sizing:border-box;border-radius:50%;background:var(--sun);stroke:#fff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ccard b{display:block;font:500 1.12rem "Caesarea",var(--fdisp)}
.ccard span{font:300 1rem/1.4 "Caesarea",var(--body)}
.map{margin-top:clamp(24px,3vh,36px);border-radius:24px;overflow:hidden;aspect-ratio:21/8;background:#EFE8DD}
.map iframe{width:100%;height:100%;border:0;display:block;filter:saturate(.75)}
.cgrid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,4vw,64px);align-items:start}

/* press grid (media page) */
.pgx{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:clamp(16px,1.6vw,24px)}
.pcx{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:#fff;border:1px solid var(--hair2);box-shadow:0 12px 26px -18px rgb(43 27 14 / .35);color:var(--brown);text-decoration:none;transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.pcx:hover{transform:translateY(-4px);box-shadow:0 26px 50px -30px rgb(43 27 14 / .5)}
.pcx .pimg{aspect-ratio:16/10;overflow:hidden;background:#EFE8DD}
.pcx .pimg img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.pcx:hover .pimg img{transform:scale(1.05)}
.pcx .pb{display:flex;flex-direction:column;gap:10px;padding:20px 22px 22px;flex:1}
.pcx .src{font:500 .95rem "Caesarea",var(--body);color:var(--sun)}
.pcx h3{margin:0;flex:1;font:400 1.22rem/1.4 "Caesarea",var(--fdisp)}
.pcx .meta{display:flex;justify-content:space-between;font:300 .92rem "Caesarea",var(--body);color:var(--ink-soft)}
.pcx .meta b{font-weight:500;color:var(--sun)}

/* gallery grid */
.gx{list-style:none;margin:0;padding:0;columns:4 260px;column-gap:clamp(12px,1.2vw,18px)}
.gx li{break-inside:avoid;margin:0 0 clamp(12px,1.2vw,18px)}
.lbi{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;border-radius:16px;overflow:hidden;position:relative}
.lbi img{display:block;width:100%;height:auto;transition:transform .8s var(--ease)}
.lbi:hover img,.lbi:focus-visible img{transform:scale(1.06)}
.lbi::after{content:attr(data-cap);position:absolute;inset:auto 0 0 0;padding:30px 14px 10px;background:linear-gradient(transparent,rgb(20 14 8 / .72));color:#fff;font:400 .85rem/1.3 "Caesarea",var(--body);text-align:start;opacity:0;transition:opacity .35s;pointer-events:none}
.lbi:hover::after,.lbi:focus-visible::after{opacity:1}
.gfilter{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 0 clamp(26px,3.5vh,40px)}
.gfilter button{padding:.6em 1.3em;border-radius:999px;border:1.5px solid var(--hair2);background:#fff;color:var(--brown);font:500 1rem "Caesarea",var(--body);cursor:pointer;transition:.25s}
.gfilter button[aria-pressed="true"]{background:var(--brown);border-color:var(--brown);color:#fff}

/* docs / trust row */
.docrow{display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center;justify-content:center;font:400 1.05rem "Caesarea",var(--body);color:var(--brown)}
.docrow span{display:inline-flex;align-items:center;gap:10px}
.docrow span::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--sun)}

/* quote band */
.qband{text-align:center}
.qband blockquote{margin:0 auto;max-width:900px;font:300 clamp(1.6rem,2.8vw,2.6rem)/1.35 "Caesarea",var(--fdisp);color:var(--brown);text-wrap:balance}
.qband cite{display:block;margin-top:18px;font:500 1.05rem "Caesarea",var(--body);font-style:normal;color:var(--sun)}

/* lists of other ways to give */
.gways{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}
.gway{padding:22px 24px;border-radius:20px;background:var(--bg,#FBF6EE)}
.gway b{display:block;margin-bottom:6px;font:500 1.15rem "Caesarea",var(--fdisp);color:var(--brown)}
.gway p{margin:0;font:300 1.02rem/1.55 "Caesarea",var(--body);color:var(--brown)}
.gway a{color:var(--sun)}

@media (max-width:900px){
  .split{grid-template-columns:1fr}
  .split .smedia,.split.flip .smedia{order:2}
  .amts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cgrid{grid-template-columns:1fr}
  .map{aspect-ratio:4/3}
}
@media (max-width:720px), (orientation: portrait) and (max-width: 1024px), (orientation: portrait) and (pointer: coarse){
  .phero{min-height:auto;display:flex;flex-direction:column;justify-content:flex-end;padding-top:110px}
  .phero>.pbg{inset:0 0 auto 0;height:72svh}
  .phero::before{background:linear-gradient(180deg,rgb(43 27 14 / .35) 0,rgb(43 27 14 / .55) 40%,rgb(43 27 14 / .78) 64%,#fff calc(100% - 60px))}
  .phin{padding:30svh var(--gut) 18px;max-width:none;text-align:center}
  .crumbs{justify-content:center}
  .phero h1{font-size:clamp(2.3rem,10vw,3.2rem)}
  .phero .fgive{position:relative;inset:auto!important;margin:0 var(--gut) 10px!important;width:auto}
  .phero.short{padding-top:90px}.phero.short .phin{padding-top:16svh}
  .bform,.bform fieldset{grid-template-columns:1fr}
  .amts{grid-template-columns:1fr}
  .gx{columns:2 140px}
}
@media (prefers-reduced-motion:reduce){.icard,.amtc,.pcx,.pcx .pimg img,.lbi img{transition:none}}
.ipad{background:#fff;padding:clamp(60px,8vh,100px) 0}
.ipad .impact{margin-top:0!important}
.vstat{display:flex;align-items:baseline;gap:12px;font:500 1.15rem "Caesarea",var(--body);color:var(--brown)}
.vstat b{font:800 clamp(2.6rem,4vw,3.6rem)/1 "Caesarea",var(--fdisp);color:var(--sun)}
.thanks .icard p{font:400 1.12rem/1.55 "Caesarea",var(--body)}
.gx li[hidden]{display:none}
.cards.thanks{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1100px){.cards.thanks{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.cards.thanks{grid-template-columns:1fr}}
@media (max-width:720px){.amts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.amtc{padding:16px}.amtc b{font-size:1.05rem}.amtc span{font-size:.95rem}}
/* richer media: photo pairs, bento mosaic, full-bleed photo bands */
.smedia.duo{position:relative;overflow:visible;background:none;box-shadow:none}
.smedia.duo>img{border-radius:24px;box-shadow:0 30px 60px -38px rgb(43 27 14 / .5)}
.duo2{position:absolute;width:42%;aspect-ratio:1;inset-inline-start:-7%;bottom:-12%;border-radius:20px;overflow:hidden;border:6px solid #fff;box-shadow:0 24px 44px -24px rgb(43 27 14 / .55)}
.isec.cream .duo2{border-color:var(--bg,#FBF6EE)}
.duo2 img{width:100%;height:100%;object-fit:cover;display:block}
.split.flip .duo2{inset-inline-start:auto;inset-inline-end:-7%}
.split:has(.duo)+.split{margin-top:clamp(110px,14vh,170px)}
.mosaic{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,clamp(160px,15vw,250px));gap:clamp(10px,1vw,16px)}
.mosaic li{min-height:0}
.mosaic .m0{grid-column:span 2;grid-row:span 2}
.mosaic .lbi{height:100%;border-radius:18px}
.mosaic .lbi img{height:100%;object-fit:cover}
.pband{position:relative;isolation:isolate;min-height:clamp(340px,52vh,560px);display:grid;align-items:center;color:#fff;overflow:hidden;background:#2A2016}
.pband figure{position:absolute;inset:0;margin:0;z-index:-2}
.pband figure img{width:100%;height:118%;object-fit:cover;object-position:var(--pos);will-change:transform;transform:translateY(var(--py,0px))}
.pband::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(270deg,rgb(30 20 11 / .9),rgb(30 20 11 / .78) 42%,rgb(30 20 11 / .4) 68%,rgb(30 20 11 / .25))}
.pband blockquote{margin:0;max-width:820px;font:300 clamp(1.9rem,3.6vw,3.4rem)/1.2 "Caesarea",var(--fdisp);text-wrap:balance;text-shadow:0 2px 20px rgb(20 12 4 / .35)}
.pband cite{display:block;margin-top:18px;font:500 1.05rem "Caesarea",var(--body);font-style:normal;color:#F2B48F}
.amtc .aimg{display:block;margin:-6px -6px 6px;border-radius:16px;overflow:hidden;aspect-ratio:16/10;background:#EFE8DD}
.amtc .aimg img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s var(--ease)}
.amtc:hover .aimg img{transform:scale(1.05)}
.cphoto{margin:clamp(20px,2.6vh,30px) 0 0;border-radius:22px;overflow:hidden;aspect-ratio:16/9}
.cphoto img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:900px){
  .duo2{width:38%;bottom:-8%;inset-inline-start:-2%}.split.flip .duo2{inset-inline-end:-2%}
  .split .smedia.duo{margin-bottom:8%}
  .mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:34vw}
  .mosaic .m0{grid-row:span 2}
}
@media (prefers-reduced-motion:reduce){.pband figure img{transform:none}}
/* native heroes: the donation panel's widget wrapper must not take a grid row (desktop); on phones it stays in the flow */
.phero>.bly-panel{position:absolute;inset:0;pointer-events:none;z-index:6}
.phero>.bly-panel .fgive{pointer-events:auto}
@media (max-width:720px), (orientation: portrait) and (max-width: 1024px), (orientation: portrait) and (pointer: coarse){
  .phero>.bly-panel{position:static;pointer-events:auto}
}
/* Amendment 13 notice inside forms */
.pnotice{margin:4px 0 0;font:300 .92rem/1.55 "Caesarea",var(--body);color:var(--ink-soft,rgb(43 27 14 / .72))}
.pnotice a{color:var(--sun)}
.f3 .pnotice{color:rgb(255 255 255 / .7);font-size:.82rem}.f3 .pnotice a{color:#F2B48F}
/* cookie consent card: same language as the donation box (cream card, brown type, terracotta CTA, emblem watermark) */
.bly-cc{position:fixed;z-index:1000;inset-inline-start:clamp(12px,2vw,28px);bottom:clamp(12px,2vw,28px);width:min(440px,calc(100% - 24px));box-sizing:border-box;
  padding:24px 24px 20px;border-radius:24px;background:#FFFCF6;color:var(--brown,#2B1B0E);box-shadow:0 30px 70px -28px rgb(43 27 14 / .55),0 0 0 1px rgb(43 27 14 / .06);
  overflow:hidden;isolation:isolate;opacity:0;transform:translateY(24px);transition:opacity .35s ease,transform .45s cubic-bezier(.22,1,.36,1);font-family:"Caesarea",var(--body)}
.bly-cc.on{opacity:1;transform:none}
.bly-cc .cc-leaf{position:absolute;z-index:-1;inset-inline-end:-30px;bottom:-40px;width:150px;color:var(--brown,#2B1B0E);opacity:.05}
.bly-cc .cc-leaf svg{display:block;width:100%;height:auto;fill:currentColor}
.bly-cc h2{margin:0 0 8px;font:400 1.45rem/1.2 "Caesarea",var(--fdisp)}
.bly-cc p{margin:0;font:300 1rem/1.55 "Caesarea",var(--body)}
.bly-cc p a{color:var(--sun,#B4532A)}
.cc-opts{display:none;margin:14px 0 0;gap:8px}
.bly-cc.cc-more .cc-opts{display:grid}
.cc-row{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:14px;background:#fff;font:300 .95rem/1.45 "Caesarea",var(--body)}
.cc-row input{width:19px;height:19px;margin-top:2px;flex:none;accent-color:var(--sun,#B4532A)}
.cc-row b{font-weight:500;margin-inline-end:4px}
.cc-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.cc-b{border:0;border-radius:999px;padding:.75em 1.4em;font:500 1rem "Caesarea",var(--body);cursor:pointer;transition:background .25s,color .25s,box-shadow .25s}
.cc-pri{background:var(--sun,#B4532A);color:#fff}.cc-pri:hover{background:#9A4422}
.cc-sec{background:transparent;color:var(--brown,#2B1B0E);box-shadow:inset 0 0 0 1.5px var(--brown,#2B1B0E)}.cc-sec:hover{background:var(--brown,#2B1B0E);color:#fff}
.cc-txt{background:none;color:var(--brown,#2B1B0E);text-decoration:underline;text-underline-offset:3px;padding-inline:.6em}
.cc-b:focus-visible{outline:3px solid var(--sun,#B4532A);outline-offset:3px}
.cc-link{color:inherit;text-decoration:none;opacity:.85}.cc-link:hover{opacity:1}
@media (max-width:520px){.bly-cc{inset-inline:12px;width:auto;padding:20px 18px 16px}.cc-btns .cc-b{flex:1}}
@media (prefers-reduced-motion:reduce){.bly-cc{transition:none}}
/* inner heroes (desktop): the text block sits at the bottom with the donation box's bottom spacing, and runs wide up to
   the donation box so the lead stays on one line (owner, Oct 26 2026) */
@media (min-width:721px) and (orientation:landscape),(min-width:1025px) and (pointer:fine){
  .phero{grid-template-rows:1fr}
  body.bly .phero>.bly-panel{position:absolute!important;inset:0}
  .phero>.phin{align-self:end;padding-bottom:clamp(20px,2.4vw,40px);max-width:calc(100% - (var(--side) + min(520px,40vw) + 28px))}
  /* the donation box sits on the same 1440px content edge as the header and the hero text */
  body .phero .fgive{left:var(--side)!important;right:auto!important}
  html[lang^="en"] body .phero .fgive{left:auto!important;right:var(--side)!important}
  .phero .plead{max-width:none}
}
@media (min-width:721px) and (max-width:1366px) and (orientation:landscape){.phero .plead{font-size:max(.95rem,1.25vw)}}

/* ===== Elementor Button widget = our .btn ===== */
.bly-btn{display:inline-flex}
.bly-btn .elementor-button{font-family:inherit;line-height:inherit;border-radius:0;background:none;color:inherit;padding:0;fill:currentColor}
.bly-btn .elementor-button-content-wrapper{display:contents}
.bly-btn .elementor-button{display:inline-flex;align-items:center;justify-content:center;gap:.5em;border:0;cursor:pointer;font:700 1.05rem/1 var(--body);padding:1em 1.6em;border-radius:999px;text-decoration:none;white-space:nowrap;transition:transform .2s var(--ease),background .2s}
.bly-btn .elementor-button:active{transform:scale(.97)}
.bly-btn.is-btn-sun .elementor-button{background:var(--sun);color:var(--sun-ink)}
.bly-btn.is-btn-sun .elementor-button:hover{background:#9E4522}
@media (max-width:560px){.top .bly-btn.is-btn-sun .elementor-button{display:none}}
.panel .bly-btn.is-btn-sun .elementor-button{width:100%;margin-top:12px;font-size:1.12rem}
.vals-cta .bly-btn .elementor-button{font-size:1.15rem;padding:1.05em 2.4em}
.ded .bly-btn .elementor-button{margin-top:20px}
.tcard .bly-btn .elementor-button{margin-top:8px;justify-self:start;padding:.8em 1.3em;font-size:1rem}
@media (max-width:900px){.tcard .bly-btn .elementor-button{grid-column:2;grid-row:1/span 4;margin:0}}
.settle .bly-btn .elementor-button{text-shadow:none}
.pbody .bly-btn.is-btn-sun .elementor-button{width:100%;margin-top:14px;font-size:1.15rem;padding:1.05em}
.cform .bly-btn .elementor-button{justify-self:start}
.x-gs .bly-btn .elementor-button{color:var(--on-forest)}
.fgive .pbody .bly-btn.is-btn-sun .elementor-button{font-size:1.25rem;padding:1.1em}
.trust-docs .x-gs .bly-btn .elementor-button{color:var(--ink)!important}
.racts .bly-btn .elementor-button{font-family:var(--body);font-size:1.05rem;padding:.85em 1.6em}
.bly-btn.is-rbtn-line .elementor-button{background:transparent;color:var(--brown);box-shadow:inset 0 0 0 1.5px var(--brown)}
.bly-btn.is-rbtn-line .elementor-button:hover{background:var(--brown);color:#fff}
.f3form .bly-btn .elementor-button{justify-self:start;padding:.8em 2.4em}
.g2form .bly-btn.is-btn-sun .elementor-button{width:100%;margin-top:12px;font-size:1.2rem;padding:1em}
.bform .send .bly-btn .elementor-button{font-size:1.1rem;padding:.9em 2.2em}
/* ===== native: home.css ===== */
/* agent home: homepage wrapper fixes for native widgets (legacy classes and ids kept, see native/p_home.py) */
/* wrappers marked hc take no part in layout: the legacy element inside behaves as a direct child again */
body.bly .elementor-element.hc,body.home .elementor-widget-html.bly-deco{display:contents}

/* Elementor containers are position:relative; these legacy blocks were static (.aphoto is placed against .acts2) */
body.home .e-con.bn.ain,body.home .e-con.bn.aside{position:static}
body.home .e-con.bn.pc{flex-direction:column}
/* margins on widget wrappers (wp.css zeroes widget margin-block-end) */
body.bly .elementor-widget.icirc{margin-bottom:8px}
body.bly .elementor-widget.pimg{margin:0 0 4px}

/* legacy child selectors that now step through a widget wrapper */
.pin>.hc>p{margin:14px auto 0;max-width:36em;font:300 max(1.2rem,calc(var(--hs) * .17))/1.6 "Caesarea",var(--body)}
.vin>.elementor-widget-heading>h2{margin:0 0 clamp(32px,5vh,56px);text-align:center;font:300 calc(var(--hs) * .625)/1.12 "Caesarea",var(--fdisp);color:var(--brown)}
.pc>.hc>*{margin-inline:22px}
.story-in>.hc>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:20% 50%;z-index:-2;opacity:0;transform:scale(1.04);transition:opacity 1s var(--ease),transform 1.6s var(--ease)}
.story-in>.hc>img.on,.story-in:not(:has(img.on))>.hc:first-child>img{opacity:1;transform:none}
@media (max-width:760px){.story-in>.hc>img{object-position:15% 30%}}
@media (max-width: 720px), (orientation: portrait) and (max-width: 1024px), (orientation: portrait) and (pointer: coarse){
  .story-in>.hc>img{inset:auto 0 0 0;top:auto;height:66vw;border-radius:20px;object-position:30% 40%}
  .pc>.hc>*{margin-inline:16px}
  .pin>.hc>p{font-size:1.08rem!important;line-height:1.6}
}

/* activity icons: Image widget with a brown-stroked svg; white on hover like the legacy inline svg */
body.home .icirc img{position:relative;width:64%;height:64%;transition:filter .35s}
body.home .ic:hover .icirc img{filter:brightness(0) invert(1)}

/* numbers: Elementor Counter in place of b.num[data-count] */
.nums .elementor-counter,.nums .elementor-counter div{padding:0!important;border:0!important;margin:0}
.nums .elementor-counter{display:block}
.nums .elementor-counter-number-wrapper{display:block;font:800 clamp(2.6rem,5vw,4.8rem)/1 var(--big,var(--fdisp));letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:inherit;justify-content:center}
.nums .elementor-counter span{display:inline;margin:0;max-width:none;color:inherit;font:inherit}

/* ===== native: inner-a.css ===== */
/* agent inner-a: about / activities / volunteers / media - wrapper fixes for native widgets (legacy classes kept) */

.racts.ia-c{justify-content:center}
/* split: photo pair (legacy .smedia.duo>img) */
.smedia.duo>.duo1{height:100%}
.smedia.duo>.duo1 img{width:100%;height:100%;object-fit:cover;display:block;border-radius:24px;box-shadow:0 30px 60px -38px rgb(43 27 14 / .5)}
.duo2>.elementor-widget-image{height:100%}

/* impact numbers: Counter widget = legacy <b class="num">; legacy ".nums div" (padding + divider) must only hit the column, not the widget divs inside it */
.nums>div div{padding:0!important;border:0!important}
.impact .nums .elementor-counter{display:block}
.nums .elementor-counter-title{display:none}
.impact .nums .elementor-counter .elementor-counter-number-wrapper{display:block;font:800 clamp(2.6rem,5vw,4.8rem)/1 var(--big,var(--fdisp));letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:inherit}
.nums .elementor-counter-number-wrapper span{display:inline;margin:0;max-width:none;color:inherit}
.nums .elementor-counter-number-prefix,.nums .elementor-counter-number-suffix{display:none!important}

/* partners (legacy .pin>p) */
.pin>.bly-pin-p>p{margin:14px auto 0;max-width:36em;font:300 max(1.2rem,calc(var(--hs) * .17))/1.6 "Caesarea",var(--body)}
.plg img{display:block;width:100%;height:100%;object-fit:contain}

/* timeline: rail + background film are HTML widgets that must sit in the grid like the legacy children */
.v3line>.bly-rail,.vsec.v3>.bly-v3bg{display:contents}
.v3f img{display:block}
.v3dot{position:relative}

/* mosaic + photo grid (Image widgets with .lbi instead of li>button.lbi) */
.mosaic>.lbi{min-height:0}
.gx>.lbi{break-inside:avoid;margin:0 0 clamp(12px,1.2vw,18px)}

/* photo band (legacy .pband figure) */
.pband>.pbfig{position:absolute;inset:0;margin:0;z-index:-2}
.pband .pbfig img{width:100%;height:118%;object-fit:cover;object-position:var(--pos);will-change:transform;transform:translateY(var(--py,0px))}

/* thanks cards: icon = Image widget with a pre-coloured svg */
.icirc img{position:relative;width:64%;height:64%;display:block}

/* press cards (legacy .pcx h3{flex:1}) */
.pcx .pb>.elementor-widget-heading{flex:1}
.pcx .pimg img{display:block}
.pcx .bly-src .src{display:block}

@media (prefers-reduced-motion:reduce){.pband .pbfig img{transform:none}}

/* widget spacing is zeroed, legacy margins on widget-level classes must be restated */
.icard>.elementor-widget.icirc{margin-block-end:8px}

/* volunteers: Elementor Pro Form styled as the legacy .bform (the widget carries .bly-btn.is-btn-sun only for the submit-button shim) */
.elementor-widget-form.bly-vform{display:block}
.bly-vform .elementor-form{padding:clamp(24px,3vw,44px);border-radius:26px;background:#fff;border:1px solid var(--hair2);box-shadow:0 30px 60px -44px rgb(43 27 14 / .5)}
.isec:not(.cream) .bly-vform .elementor-form{background:var(--bg,#FBF6EE);border-color:transparent;box-shadow:none}
.bly-vform .elementor-form-fields-wrapper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px;margin:0!important}
.bly-vform .elementor-form-fields-wrapper>.elementor-field-group{width:auto;max-width:none;margin:0!important;padding:0!important;display:grid;gap:7px;align-content:start}
.bly-vform .elementor-form-fields-wrapper>.elementor-col-100{grid-column:1/-1}
.bly-vform .elementor-field-group>.elementor-field-label{margin:0;padding:0;font:500 1rem "Caesarea",var(--body);color:var(--brown)}
.bly-vform .elementor-field-label small{font-weight:300;color:var(--ink-soft)}
.bly-vform.elementor-widget-form .elementor-mark-required .elementor-field-label:after{content:" *";color:inherit;padding:0}
.bly-vform .elementor-field-group .elementor-field-textual{width:100%;box-sizing:border-box;min-height:0;padding:.85em 1em;border-radius:14px;border:1.5px solid var(--hair2);background:#fff;color:var(--brown);font:400 1.05rem "Caesarea",var(--body);line-height:normal;transition:border-color .25s,box-shadow .25s}
.bly-vform .elementor-field-group textarea.elementor-field-textual{min-height:130px;resize:vertical}
.bly-vform .elementor-field-group .elementor-field-textual:focus{outline:none;border-color:var(--sun);box-shadow:0 0 0 4px rgb(180 83 42 / .12)}
.bly-vform .elementor-field-type-acceptance .elementor-field-subgroup{display:flex}
.bly-vform .elementor-field-type-acceptance .elementor-field-option{display:flex;align-items:flex-start;gap:10px;font:300 1rem "Caesarea",var(--body);color:var(--brown)}
.bly-vform .elementor-field-type-acceptance input{width:20px;height:20px;margin:3px 0 0;flex:none;accent-color:var(--sun)}
.bly-vform .elementor-field-type-acceptance label{font:inherit;color:inherit}
.bly-vform .elementor-field-type-acceptance a{color:inherit}
.bly-vform .e-form__buttons{display:flex;justify-content:flex-start!important;align-items:center;gap:18px;flex-wrap:wrap}
.bly-vform .e-form__buttons .elementor-button{flex:none;font-size:1.1rem;padding:.9em 2.2em}
.bly-vform .elementor-message{margin:10px 0 0;font:500 1.05rem "Caesarea",var(--body);color:#2F6B3A}
.bly-vform .elementor-message.elementor-message-danger{color:#A3341C}
@media (max-width:720px),(orientation:portrait) and (max-width:1024px),(orientation:portrait) and (pointer:coarse){
  .bly-vform .elementor-form-fields-wrapper{grid-template-columns:1fr}}

/* legacy column flex boxes: the .bn default (--flex-direction:row) would otherwise win */
body.bly .e-con.icard,body.bly .e-con.pcx,body.bly .e-con.pcx>.e-con.pb{flex-direction:column}

/* ===== native: inner-b.css ===== */
/* ===== inner-b: donations, contact, register, gallery, accessibility, privacy (native widget wrappers) ===== */
/* containers whose legacy class sets a layout: beat wp.css "body.bly .elementor .e-con{display:block}" */
body.bly .elementor .e-con.amts{display:grid}
body.bly .elementor .e-con.amtc{display:flex;flex-direction:column;gap:10px;flex-wrap:nowrap}
body.bly .elementor .e-con.gways{display:grid;gap:16px}
body.bly .elementor .e-con.cgrid{display:grid}
body.bly .elementor .e-con.ccards{display:grid;gap:16px}
body.bly .elementor .e-con.ccard{display:flex;flex-direction:row;flex-wrap:nowrap;gap:16px;align-items:center}
body.bly .elementor .e-con.pband{display:grid;position:relative}
body.bly .elementor .e-con.amtc,body.bly .elementor .e-con.ccard{width:auto}
.amtc>.elementor-element,.ccard>.elementor-element{width:auto;max-width:100%}

/* donation track cards (a.amtc containers) */
.amtc{text-decoration:none}
.amtc>.bly-go{margin-top:auto}
.amtc .go{display:block}
body.bly .elementor-element.amtc .aimg{overflow:hidden}

/* photo band: the Image widget plays the old <figure> */
body.bly .elementor-element.pband>.pbfig{position:absolute;inset:0;margin:0;z-index:-2}
.pband>.pbfig img{width:100%;height:118%;max-width:none;object-fit:cover;object-position:var(--pos);will-change:transform;transform:translateY(var(--py,0px));display:block}
@media (prefers-reduced-motion:reduce){.pband>.pbfig img{transform:none}}

/* other ways to give */
.gway .elementor-heading-title{line-height:inherit;color:inherit;font:inherit}

/* contact cards: Image widget = the old round icon */
body.bly .elementor-element.ccard>.ccic{flex:none;width:46px;height:46px;padding:11px;box-sizing:border-box;border-radius:50%;background:var(--sun);line-height:0}
.ccard>.ccic img{width:24px;height:24px;display:block}
.ccard>.elementor-widget-text-editor{flex:1;min-width:0}
.cphoto img{width:100%;height:100%;object-fit:cover;display:block}

/* map: Google Maps widget */
.map.elementor-widget-google_maps .elementor-custom-embed{width:100%;height:100%;line-height:0}
.map.elementor-widget-google_maps iframe{width:100%;height:100%;border:0;display:block;filter:saturate(.75)}

/* FAQ: Toggle widget dressed like the old <details> */
.nfaq .elementor-toggle{display:grid;gap:12px}
.nfaq .elementor-toggle .elementor-toggle-item{margin:0;border-radius:18px;background:var(--bg,#FBF6EE);border:1px solid transparent;transition:border-color .3s,background .3s}
.isec.cream .nfaq .elementor-toggle .elementor-toggle-item{background:#fff}
.nfaq .elementor-toggle .elementor-toggle-item:has(.elementor-active){border-color:var(--hair2)}
.nfaq .elementor-toggle .elementor-tab-title{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 24px;margin:0;border:0;font:500 1.2rem/1.4 "Caesarea",var(--fdisp);color:var(--brown);cursor:pointer}
.nfaq .elementor-toggle .elementor-toggle-icon{display:none}
.nfaq .elementor-toggle .elementor-toggle-title{color:inherit;font:inherit;text-decoration:none;flex:1}
.nfaq .elementor-toggle .elementor-tab-title::after{content:"";flex:none;width:12px;height:12px;border:solid var(--sun);border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-3px);transition:transform .35s var(--ease)}
.nfaq .elementor-toggle .elementor-tab-title.elementor-active::after{transform:rotate(-135deg) translateY(-3px)}
.nfaq .elementor-toggle .elementor-tab-content{padding:0 24px 22px;border:0;font:300 1.1rem/1.65 "Caesarea",var(--body);color:var(--brown)}
.nfaq .elementor-toggle .elementor-tab-content p{margin:0 0 .7em}

/* will section */
.pwill{max-width:760px;margin:0 auto}

/* gallery: containers instead of ul/li/button */
.gxi{break-inside:avoid;margin:0 0 clamp(12px,1.2vw,18px)}
body.bly .elementor .e-con.gxi[hidden]{display:none}
body.bly .elementor-element.lbi{position:relative;display:block;cursor:zoom-in;border-radius:16px;overflow:hidden;line-height:0}
.gx .lbi img{display:block;width:100%;height:auto;max-width:none}
.lbi:focus-visible{outline:2px solid var(--sun);outline-offset:3px}

/* ===== Pro Form dressed as .bform ===== */
.nform .elementor-form{padding:clamp(24px,3vw,44px);border-radius:26px;background:#fff;border:1px solid var(--hair2);box-shadow:0 30px 60px -44px rgb(43 27 14 / .5)}
.isec:not(.cream) .nform .elementor-form{background:var(--bg,#FBF6EE);border-color:transparent;box-shadow:none}
.nform .elementor-form-fields-wrapper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px;margin:0}
.nform .elementor-form-fields-wrapper>.elementor-field-group{width:auto;max-width:none;flex:none;margin:0;padding:0;display:grid;gap:7px;align-content:start}
.nform .elementor-form-fields-wrapper>.elementor-col-100{grid-column:1/-1}
.nform .elementor-field-group>.elementor-field-label{margin:0;padding:0;font:500 1rem "Caesarea",var(--body);color:var(--brown)}
.nform .elementor-mark-required .elementor-field-label::after{content:" *";color:inherit;padding:0}
.nform .elementor-field-group .elementor-field-textual,.nform .elementor-field-group input[type=file]{width:100%;min-height:0;box-sizing:border-box;padding:.85em 1em;border-radius:14px;border:1.5px solid var(--hair2);background:#fff;color:var(--brown);font:400 1.05rem "Caesarea",var(--body);line-height:normal;transition:border-color .25s,box-shadow .25s}
.nform .elementor-field-group textarea.elementor-field-textual{min-height:130px;resize:vertical}
.nform .elementor-field-group .elementor-field-textual:focus,.nform .elementor-field-group input[type=file]:focus{outline:none;border-color:var(--sun);box-shadow:0 0 0 4px rgb(180 83 42 / .12)}
.nform .elementor-select-wrapper{width:100%}
.nform .elementor-select-wrapper .select-caret-down-wrapper{inset-inline-end:14px;inset-inline-start:auto;left:14px;right:auto;font-size:11px;color:var(--brown)}
.nform .elementor-select-wrapper select{appearance:none;-webkit-appearance:none}
.nform .elementor-field-type-acceptance .elementor-field-subgroup{display:block}
.nform .elementor-field-type-acceptance .elementor-field-option{display:flex;align-items:flex-start;gap:10px;font:300 1rem "Caesarea",var(--body);color:var(--brown)}
.nform .elementor-field-type-acceptance input{width:20px;height:20px;margin:3px 0 0;flex:none;accent-color:var(--sun)}
.nform .elementor-field-type-acceptance label{margin:0;padding:0}
.nform .elementor-field-type-acceptance a{color:inherit}
.nform .flegend{margin:6px 0 0}.nform .flegend b{font:500 1.25rem "Caesarea"}
.nform .fnote{margin:0;font:300 .95rem/1.5 "Caesarea",var(--body);color:var(--ink-soft)}
.nform .elementor-field-type-submit{display:flex;justify-content:flex-start}
.nform .elementor-field-type-submit .elementor-button{display:inline-flex;align-items:center;justify-content:center;gap:.5em;width:auto;border:0;cursor:pointer;font:700 1.1rem/1 var(--body);padding:.9em 2.2em;border-radius:999px;background:var(--sun);color:var(--sun-ink);white-space:nowrap;transition:transform .2s var(--ease),background .2s;min-height:0}
.nform .elementor-field-type-submit .elementor-button:hover{background:#9E4522}
.nform .elementor-field-type-submit .elementor-button:active{transform:scale(.97)}
.nform .elementor-message{margin:14px 0 0;font:500 1.05rem "Caesarea",var(--body);color:#2F6B3A}
.nform .elementor-message::before{display:none}
.nform .elementor-message.elementor-message-danger,.nform .elementor-message.elementor-help-inline{color:#A3341C}
.nform .elementor-field-type-upload .elementor-field-label{margin:0}

@media (max-width:720px), (orientation: portrait) and (max-width: 1024px), (orientation: portrait) and (pointer: coarse){
  .nform .elementor-form-fields-wrapper{grid-template-columns:1fr}
}

/* fixes after the first parity run */
.nform .elementor-form-fields-wrapper>.e-form__buttons{display:flex;justify-content:flex-start;align-items:center;gap:18px;flex-wrap:wrap}
body.bly .elementor-element.ccard>.elementor-widget-text-editor{flex:1 1 auto;min-width:0}
body.bly .elementor-element.ccard>.ccic{flex:none}
.nform .elementor-field-type-acceptance input{font:400 1.05rem "Caesarea",var(--body);color:var(--brown)}
body.bly .elementor-element.amtc>.elementor-element{flex:none}
body.bly .elementor-element.amtc>.bly-go{margin-top:auto}
body.bly .nform .elementor-form-fields-wrapper>.elementor-field-group{margin:0;padding:0}
body.bly .nform .elementor-field-group .elementor-field-textual,body.bly .nform .elementor-field-group input[type=file]{border:1.5px solid var(--hair2);border-radius:14px}
body.bly .elementor-element.amtc>.aimg{max-width:none}
body.bly .elementor-element.pwill{max-width:760px;margin-inline:auto}
/* text widgets whose only child was a flex item in the legacy markup: block it, so the wrapper adds no line box */
.amtc>.elementor-widget-text-editor>*,.ccard>.elementor-widget-text-editor>span{display:block}
.prose.pwill>ul,.prose.pwill>p{max-width:760px;margin-inline:auto}
body.bly .nform .elementor-form-fields-wrapper{margin:0}
/* beat Elementor's per-element form CSS (column gap = negative wrapper margins + field padding) */
body.bly .elementor .elementor-element.nform .elementor-form-fields-wrapper{margin:0}
body.bly .elementor .elementor-element.nform .elementor-field-group{padding:0;margin:0}
body.bly .elementor .elementor-element.amtc>.elementor-element.aimg{margin:-6px -6px 6px}

/* ===== native: theme.css ===== */
/* native header / footer (Elementor Pro theme templates, native/theme.py). The legacy .top / .drawer / .f3 rules still apply;
   these rules only restore what the Elementor wrappers and wp.css (static, block, padding 0) take away. */

/* ---------- header ---------- */
body.bly .elementor-element.top{position:fixed}
body.bly .elementor-element.drawer{position:fixed}
body.bly .top .e-con.wrap{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;height:76px;width:min(var(--max),100% - 2 * var(--edge));max-width:none;margin-inline:auto;padding-inline:0;gap:clamp(14px,2vw,32px)}
body.bly .top .e-con.tools{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:6px;width:auto}
body.bly .top .elementor-widget-image.brand{flex:none;display:block;width:auto}
body.bly .top .brand a{display:block}
body.bly .top .brand img{display:block;width:120px;max-width:none;height:auto}

/* desktop menu = Nav Menu widget (WP menu bly-main) */
body.bly .top .elementor-widget-nav-menu.nav{display:block;flex:1;min-width:0;margin-inline:clamp(8px,2vw,40px)}
body.bly .top .nav .elementor-nav-menu--main{display:block}
body.bly .top .nav ul.elementor-nav-menu{display:flex;flex-wrap:nowrap;justify-content:space-evenly;gap:2px;margin:0;padding:0;list-style:none}
body.bly .top .nav ul.elementor-nav-menu>li{display:block;position:relative}
body.bly .top .nav .elementor-nav-menu a.elementor-item{display:block;margin:0;padding:.45em .8em;border-radius:999px;text-decoration:none;font-family:inherit;font-weight:600;font-size:1rem;line-height:inherit;white-space:nowrap;color:inherit;background:none}
body.bly .top .nav .elementor-nav-menu a.elementor-item:hover{background:rgb(127 127 127 / .16)}
body.bly .top .nav .elementor-nav-menu a.elementor-item.cur,body.bly .top .nav .elementor-nav-menu a.elementor-item-active{background:rgb(180 83 42 / .12);color:var(--sun)}
body.bly .top .nav .menu-item-has-children>a.elementor-item::after{content:"";display:inline-block;width:.36em;height:.36em;border:solid currentColor;border-width:0 1.8px 1.8px 0;transform:rotate(45deg);margin-inline-start:.5em;translate:0 -.2em;position:static;background:none}
body.bly .top .nav .sub-arrow{display:none}
/* sub-menu (same card as the old .menu); shown by hover / focus, whatever SmartMenus writes inline */
body.bly .top .nav ul.sub-menu{display:block!important;position:absolute!important;inset-inline-start:0!important;inset-inline-end:auto!important;top:calc(100% + 6px)!important;margin:0!important;width:auto!important;min-width:200px!important;
  background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:14px;padding:6px;list-style:none;opacity:0;visibility:hidden;transition:.2s;box-shadow:none;z-index:2}
body.bly .top .nav li:hover>ul.sub-menu,body.bly .top .nav li:focus-within>ul.sub-menu{opacity:1;visibility:visible}
body.bly .top .nav ul.sub-menu a.elementor-sub-item{display:block;padding:.55em .8em;border-radius:10px;text-decoration:none;color:inherit;background:none;font:inherit;font-weight:400;white-space:nowrap;border:0}
body.bly .top .nav ul.sub-menu a.elementor-sub-item:hover{background:var(--soft)}
/* Elementor's hidden mobile copy of every Nav Menu */
body.bly .elementor-location-header nav.elementor-nav-menu--dropdown.elementor-nav-menu__container{display:none!important}

/* round tools (Button widgets): 44px circle, icon drawn from src/assets/icons/theme-h-*.svg, label kept for screen readers */
body.bly .top .tool{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;font:700 .85rem var(--body)}
body.bly .top .tool .elementor-button{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;padding:0;background:none;color:inherit;font:inherit;text-decoration:none;cursor:pointer}
body.bly .top .tool:not(.t-en) .elementor-button::before{content:"";width:22px;height:22px;background:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
body.bly .top .tool:not(.t-en) .elementor-button-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body.bly .top .t-phone{--ic:url(../assets/icons/theme-h-phone.svg)}
body.bly .top .a11y-m{--ic:url(../assets/icons/theme-h-a11y.svg)}
body.bly .top .burger{--ic:url(../assets/icons/theme-h-menu.svg)}
body.bly .top .burger .elementor-button[aria-expanded="true"]{--ic:url(../assets/icons/theme-h-x.svg)}
body.bly .top .tool.burger,body.bly .top .tool.a11y-m{display:none}
@media (max-width:1100px){
  body.bly .top .elementor-widget-nav-menu.nav{display:none}
  body.bly .top .tool.burger,body.bly .top .tool.a11y-m{display:grid}
  body.bly .top .e-con.wrap{position:relative;justify-content:flex-start}
  body.bly .top .elementor-widget-image.brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0}
  body.bly .top .brand img{width:104px}
  body.bly .top .e-con.tools{flex:1;margin-inline-start:0}
  body.bly .top .tools .burger{order:-1;margin-inline-end:auto}
}
@media (max-width:560px){body.bly .top .t-cta{display:none}}

/* drawer = Nav Menu widget (WP menu bly-mobile, flat); the register item has the class "in" */
body.bly .drawer .elementor-nav-menu--main{display:block}
body.bly .drawer ul.elementor-nav-menu{display:block;margin:0;padding:0;list-style:none}
body.bly .drawer ul.elementor-nav-menu>li{display:block}
body.bly .drawer .elementor-nav-menu a.elementor-item{display:block;margin:0;padding:.7em 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;text-decoration:none;font:400 1.3rem var(--serif);color:inherit}
body.bly .drawer .elementor-nav-menu li.in a.elementor-item{font:400 1rem var(--body);color:var(--muted);padding-inline-start:1em}
body.bly .drawer .elementor-nav-menu a.elementor-item::before,body.bly .drawer .elementor-nav-menu a.elementor-item::after{display:none}

/* ---------- footer ---------- */
body.bly .elementor-location-footer .elementor-widget{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}
body.bly .elementor-element.f3{position:relative}
body.bly .f3 .e-con.f3in{display:grid;width:min(var(--max),100% - 2 * var(--edge));margin:0 auto}
body.bly .f3 .f3col .elementor-heading-title{margin:0 0 18px;font:500 1.3rem "Caesarea",var(--fdisp);color:#fff}
body.bly .f3 .f3brand .elementor-widget-image{text-align:start}
body.bly .f3 .f3brand img{display:block;height:clamp(70px,6vw,96px);width:auto;max-width:none}
/* link lists (Icon List): the line icons come from src/assets/icons/theme-f-*.svg */
body.bly .f3 .f3list .elementor-icon-list-items{display:grid;gap:12px;margin:0;padding:0;list-style:none}
body.bly .f3 .f3list .elementor-icon-list-item{display:flex;align-items:center;gap:10px;margin:0;padding:0}
body.bly .f3 .f3list .elementor-icon-list-item>a,body.bly .f3 .f3list .elementor-icon-list-item>.elementor-icon-list-text{font:300 1.05rem/1.4 "Caesarea",var(--body)}
body.bly .f3 .f3list .elementor-icon-list-item::before{content:"";flex:none;width:20px;height:20px;background:#F2B48F;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
body.bly .f3 .f3list .elementor-icon-list-item::after{display:none}
body.bly .f3 .f3list .elementor-icon-list-item>a{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}
body.bly .f3 .f3list .elementor-icon-list-item>a:hover{color:#F2B48F}
body.bly .f3 .f3list a .elementor-icon-list-text{color:inherit;font:inherit;padding:0}
body.bly .f3 .f3list .elementor-icon-list-text{color:inherit;padding:0}
body.bly .f3 .f3contact li:nth-child(1),body.bly .f3 .f3contact li:nth-child(2),body.bly .f3 .f3quick li:nth-child(5){--ic:url(../assets/icons/theme-f-phone.svg)}
body.bly .f3 .f3contact li:nth-child(3){--ic:url(../assets/icons/theme-f-mail.svg)}
body.bly .f3 .f3contact li:nth-child(4),body.bly .f3 .f3quick li:nth-child(2){--ic:url(../assets/icons/theme-f-wa.svg)}
body.bly .f3 .f3contact li:nth-child(5){--ic:url(../assets/icons/theme-f-pin.svg)}
body.bly .f3 .f3contact li:nth-child(6){--ic:url(../assets/icons/theme-f-box.svg)}
body.bly .f3 .f3quick li:nth-child(1){--ic:url(../assets/icons/theme-f-heart.svg)}
body.bly .f3 .f3quick li:nth-child(3){--ic:url(../assets/icons/theme-f-msg.svg)}
body.bly .f3 .f3quick li:nth-child(4){--ic:url(../assets/icons/theme-f-nav.svg)}
/* social (Social Icons widget) */
body.bly .f3 .f3social{display:block;margin-top:20px}
body.bly .f3 .f3social .elementor-social-icons-wrapper{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start!important;text-align:start}
body.bly .f3 .f3social .elementor-grid-item{display:block;margin:0}
body.bly .f3 .f3social .elementor-social-icon{--icon-size:16px;--icon-padding:0;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;padding:0;margin:0;background:rgb(255 255 255 / .1);color:#fff;font-size:16px;transition:background .25s}
body.bly .f3 .f3social .elementor-social-icon svg{width:16px;height:16px;fill:#fff}
body.bly .f3 .f3social .elementor-social-icon:hover{background:var(--sun)}
/* contact form (Pro Form) */
body.bly .f3 .f3form{display:block}
body.bly .f3 .f3form .elementor-form-fields-wrapper{display:grid;gap:10px;margin:0}
body.bly .f3 .f3form .elementor-field-group{width:100%;max-width:none;margin:0;padding:0}
body.bly .f3 .f3form .elementor-field-group .elementor-field-textual{height:48px;min-height:48px;border-radius:12px!important;border:1px solid rgb(255 255 255 / .18)!important;background:rgb(255 255 255 / .06)!important;color:#fff!important;padding:0 14px;font:300 1rem "Caesarea",var(--body);line-height:normal;box-shadow:none}
body.bly .f3 .f3form .elementor-field-textual::placeholder{color:rgb(255 255 255 / .55)!important;opacity:1}
body.bly .f3 .f3form .elementor-field-textual:focus{outline:2px solid #F2B48F;outline-offset:1px}
body.bly .f3 .f3form .elementor-field-type-acceptance,body.bly .f3 .f3form .elementor-field-option{display:flex;gap:8px;align-items:center;font:300 .95rem "Caesarea",var(--body);color:inherit}
body.bly .f3 .f3form .elementor-field-option label{color:inherit;font:inherit;margin:0;padding:0}
body.bly .f3 .f3form .elementor-field-option a{color:#F2B48F}
body.bly .f3 .f3form .elementor-field-option input{margin:0}
body.bly .f3 .f3form .e-form__buttons{display:flex;justify-content:flex-start}
body.bly .f3 .f3form.bly-btn .elementor-button{width:auto;padding:.8em 2.4em}
body.bly .f3 .f3form .elementor-message{margin:0;color:#F2B48F;font:300 .95rem "Caesarea",var(--body)}
@media (max-width:720px){body.bly .f3 .f3list .elementor-icon-list-item>a{min-height:40px}body.bly .f3 .f3form .elementor-field-type-acceptance{min-height:40px}}
/* will line + base row */
body.bly .f3 .bly-f3will p.f3will{width:min(var(--max),100% - 2 * var(--edge))}
body.bly .f3 .e-con.f3base{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:min(var(--max),100% - 2 * var(--edge));margin:18px auto 0;padding:18px 0 26px}
body.bly .f3 .f3base p{margin:0}
body.bly .f3 .f3docs .elementor-icon-list-items{display:flex;gap:18px;margin:0;padding:0;list-style:none}
body.bly .f3 .f3docs .elementor-icon-list-item{margin:0;padding:0}
body.bly .f3 .f3docs .elementor-icon-list-item::after{display:none}
body.bly .f3 .f3docs a,body.bly .f3 .f3docs .elementor-icon-list-text{color:inherit;font:inherit;text-decoration:none;padding:0}
body.bly .f3 .f3docs a:hover,body.bly .f3 .f3docs a:hover .elementor-icon-list-text{color:#fff}
@media (max-width: 720px), (orientation: portrait) and (max-width: 1024px), (orientation: portrait) and (pointer: coarse){
  body.bly .f3 .e-con.f3in{width:auto;padding-inline:var(--gut)}
  body.bly .f3 .e-con.f3base,body.bly .f3 .bly-f3will p.f3will{width:auto;margin-inline:var(--gut)}
  body.bly .f3 .f3docs a{display:inline-block;padding:10px 6px}
}
@media (max-width:900px){
  body.bly .f3 .e-con.f3in>.elementor-element{width:min(100%,340px)}
  body.bly .f3 .f3brand .elementor-widget-image img{margin-inline:auto}
  body.bly .f3 .f3brand .f3social .elementor-social-icons-wrapper{justify-content:center!important}
  body.bly .f3 .e-con.f3base{flex-direction:column;align-items:center;text-align:center}
  body.bly .f3 .f3docs .elementor-icon-list-items{flex-wrap:wrap;justify-content:center}
}
/* small phones: three round tools + a centred logo do not fit at 44px; slimmer tools, slightly smaller logo */
@media (max-width:440px){
  body.bly .top .tool{width:36px;height:36px}
  body.bly .top .tool:not(.t-en) .elementor-button::before{width:19px;height:19px}
  body.bly .top .e-con.tools{gap:2px}
  body.bly .top .brand img{width:88px}
}

/* ===== native: zw-a11y.css ===== */
/* ===== accessibility toolbar (src/native/a11y.js) ===== */
/* the widget: fixed to the reading-end bottom corner (left in Hebrew, right in English), sized in px so the text-size
   setting never distorts it */
#bly-a11y{position:fixed;z-index:990;bottom:calc(18px + var(--a11y-lift,0px));inset-inline-end:18px;font:400 15px/1.35 'Assistant','Rubik',Arial,sans-serif;
  letter-spacing:normal;word-spacing:normal;color:#2B1B0E;transition:bottom .25s ease}
#bly-a11y *{box-sizing:border-box;font-family:inherit;letter-spacing:normal;word-spacing:normal;line-height:1.35}
#bly-a11y svg{width:22px;height:22px;flex:0 0 auto}
.a11y-btn{width:54px;height:54px;border-radius:50%;border:3px solid #FBF6EC;background:#2B1B0E;color:#fff;display:grid;place-items:center;cursor:pointer;
  box-shadow:0 6px 18px rgba(43,27,14,.35);padding:0;transition:transform .2s ease,background .2s ease}
.a11y-btn svg{width:30px;height:30px;fill:currentColor}
.a11y-btn:hover{transform:scale(1.06);background:#4A3020}
#bly-a11y button:focus-visible,#bly-a11y a:focus-visible{outline:3px solid #E8590C;outline-offset:3px}
.a11y-panel{position:absolute;bottom:66px;inset-inline-end:0;width:min(340px,calc(100vw - 36px));max-height:min(720px,calc(100vh - 110px));overflow:auto;
  background:#FFFDF8;border:1px solid #E6DCC8;border-radius:18px;box-shadow:0 18px 48px rgba(43,27,14,.28);padding:16px}
.a11y-panel[hidden]{display:none}
.a11y-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
.a11y-head h2{display:flex;align-items:center;gap:8px;margin:0;font-size:19px;font-weight:700;color:#2B1B0E}
.a11y-head h2 svg{width:26px;height:26px;fill:#2B1B0E}
.a11y-x{width:40px;height:40px;border-radius:50%;border:1px solid #E6DCC8;background:#fff;display:grid;place-items:center;cursor:pointer;color:#2B1B0E;padding:0}
.a11y-x svg,.a11y-size svg,.a11y-opt svg,.a11y-reset svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.a11y-size{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#F5EDDD;border-radius:12px;padding:8px;margin-bottom:12px}
.a11y-size button{width:44px;height:44px;border-radius:10px;border:1px solid #D9CBB0;background:#fff;display:grid;place-items:center;cursor:pointer;color:#2B1B0E;padding:0}
.a11y-size button[disabled]{opacity:.4;cursor:default}
.a11y-pct{font-weight:700;font-size:15px}
.a11y-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.a11y-opt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:64px;padding:8px 6px;border-radius:12px;
  border:1.5px solid #E6DCC8;background:#fff;color:#2B1B0E;font-size:14px;font-weight:600;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}
.a11y-opt:hover{border-color:#B98A4E}
.a11y-opt[aria-pressed="true"]{background:#2B1B0E;border-color:#2B1B0E;color:#fff}
.a11y-reset{margin-top:12px;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:12px;border:1.5px solid #2B1B0E;
  background:transparent;color:#2B1B0E;font-size:15px;font-weight:700;cursor:pointer}
.a11y-reset svg{width:18px;height:18px}
.a11y-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 14px;margin-top:12px;font-size:14px}
.a11y-links a{color:#7A3E10;text-decoration:underline;text-underline-offset:3px;font-weight:600}
@media (max-width:720px){#bly-a11y{bottom:calc(14px + var(--a11y-lift,0px));inset-inline-end:12px}.a11y-btn{width:50px;height:50px}.a11y-panel{bottom:60px}}
@media (prefers-reduced-motion:reduce){#bly-a11y,.a11y-btn{transition:none}}
@media print{#bly-a11y{display:none}}

/* ----- the adjustments (classes on <html>, never on the widget itself) ----- */
html.a11y-fs1{font-size:115%!important}
html.a11y-fs2{font-size:130%!important}
html.a11y-fs3{font-size:150%!important}
html.a11y-fs4{font-size:175%!important}
html.a11y-mono{filter:grayscale(1)}
html.a11y-hc body :not(#bly-a11y):not(#bly-a11y *):not(img):not(video):not(svg):not(svg *):not(picture){background-color:#000!important;background-image:none!important;
  color:#fff!important;border-color:#fff!important;text-shadow:none!important;box-shadow:none!important}
html.a11y-hc body{background:#000!important}
html.a11y-hc body a:not(#bly-a11y a),html.a11y-hc body a:not(#bly-a11y a) *{color:#FFE600!important}
html.a11y-hc body button:not(#bly-a11y button),html.a11y-hc body .elementor-button{border:2px solid #FFE600!important}
html.a11y-hc body svg:not(#bly-a11y svg){color:#fff!important}
html.a11y-light body :not(#bly-a11y):not(#bly-a11y *):not(img):not(video):not(svg):not(svg *):not(picture){background-color:#fff!important;background-image:none!important;
  color:#000!important;border-color:#000!important;text-shadow:none!important}
html.a11y-light body{background:#fff!important}
html.a11y-light body a:not(#bly-a11y a),html.a11y-light body a:not(#bly-a11y a) *{color:#0B3D91!important}
html.a11y-light body svg:not(#bly-a11y svg){color:#000!important}
html.a11y-links body a:not(#bly-a11y a){text-decoration:underline!important;text-underline-offset:3px!important;text-decoration-thickness:2px!important;
  outline:2px dashed currentColor!important;outline-offset:2px!important}
html.a11y-heads body :is(h1,h2,h3,h4,h5,h6,[role="heading"]):not(#bly-a11y *){outline:3px solid #E8590C!important;outline-offset:4px!important}
html.a11y-font body :not(#bly-a11y):not(#bly-a11y *):not(svg):not(svg *):not(i):not([class*="eicon"]):not([class*="fa-"]){font-family:Arial,'Assistant',Helvetica,sans-serif!important}
html.a11y-spacing body :not(#bly-a11y):not(#bly-a11y *){line-height:1.6!important;letter-spacing:.12em!important;word-spacing:.16em!important}
html.a11y-spacing body p:not(#bly-a11y *){margin-bottom:2em!important}
html.a11y-stop *,html.a11y-stop *::before,html.a11y-stop *::after{animation-duration:0s!important;animation-delay:0s!important;animation-iteration-count:1!important;
  transition:none!important;scroll-behavior:auto!important}
html.a11y-cursor,html.a11y-cursor body *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24'%3E%3Cpath d='M4 2l16 9-7 2-3 7z' fill='%23000' stroke='%23fff' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") 4 2,auto!important}
html.a11y-focus body :focus{outline:4px solid #FFBF00!important;outline-offset:2px!important;box-shadow:0 0 0 7px #000!important}

/* ===== native: zy-review.css ===== */
/* UI/UX review fixes, Oct 26 2026 (both languages; English-only tweaks live in zz-ltr.css, loaded after this file) */

/* "what we do" cards: the descriptions show in full instead of a 2-line clamp that hid half the text */
.ic .idesc{display:block;-webkit-line-clamp:unset;overflow:visible}

/* timeline: more air between the step text and the number circle (its halo ate the 10px gap) */
@media (min-width:901px){.v3r{grid-template-columns:minmax(0,1fr) 128px minmax(0,1fr)}}

/* timeline heading on phones: the same size as the other section titles, not a caption */
@media (max-width:720px){.how3 h2.elementor-heading-title:not(.v3t *){font-size:clamp(1.85rem,8.2vw,2.4rem)!important;line-height:1.15}}

/* phone header: bigger tap targets (40px, the most that still clears the centred logo) */
@media (max-width:720px){body.bly .top .tool{width:40px;height:40px}}

/* footer form: the consent checkbox sits on the label's first line, at a tappable size */
.f3form .elementor-field-type-acceptance .elementor-field-subgroup{display:block}
.f3form .elementor-field-type-acceptance .elementor-field-option{display:flex;align-items:flex-start;gap:10px}
.f3form .elementor-field-type-acceptance input{width:14px;height:14px;margin:3px 0 0;flex:none;accent-color:var(--sun)}
/* the consent line (still required) on one line in the footer column */
.f3form .elementor-field-type-acceptance .elementor-field-option{gap:8px;align-items:center}
.f3form .elementor-field-type-acceptance label{font-size:clamp(.74rem,.8vw,.86rem)!important;line-height:1.4}
@media (min-width:1366px){.f3form .elementor-field-type-acceptance label{white-space:nowrap}}
.f3form .elementor-field-type-acceptance input{margin-top:0}

/* --- content pages review --- */
/* phone section titles: one scale, never smaller than the body text */
@media (max-width:720px){
  .stext h2.elementor-heading-title{font-size:clamp(1.5rem,6.4vw,1.8rem)!important;line-height:1.2}
  .ihead h2.elementor-heading-title,.vin h2.elementor-heading-title{font-size:clamp(1.85rem,8.2vw,2.4rem)!important;line-height:1.15}
}
/* phone donate bar: the button never wraps, the label takes the rest */
@media (max-width:720px){.mgive b{white-space:nowrap;flex:0 0 auto}.mgive span{flex:1;min-width:0}}
/* timeline: the sticky background's negative top margin cancelled the section padding, so the heading touched whatever
   came before it; the content gets that space back */
.vsec.v3>.vin{padding-top:clamp(64px,8vh,100px)}
/* volunteer/gallery photo grids: the same gap between rows as between columns */
body.bly .gx>.elementor-element.lbi{break-inside:avoid;margin:0 0 clamp(12px,1.2vw,18px)!important}
/* transparency facts on phones: a start-aligned list with round, unsquashed dots */
.docrow span::before{flex:0 0 9px}
@media (max-width:720px){.docrow{flex-direction:column;align-items:flex-start;width:fit-content;margin-inline:auto;text-align:start}}
/* phone heroes: text stays readable over light photos */
@media (max-width:720px){.phero .crumbs,.phero h1,.phero .plead{text-shadow:0 1px 3px rgb(20 12 4 / .55),0 2px 14px rgb(20 12 4 / .5)}}
/* press cards: "read article" never wraps; the author line does */
.meta b{white-space:nowrap;flex:0 0 auto}.meta>span{min-width:0}
/* press-contact email/phone look like links */
.bly-ihead-p a{color:var(--sun);text-decoration:underline;text-underline-offset:3px}
/* nothing under 14px on phones */
@media (max-width:720px){.secure{font-size:.875rem}.elementor-field-label small{font-size:.875rem}}

/* --- forms / chrome review --- */
/* a closed donation panel is out of the tab order too, not just 0px tall */
.fgive:not(.open) .pbody>*{visibility:hidden;transition:visibility 0s .45s}
.fgive.open .pbody>*{visibility:visible;transition-delay:0s}
/* form fields: a clear keyboard focus ring */
.elementor-field-group .elementor-field:focus-visible,.fgive input:focus-visible,.give2 input:focus-visible{outline:3px solid var(--sun);outline-offset:2px;border-color:var(--sun)}
/* the privacy link inside the consent labels looks like a link (the footer keeps its light colour) */
.elementor-field-type-acceptance a{text-decoration:underline;text-underline-offset:3px}
.elementor-field-type-acceptance a:not(.f3form *){color:var(--sun)}
/* date fields: the same height as their neighbours */
.elementor-field-group input.elementor-field:not([type="checkbox"]):not([type="radio"]):not([type="file"]){height:3.2em}
/* cookie card: links and buttons never break mid-label; on phones the two buttons share one row */
#bly-cc a,.cc-btns .cc-b{white-space:nowrap}
@media (max-width:480px){.cc-btns{flex-wrap:wrap}.cc-btns .cc-pri,.cc-btns .cc-sec{flex:1 1 0;min-width:0;padding-inline:.8em}.cc-btns .cc-txt{flex-basis:100%;text-align:center}}

/* --- owner-approved round, Oct 26 2026 --- */
/* gallery filters on phones: one row that scrolls sideways by hand (not a ticker), faded at the edges */
@media (max-width:720px){
  .gfilter{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;
    margin-inline:calc(-1 * var(--gut,16px));padding:2px var(--gut,16px) 6px;
    -webkit-mask:linear-gradient(90deg,transparent,#000 20px,#000 calc(100% - 20px),transparent);mask:linear-gradient(90deg,transparent,#000 20px,#000 calc(100% - 20px),transparent)}
  .gfilter::-webkit-scrollbar{display:none}
  .gfilter button{flex:none;scroll-snap-align:start;white-space:nowrap}
}
/* phones: about 70px between sections instead of 150-220px */
@media (max-width:720px){
  body.bly .isec{padding-block:36px!important}
  body.bly .isec.tight{padding-block:28px!important}
  body.bly .ipad{padding-block:36px!important}
  body.bly .partners2{padding-block:36px 40px!important}
  body.bly .road{padding-block:44px 36px!important}
  body.bly .acts2{padding-block:36px 44px!important}
  body.bly .impact{padding-block:56px 36px!important}
  body.bly .g3{padding-block:44px 36px!important}
  body.bly .vsec{padding-block:44px!important}
  body.bly .vsec.v3>.vin{padding-top:0}
  body.bly .pr3{padding-block:44px 36px!important}
}
/* burger menu: a side panel from the start edge with a dimmed, locked page behind it */
html.bly-lock,html.bly-lock body{overflow:hidden}
body.bly .drawer{inset:76px auto 0 0;inset-inline-start:0;inset-inline-end:auto;width:min(420px,88vw);overflow-y:auto;overscroll-behavior:contain;
  border-bottom:0;padding:12px 28px 32px;transform:translateX(calc(var(--dx,1) * 24px));box-shadow:0 0 0 100vmax rgb(43 27 14 / 0);transition:opacity .25s var(--ease),transform .3s var(--ease),visibility .3s,box-shadow .3s}
body.bly .drawer.open{transform:none;box-shadow:0 0 0 100vmax rgb(43 27 14 / .42)}
html[lang^="en"] body.bly .drawer{--dx:-1}
html.bly-lock body.bly .top{background:var(--surface,#FBF6EE)!important;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:60}
/* hero donation panel: four amounts (as in the bottom box) on one row */
@media (min-width:721px){body.bly .fgive .amounts{grid-template-columns:repeat(5,minmax(0,1fr))}body.bly .fgive .pbody .amt{font-size:1.02rem;padding:.85em .2em;white-space:nowrap}}
/* photo band with a call to action under the quote */
.pband .racts{margin-top:clamp(20px,3vh,32px)}
/* "thanks to your donations" cards: dark brown like the numbers card, white icons and text, a faint white circle */
.cards.thanks .icard{background:#3B2A1A;border-color:transparent;color:#fff;box-shadow:0 22px 44px -30px rgb(30 20 11 / .7)}
.cards.thanks .icard p{color:rgb(255 255 255 / .92)}
.cards.thanks .icirc img{filter:brightness(0) invert(1)}
.cards.thanks .icirc::after{background:rgb(255 255 255 / .12)}
/* transparency facts: larger */
.docrow{font-size:clamp(1.15rem,1.35vw,1.35rem)}
@media (max-width:720px){.docrow{font-size:1.1rem}}
/* centred section intros: wide enough that a one-sentence lead stays on one line */
@media (min-width:1024px){.ihead.c{max-width:min(920px,100%)}}
/* other ways to donate: icon + bordered card with a soft hover */
.gway{display:flex;gap:16px;align-items:flex-start;border:1px solid var(--hair2,#E8DFD2);background:#fff;transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s}
.gway:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--sun) 45%,transparent);box-shadow:0 18px 36px -26px rgb(43 27 14 / .45)}
.gway .gwic{flex:none;width:46px;height:46px;padding:11px;box-sizing:border-box;border-radius:50%;background:var(--sun);line-height:0}
.gway .gwic img{width:24px;height:24px;display:block}
.gway .gwbody{min-width:0;flex:1}
@media (prefers-reduced-motion:reduce){.gway{transition:none}.gway:hover{transform:none}}
/* contact: the photo is a faint background on the start side, fading toward the form */
body.bly .isec:has(.cbg){position:relative;overflow:hidden}
body.bly .isec:has(.cbg)>.iw{position:static}
body.bly .isec .elementor-element.cbg{position:absolute!important;inset-block:0;inset-inline-start:0;width:46%;margin:0;z-index:0;pointer-events:none;opacity:.13}
body.bly .isec .cbg img{width:100%;height:100%;object-fit:cover;max-width:none;
  -webkit-mask:linear-gradient(to left,#000 35%,transparent);mask:linear-gradient(to left,#000 35%,transparent)}
html[lang^="en"] body.bly .isec .cbg img{-webkit-mask:linear-gradient(to right,#000 35%,transparent);mask:linear-gradient(to right,#000 35%,transparent)}
body.bly .isec .cgrid{position:relative;z-index:1}
@media (max-width:720px){body.bly .isec .elementor-element.cbg{width:100%;opacity:.08}}

/* --- mobile review (Oct 26 2026) --- */
/* donate button at the bottom of the burger panel */
body.bly .drawer .d-cta{margin-top:22px}
body.bly .drawer .d-cta .elementor-button{display:flex;justify-content:center;width:100%;padding:.9em 1.2em;font-size:1.05rem}
/* the drawer button closes the panel and opens the hero box like every donate button */
/* FAQ: only the custom chevron (Elementor's caret stays hidden), no native disclosure marker */
body.bly .nfaq .elementor-toggle-icon{display:none!important}
summary{list-style:none}summary::-webkit-details-marker{display:none}
/* foreign bank details: left to right, one item per line, aligned with the card text */
.ltrblock{display:block;direction:ltr;text-align:end;unicode-bidi:isolate}
html[lang^="en"] .ltrblock{text-align:start}
.nowrap{white-space:nowrap}
/* gallery chips: the first letter capitalised (English), breathing room at both ends of the scroll row */
.gfilter button::first-letter{text-transform:uppercase}
@media (max-width:720px){
  .gfilter{padding-inline:0!important}
  .gfilter::before,.gfilter::after{content:"";flex:0 0 14px}
  /* timeline heading under a photo band: back to clear space on phones */
  body.bly .vsec.v3>.vin{padding-top:96px}
  /* home header over the bright video: a soft dark fade behind the transparent header */
  body.bly .top:not(.solid)::before{content:"";position:absolute;inset:0 0 -36px;z-index:-1;pointer-events:none;background:linear-gradient(rgb(30 20 11 / .55),rgb(30 20 11 / 0))}
  /* hero donation box: five amounts on one row, so the donate button stays on screen */
  body.bly .fgive .amounts{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
  body.bly .fgive .pbody .amt{font-size:.82rem;padding:.75em 0;white-space:nowrap}
  /* once the box is open, the hero logo and tagline make room for it */
  .soup:has(.fgive.open) .slogo,.soup:has(.fgive.open) .sabout{display:none}
  #give-form{scroll-margin-top:92px}
  /* footer consent: a tappable row on phones (desktop keeps the small one-line version) */
  .f3form .elementor-field-type-acceptance input{width:18px;height:18px}
  .f3form .elementor-field-type-acceptance label{font-size:.85rem!important;padding-block:8px}
  /* small links get a taller tap area */
  .crumbs a,.docrow a,.f3docs a,a[href="#cookie-settings"]{display:inline-block;padding-block:10px}
  .nfaq .elementor-tab-title{min-height:48px}
  /* cookie card: compact on phones */
  #bly-cc{padding:16px 18px!important}
  #bly-cc h2,#bly-cc .cc-h{font-size:1.1rem!important;margin-bottom:6px!important}
  #bly-cc #cc-d{font-size:.82rem!important;line-height:1.45!important}
  /* English activity-card titles: readable size on phones (they may take three lines there) */
  html[lang^="en"] .ic b{font-size:1rem;margin-inline:0}
}
/* the family-registration page is for families asking for help: no donation asks there */
body:has(form[name="register"]) .phero .fgive,body:has(form[name="register"]) .mgive,body:has(form[name="register"]) .bly-give2{display:none!important}

/* --- content review (Oct 26 2026) --- */
/* "what we do" cards end in a quiet ask */
.ic .icgo{display:inline-block;margin-top:2px;font:500 .95rem "Caesarea",var(--body);color:var(--sun);text-decoration:none;padding-block:6px}
.ic .icgo:hover{text-decoration:underline;text-underline-offset:3px}
/* testimonial: the ask right after the family's words */
.story .qcta{margin-top:18px}
/* donate page: the weekly family basket is the natural choice */
.amtc.feat{border:2px solid var(--sun)!important;box-shadow:0 18px 40px -26px rgb(180 83 42 / .55)}
/* a testimonial in a photo band reads at quote size, not headline size */
.pband.ptest blockquote{font-size:clamp(1.25rem,2vw,1.75rem)!important;line-height:1.5!important;max-width:760px}
.pband.ptest cite{display:block;margin-top:14px}

/* home hero intro: the "360 ₪" sentence starts its own line on Hebrew phones only (owner, Oct 26 2026) */
.sabout br.mbr{display:none}
@media (max-width:720px){html:not([lang^="en"]) .sabout br.mbr{display:inline}}

/* phones: the hero donation card's glow/shadow (30px) was clipped by the stage's overflow, with only 14px under it */
@media (max-width:720px){body .soup .fstage{padding-bottom:34px!important}}

/* header dropdowns: sub-menu items one step larger (owner, Oct 26 2026) */
body.bly header.top .sub-menu a.elementor-sub-item{font-size:15px!important;padding:9px 14px!important}

/* ===== accessibility audit fixes (IS 5568 / WCAG 2.1 AA, Oct 26 2026) ===== */
.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}
/* form fields: borders visible against the page (1.4.11, 3:1+) and a real focus ring (2.4.7) */
body.bly :is(.nform,.bly-vform,.bform) :is(input:not([type=checkbox]):not([type=radio]):not([type=submit]),select,textarea){border-color:#8A7764!important}
body.bly .f3 :is(input:not([type=checkbox]):not([type=submit]),select,textarea){border-color:rgb(255 255 255/.55)!important}
body.bly .gfilter button{border-color:#8A7764!important}
body.bly :is(.nform,.bly-vform,.bform,.f3) :is(input,select,textarea):focus-visible{outline:3px solid var(--sun,#B4532A)!important;outline-offset:2px!important}
body.bly .f3 :is(input,select,textarea):focus-visible{outline-color:#F2B48F!important}
/* carousels that take keyboard focus show it */
.pr3stage:focus-visible,.g3stage:focus-visible{outline:3px solid var(--sun,#B4532A);outline-offset:4px}
/* registration section titles are headings now (h3), keep their look */
.nform h3.flegend{margin:6px 0 0;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:normal}
/* the current menu item on the solid (white) header: 5:1 instead of 4.2:1 */
body.bly .top.solid .nav .elementor-nav-menu a.elementor-item.cur,body.bly .top.solid .nav .elementor-nav-menu a.elementor-item-active{color:#9A4422}
/* anchors and focused elements are not hidden under the fixed header or the phone donate bar (2.4.11) */
html{scroll-padding-top:96px;scroll-padding-bottom:90px}
/* Esc closes a hover-opened sub-menu until the pointer leaves it (1.4.13) */
body.bly .nav li.esc-closed>ul.sub-menu{display:none!important}
/* very short viewports (400% zoom / landscape phones): the header scrolls away instead of covering the content (1.4.10) */
@media (max-height:420px){body.bly header.top{position:absolute!important}html{scroll-padding-top:0}}
/* toolbar "stop animations": the endless gallery strip stands still */
html.a11y-stop .g4track{animation:none!important}
/* footer credit line under the copyright */
body.bly .f3 .f3copy p.f3credit{margin-top:4px!important;font-size:.9em}
body.bly .f3 .f3copy p.f3credit a{color:inherit;text-decoration:none}
/* phones: the tools row stretches over the centred logo and swallowed its tap; only its buttons take clicks */
@media (max-width:1024px){body.bly header.top .e-con.tools{pointer-events:none}
  body.bly header.top .e-con.tools>*{pointer-events:auto}body.bly header.top .brand{position:relative;z-index:2}}

/* ===== native: zz-ltr.css ===== */
/* ===== English (LTR) mirror: every rule is scoped to html[lang^="en"]; Hebrew pages are untouched ===== */

/* direction: D's stylesheet forces rtl on html/body */
html[lang^="en"],html[lang^="en"] body{direction:ltr}

/* type: Caesarea is a Hebrew face; English runs on Manrope (straight, less rounded; 300-800 loaded on English pages) */
html[lang^="en"]{--display:"Manrope",Arial,sans-serif;--fdisp:"Manrope",Arial,sans-serif;--body:"Manrope",Arial,sans-serif;--serif:"Manrope",Arial,sans-serif;--big:"Manrope",Arial,sans-serif}
html[lang^="en"] body,
html[lang^="en"] body :where(:not(i):not(svg):not(svg *):not([class*="fa-"]):not([class*="eicon"]):not(.pname.lat)){font-family:"Manrope",Arial,sans-serif!important}
html[lang^="en"] .sline,html[lang^="en"] .rtext h2,html[lang^="en"] .aside h2,html[lang^="en"] .pin h2,html[lang^="en"] .g3head h2{letter-spacing:-.02em}

/* hard-coded arrows that point "forward" in Hebrew */
html[lang^="en"] .quick a::after,html[lang^="en"] .icard .go::after{content:" \2192"}

/* arrows: #i-prev is drawn pointing right and #i-next pointing left (RTL); in English they point the other way */
html[lang^="en"] svg:has(>use[href="#i-prev"]),html[lang^="en"] svg:has(>use[href="#i-next"]){transform:scaleX(-1)}

/* ---------- homepage hero ----------
   English uses its own film: the Hebrew film mirrored, with the box label flipped back so "בית לחם יהודה" still reads
   (soup-ltr*.mp4). The whole hero is the exact mirror of the Hebrew one: copy on the left over the darker side,
   donation box in the bottom-right corner. */
@media (min-width:721px) and (orientation:landscape),(min-width:1025px) and (pointer:fine){
  html[lang^="en"] .scopy{text-align:left}
  html[lang^="en"] .soup .fgive{left:auto!important;right:var(--side)!important}
  html[lang^="en"] .sscrim{background:
    linear-gradient(180deg,rgb(30 20 11 / .55) 0,rgb(30 20 11 / 0) 170px),
    linear-gradient(90deg,rgb(30 20 11 / .52) 0%,rgb(30 20 11 / .34) 32%,rgb(30 20 11 / .08) 50%,rgb(30 20 11 / 0) 58%),
    linear-gradient(0deg,rgb(30 20 11 / .45) 0,rgb(30 20 11 / 0) 40%)}
}
/* logo animation: letters build right to left (Hebrew logo, keep) */

/* ---------- road: copy left, film box right; the kid photo follows the box to the right ---------- */
html[lang^="en"] .rbg{inset:0 0 0 auto;background-position:right center;
  -webkit-mask:linear-gradient(to left,#000 0,#000 25%,transparent 100%),linear-gradient(to top,transparent 0,#000 22%);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(to left,#000 0,#000 25%,transparent 100%),linear-gradient(to top,transparent 0,#000 22%);mask-composite:intersect}

/* ---------- activities: icons left, text right; the faint photo sits on the left (unflipped original), emblem right ---------- */
html[lang^="en"] .aphoto{inset:0 0 0 auto}
html[lang^="en"] .aphoto img{-webkit-mask-image:linear-gradient(to left,#000 35%,transparent 100%),linear-gradient(to top,transparent 0,#000 30%);mask-image:linear-gradient(to left,#000 35%,transparent 100%),linear-gradient(to top,transparent 0,#000 30%)}
@media (min-width:901px){
  html[lang^="en"] .acts2 .aphoto{inset:0 auto 0 0}
  html[lang^="en"] .acts2 .aphoto img{transform:none;object-position:80% 40%;
    -webkit-mask-image:linear-gradient(to right,#000 35%,transparent 100%),linear-gradient(to top,transparent 0,#000 30%);mask-image:linear-gradient(to right,#000 35%,transparent 100%),linear-gradient(to top,transparent 0,#000 30%)}
}
html[lang^="en"] .icirc::after{right:auto;left:9%;transition:width .5s var(--ease),top .5s var(--ease),left .5s var(--ease),background .4s}
html[lang^="en"] .ic:hover .icirc::after{left:0}

/* ---------- emblem textures swap sides ---------- */
html[lang^="en"] .d-r{right:auto;left:-6vw}
html[lang^="en"] .d-r svg{scale:-1 1}
html[lang^="en"] .d-l{left:auto;right:-6vw}
html[lang^="en"] .d-l svg{scale:none}

/* ---------- testimonials: photo flipped so the children sit on the right, the shade and the quote on the left ---------- */
html[lang^="en"] .story-in img{transform:scaleX(-1)!important}  /* children on the right, the quote reads on the left */
html[lang^="en"] .story-in::after{background:linear-gradient(to right,rgb(28 17 8 / .86) 22%,rgb(28 17 8 / .25) 62%,rgb(28 17 8 / 0))}
html[lang^="en"] .story .ainote{inset:auto 18px 14px auto}

/* ---------- gallery strip runs the other way; lightbox controls swap sides ---------- */
@keyframes g4runL{from{transform:translateX(0)}to{transform:translateX(-50%)}}
html[lang^="en"] .g4track{animation-name:g4runL}
html[lang^="en"] .g4x{left:auto;right:18px}
html[lang^="en"] .g4prev{right:auto;left:18px}
html[lang^="en"] .g4next{left:auto;right:18px}

/* ---------- press: active card at the left edge, the fade on the right ---------- */
@media (min-width:901px){
  html[lang^="en"] .pr3car .pr3stage{-webkit-mask:linear-gradient(to left,transparent 0,#000 30%);mask:linear-gradient(to left,transparent 0,#000 30%)}
}
html[lang^="en"] .pmask{-webkit-mask-position:left center;mask-position:left center}

/* ---------- timeline: rail on the left on phones ---------- */
@media (max-width:900px){
  html[lang^="en"] .v3rail{right:auto;left:25px}
  html[lang^="en"] .v3end::before{right:auto;left:25px}
}

/* ---------- misc ---------- */
html[lang^="en"] .skip{right:auto;left:10px}
html[lang^="en"] .nform .elementor-select-wrapper .select-caret-down-wrapper{left:auto;right:14px}

/* floating donation box on phones: longer English lines must not widen the single column */
@media (max-width: 720px), (orientation: portrait) and (max-width: 1024px), (orientation: portrait) and (pointer: coarse){
  html[lang^="en"] .g2box{grid-template-columns:minmax(0,1fr)}
}

/* ---------- inner-page heroes: title + shade on the left, donation box in the bottom-right corner ---------- */
html[lang^="en"] .phero::before{background:linear-gradient(180deg,rgb(30 20 11 / .55) 0,rgb(30 20 11 / 0) 140px),linear-gradient(90deg,rgb(30 20 11 / .82) 0,rgb(30 20 11 / .55) 38%,rgb(30 20 11 / .12) 70%),linear-gradient(0deg,rgb(30 20 11 / .55) 0,rgb(30 20 11 / 0) 45%)}
@media (min-width:721px) and (orientation:landscape),(min-width:1025px) and (pointer:fine){
  html[lang^="en"] body .phero .fgive{left:auto!important;right:calc(clamp(20px,2.4vw,40px) + 74px)!important}
}

/* longer English button labels wrap instead of running off narrow screens */
html[lang^="en"] .elementor-button,html[lang^="en"] .btn{max-width:100%}
html[lang^="en"] .elementor-button .elementor-button-text,html[lang^="en"] .btn{white-space:normal;text-wrap:balance}

/* consent card: mirrored to the start (left) corner on every page, the EN hero donation box sits bottom-right */

/* form fields read left to right (date pickers were forced rtl) */
html[lang^="en"] body .elementor-field-group input,html[lang^="en"] body .elementor-field-group select,html[lang^="en"] body .elementor-field-group textarea,
html[lang^="en"] body .bform input,html[lang^="en"] body .bform select,html[lang^="en"] body .bform textarea{direction:ltr!important;text-align:left}
/* English hero headline: the Latin lines run wider than the Hebrew, so they get a smaller size (owner, Oct 26 2026) */
html[lang^="en"] .sline{font-size:calc(var(--hs) * .74)}
/* road heading: the English lines are longer than the Hebrew, so a smaller size and wrapping instead of running into the film */
html[lang^="en"] .rtext h2{font-size:calc(var(--hs) * .58)!important}
html[lang^="en"] .rtext h2 span{white-space:normal}
/* icon-card titles: the Hebrew line breaks don't fit the English, so the titles flow freely in two balanced lines */
html[lang^="en"] .ic{container-type:inline-size}
html[lang^="en"] .ic b{display:block;margin-inline:-14px;font-size:clamp(.82rem,calc((100cqi + 28px) / 14.6),1.2rem);text-wrap:balance}
html[lang^="en"] .ic b br{display:none}
/* header: the English menu labels are longer, so the menu is a little tighter on wide screens and turns into the
   burger below 1480px (Hebrew: 1100px); the block repeats the theme's <=1100px header rules */
@media (min-width:1101px){
  html[lang^="en"] body.bly .top .nav ul.elementor-nav-menu a.elementor-item{font-size:clamp(.88rem,1.05vw,.95rem);padding-inline:.55em}
}
@media (min-width:1101px) and (max-width:1480px){
  html[lang^="en"] body.bly .top .elementor-widget-nav-menu.nav{display:none}
  html[lang^="en"] body.bly .top .tool.burger,html[lang^="en"] body.bly .top .tool.a11y-m{display:grid}
  html[lang^="en"] body.bly .top .e-con.wrap{position:relative;justify-content:flex-start;--justify-content:flex-start}
  html[lang^="en"] body.bly .top .elementor-widget-image.brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0}
  html[lang^="en"] body.bly .top .brand img{width:104px}
  html[lang^="en"] body.bly .top .e-con.tools{flex:1;margin-inline-start:0}
  html[lang^="en"] body.bly .top .tools .burger{order:-1;margin-inline-end:auto}
}
/* photo band quote: stays on the right like the Hebrew, over the band's dark side (owner, Oct 26 2026) */
html[lang^="en"] .pband .iw>.elementor-element{width:fit-content;max-width:min(680px,100%);margin-left:auto}
html[lang^="en"] .pband .iw>.elementor-element+.elementor-element{width:auto}
/* card descriptions a touch smaller than the (two-line) English titles, which get more weight, so the titles lead */
html[lang^="en"] .ic b{font-weight:600}
html[lang^="en"] .ic .idesc{font-size:clamp(.88rem,.92vw,1rem)}
/* phone donate bar: the English label is longer, so it is smaller and the button never wraps */
@media (max-width:720px){html[lang^="en"] .mgive span{font-size:.88rem;line-height:1.25}html[lang^="en"] .mgive b{white-space:nowrap}}
/* English date fields run left to right */
html[lang^="en"] input[type="date"]{direction:ltr!important;text-align:left!important}
/* lightbox arrows: in English "previous" sits on the left and points left */
html[lang^="en"] .g4nav .ico{transform:scaleX(-1)}
/* centred intros: the English sentences run longer, so the block may be wider (one-line leads, as in Hebrew) */
@media (min-width:1024px){html[lang^="en"] .ihead.c{max-width:min(1300px,100%)}html[lang^="en"] .ihead.c .bly-ihead-p p{font-size:clamp(1rem,1.25vw,1.2rem)}}

/* ===== flex/gap rules mirrored onto Elementor container variables ===== */
body.bly .btn.e-con.bn{--align-items:center;--justify-content:center;--gap:.5em;--row-gap:.5em;--column-gap:.5em}
body.bly .top .wrap.e-con.bn{--align-items:center;--gap:18px;--row-gap:18px;--column-gap:18px}
body.bly .nav.e-con.bn{--gap:2px;--row-gap:2px;--column-gap:2px}
body.bly .tools.e-con.bn{--align-items:center;--gap:6px;--row-gap:6px;--column-gap:6px}
body.bly .hero.e-con.bn{--align-items:end}
body.bly .hero-in.e-con.bn{--gap:40px;--row-gap:40px;--column-gap:40px;--align-items:end}
body.bly .panel-top.e-con.bn{--align-items:center;--gap:12px;--row-gap:12px;--column-gap:12px}
body.bly .amounts.e-con.bn{--gap:8px;--row-gap:8px;--column-gap:8px}
body.bly .custom.e-con.bn{--align-items:center;--gap:8px;--row-gap:8px;--column-gap:8px}
@media (max-width:980px){body.bly .hero-in.e-con.bn{--gap:0;--row-gap:0;--column-gap:0}}
@media (max-width:980px){body.bly .hero-copy.e-con.bn{--flex-direction:column;--justify-content:flex-end}}
body.bly .journey .grid.e-con.bn{--gap:clamp(28px,6vw,96px);--row-gap:clamp(28px,6vw,96px);--column-gap:clamp(28px,6vw,96px)}
body.bly .step.e-con.bn{--flex-direction:column;--justify-content:center;--gap:14px;--row-gap:14px;--column-gap:14px}
body.bly .bk.e-con.bn{--gap:clamp(28px,5vw,80px);--row-gap:clamp(28px,5vw,80px);--column-gap:clamp(28px,5vw,80px);--align-items:center}
body.bly .segbar.e-con.bn{--gap:3px;--row-gap:3px;--column-gap:3px}
body.bly .items.e-con.bn{--gap:4px;--row-gap:4px;--column-gap:4px}
body.bly .it.e-con.bn{--gap:14px;--row-gap:14px;--column-gap:14px;--align-items:center}
body.bly .vals.e-con.bn{--gap:clamp(16px,2.4vw,32px);--row-gap:clamp(16px,2.4vw,32px);--column-gap:clamp(16px,2.4vw,32px)}
body.bly .val.e-con.bn{--flex-direction:column}
body.bly .val .in.e-con.bn{--gap:10px;--row-gap:10px;--column-gap:10px}
body.bly .vals-cta.e-con.bn{--justify-content:center}
@media (max-width:900px){body.bly .val.e-con.bn{--flex-direction:row}}
@media (max-width:560px){body.bly .val.e-con.bn{--flex-direction:column}}
body.bly .voices.e-con.bn{--gap:clamp(28px,5vw,80px);--row-gap:clamp(28px,5vw,80px);--column-gap:clamp(28px,5vw,80px);--align-items:center}
body.bly .qnav.e-con.bn{--gap:8px;--row-gap:8px;--column-gap:8px}
body.bly .mosaic.e-con.bn{--gap:10px;--row-gap:10px;--column-gap:10px}
body.bly .ded.e-con.bn{--gap:clamp(28px,6vw,96px);--row-gap:clamp(28px,6vw,96px);--column-gap:clamp(28px,6vw,96px);--align-items:center}
body.bly .seg.e-con.bn{--flex-wrap:wrap;--gap:8px;--row-gap:8px;--column-gap:8px}
body.bly .press-head.e-con.bn{--flex-wrap:wrap;--align-items:end;--justify-content:space-between;--gap:16px;--row-gap:16px;--column-gap:16px}
body.bly .arts.e-con.bn{--gap:18px;--row-gap:18px;--column-gap:18px}
body.bly .art.e-con.bn{--flex-direction:column}
body.bly .art .in.e-con.bn{--gap:10px;--row-gap:10px;--column-gap:10px}
body.bly .art .meta.e-con.bn{--justify-content:space-between;--gap:10px;--row-gap:10px;--column-gap:10px}
body.bly .press-more.e-con.bn{--justify-content:center}
body.bly .wgrid.e-con.bn{--gap:16px;--row-gap:16px;--column-gap:16px}
body.bly .wcard.e-con.bn{--flex-direction:column;--gap:10px;--row-gap:10px;--column-gap:10px}
body.bly .copyrow.e-con.bn{--align-items:center;--justify-content:space-between;--gap:10px;--row-gap:10px;--column-gap:10px}
body.bly .copyrow button.e-con.bn,body.bly .copyrow a.e-con.bn{--align-items:center;--gap:6px;--row-gap:6px;--column-gap:6px}
body.bly footer .wrap.e-con.bn{--gap:32px;--row-gap:32px;--column-gap:32px}
body.bly footer ul.e-con.bn{--gap:8px;--row-gap:8px;--column-gap:8px}
body.bly .f-base.e-con.bn{--flex-wrap:wrap;--gap:10px;--row-gap:10px;--column-gap:24px;--justify-content:space-between}
body.bly .f-base nav.e-con.bn{--gap:18px;--row-gap:18px;--column-gap:18px;--flex-wrap:wrap}
@media (max-width:980px){body.bly .bar.e-con.bn{--gap:8px;--row-gap:8px;--column-gap:8px}}
body.bly .fab.e-con.bn{--gap:10px;--row-gap:10px;--column-gap:10px}
body.bly .x-head.e-con.bn{--gap:12px;--row-gap:12px;--column-gap:12px}
body.bly .x-double.e-con.bn{--gap:clamp(14px,2.4vw,28px);--row-gap:clamp(14px,2.4vw,28px);--column-gap:clamp(14px,2.4vw,28px);--align-items:stretch}
body.bly .x-half.e-con.bn{--align-items:flex-end}
body.bly .x-half .in.e-con.bn{--gap:8px;--row-gap:8px;--column-gap:8px}
body.bly .x-partners.e-con.bn{--gap:14px;--row-gap:14px;--column-gap:14px}
body.bly .x-docs.e-con.bn{--gap:14px;--row-gap:14px;--column-gap:14px}
body.bly .x-doc.e-con.bn{--gap:6px;--row-gap:6px;--column-gap:14px;--align-items:center}
body.bly .x-gs.e-con.bn{--flex-wrap:wrap;--align-items:center;--justify-content:space-between;--gap:14px;--row-gap:14px;--column-gap:14px}
body.bly .x-tracks.e-con.bn{--gap:14px;--row-gap:14px;--column-gap:14px}
body.bly .x-track.e-con.bn{--flex-direction:column;--gap:6px;--row-gap:6px;--column-gap:6px}
body.bly .bk3d .grid3.e-con.bn{--gap:clamp(24px,4vw,64px);--row-gap:clamp(24px,4vw,64px);--column-gap:clamp(24px,4vw,64px);--align-items:center}
body.bly .tlist.e-con.bn{--gap:6px;--row-gap:6px;--column-gap:6px}
body.bly .tbtn.e-con.bn{--gap:14px;--row-gap:14px;--column-gap:14px;--align-items:center}
body.bly .tcard.e-con.bn{--gap:6px;--row-gap:6px;--column-gap:6px}
@media (max-width:900px){body.bly .bk3d .grid3.e-con.bn{--gap:0;--row-gap:0;--column-gap:0}}
@media (max-width:900px){body.bly .tcard.e-con.bn{--align-items:center;--gap:2px;--row-gap:2px;--column-gap:12px}}
body.bly .marq .x-partners.e-con.bn{--gap:14px;--row-gap:14px;--column-gap:14px}
@media (prefers-reduced-motion:reduce){body.bly .marq .x-partners.e-con.bn{--flex-wrap:wrap}}
body.bly .settle .ctas.e-con.bn{--flex-wrap:wrap;--gap:10px;--row-gap:10px;--column-gap:10px}
@media (max-width: 720px), (orientation: portrait) and (max-width: 1024px), (orientation: portrait) and (pointer: coarse), (orientation: landscape) and (pointer: coarse) and (max-height: 560px), (prefers-reduced-motion: reduce){body.bly .fstage.e-con.bn{--align-items:flex-end}}
body.bly .give-in.e-con.bn{--gap:clamp(28px,5vw,80px);--row-gap:clamp(28px,5vw,80px);--column-gap:clamp(28px,5vw,80px);--align-items:center}
body.bly .fgive .panel-top.e-con.bn{--gap:12px;--row-gap:12px;--column-gap:12px}
@media (max-width: 720px), (orientation: portrait) and (max-width: 1024px), (orientation: portrait) and (pointer: coarse), (orientation: landscape) and (pointer: coarse) and (max-height: 560px), (prefers-reduced-motion: reduce){body.bly .fstage.e-con.bn{--flex-direction:column;--align-items:stretch;--justify-content:flex-end}}
body.bly .impact .head.e-con.bn{--gap:14px;--row-gap:14px;--column-gap:14px}
body.bly .nums.e-con.bn{--gap:0;--row-gap:0;--column-gap:0}
@media (max-width:820px){body.bly .nums.e-con.bn{--row-gap:32px}}
body.bly .dbl .x-half.e-con.bn{--align-items:stretch}
body.bly .dedi-in.e-con.bn{--gap:clamp(28px,5vw,80px);--row-gap:clamp(28px,5vw,80px);--column-gap:clamp(28px,5vw,80px);--align-items:center}
body.bly .dedi-ctas.e-con.bn{--flex-wrap:wrap;--gap:10px;--row-gap:10px;--column-gap:10px}
body.bly .story-in.e-con.bn{--align-items:center}
body.bly .story .qnav.e-con.bn{--gap:8px;--row-gap:8px;--column-gap:8px;--align-items:center}
@media (max-width:760px){body.bly .story-in.e-con.bn{--align-items:end}}
body.bly .top .wrap.e-con.bn{--gap:clamp(14px,2vw,32px);--row-gap:clamp(14px,2vw,32px);--column-gap:clamp(14px,2vw,32px)}
body.bly .nav.e-con.bn{--justify-content:space-evenly}
body.bly .vmani .vals.e-con.bn{--gap:clamp(20px,3vw,48px);--row-gap:clamp(20px,3vw,48px);--column-gap:clamp(20px,3vw,48px);--align-items:start}
body.bly .vmani .val.e-con.bn{--flex-direction:column;--align-items:center}
@media (max-width:900px){body.bly .vmani .val.e-con.bn{--flex-direction:column!important}}
body.bly .vmani .vals.e-con.bn{--align-items:stretch}
body.bly .vmani .val .in.e-con.bn{--align-content:start}
body.bly .pgrid .x-partners.e-con.bn{--gap:clamp(12px,1.6vw,20px);--row-gap:clamp(12px,1.6vw,20px);--column-gap:clamp(12px,1.6vw,20px)}
body.bly .dfacts.e-con.bn{--gap:clamp(24px,6vw,120px);--row-gap:clamp(24px,6vw,120px);--column-gap:clamp(24px,6vw,120px)}
body.bly .dfact.e-con.bn{--gap:6px;--row-gap:6px;--column-gap:6px}
body.bly .tk-run.e-con.bn{--align-items:center;--gap:34px;--row-gap:34px;--column-gap:34px}
body.bly .about-head.e-con.bn{--gap:12px;--row-gap:12px;--column-gap:12px}
body.bly .chips.e-con.bn{--flex-wrap:wrap;--justify-content:center;--gap:8px;--row-gap:8px;--column-gap:8px}
body.bly .acts6.e-con.bn{--gap:clamp(14px,1.8vw,24px);--row-gap:clamp(14px,1.8vw,24px);--column-gap:clamp(14px,1.8vw,24px)}
body.bly .acts6 .act.e-con.bn{--align-items:flex-end}
body.bly .acts6 .in.e-con.bn{--gap:4px;--row-gap:4px;--column-gap:4px}
body.bly .how-head.e-con.bn{--gap:6px;--row-gap:6px;--column-gap:6px}
body.bly .steps8.e-con.bn{--gap:clamp(22px,3vw,40px);--row-gap:clamp(22px,3vw,40px);--column-gap:clamp(14px,2vw,28px)}
body.bly .steps8 li.e-con.bn{--gap:12px;--row-gap:12px;--column-gap:12px}
body.bly .how-cta.e-con.bn{--justify-content:center}
body.bly .gal-head.e-con.bn{--flex-wrap:wrap;--align-items:end;--justify-content:space-between;--gap:14px;--row-gap:14px;--column-gap:14px}
body.bly .gal-grid.e-con.bn{--gap:12px;--row-gap:12px;--column-gap:12px}
body.bly .contact-in.e-con.bn{--gap:clamp(28px,5vw,80px);--row-gap:clamp(28px,5vw,80px);--column-gap:clamp(28px,5vw,80px);--align-items:start}
body.bly .cinfo.e-con.bn{--gap:2px;--row-gap:2px;--column-gap:2px}
body.bly .cinfo li.e-con.bn{--gap:12px;--row-gap:12px;--column-gap:12px}
body.bly .quick.e-con.bn{--gap:8px;--row-gap:8px;--column-gap:8px}
body.bly .social.e-con.bn{--gap:16px;--row-gap:16px;--column-gap:16px}
body.bly .cform.e-con.bn{--gap:14px;--row-gap:14px;--column-gap:14px}
body.bly .cform label.e-con.bn{--gap:6px;--row-gap:6px;--column-gap:6px}
body.bly .cform .chk.e-con.bn{--align-items:center;--gap:8px;--row-gap:8px;--column-gap:8px}
body.bly .how2-pin.e-con.bn{--align-items:center}
body.bly .how2-head.e-con.bn{--gap:6px;--row-gap:6px;--column-gap:6px}
body.bly .how2-stage.e-con.bn{--gap:clamp(24px,5vw,80px);--row-gap:clamp(24px,5vw,80px);--column-gap:clamp(24px,5vw,80px);--align-items:center}
body.bly .hs.e-con.bn{--gap:14px;--row-gap:14px;--column-gap:14px;--align-content:center}
body.bly .how2-cta.e-con.bn{--justify-content:center}
@media (max-width:900px),(prefers-reduced-motion:reduce){body.bly .how2-text.e-con.bn{--gap:26px;--row-gap:26px;--column-gap:26px}}
@media (max-width:900px),(prefers-reduced-motion:reduce){body.bly .hs.e-con.bn{--align-items:center;--gap:16px;--row-gap:16px;--column-gap:16px}}
body.bly .about-top.e-con.bn{--gap:clamp(28px,5vw,88px);--row-gap:clamp(28px,5vw,88px);--column-gap:clamp(28px,5vw,88px);--align-items:center}
body.bly .about-head.e-con.bn{--gap:16px;--row-gap:16px;--column-gap:16px}
body.bly .chips.e-con.bn{--gap:0;--row-gap:0;--column-gap:28px;--justify-content:stretch!important}
body.bly .acts6.e-con.bn{--gap:clamp(22px,3vw,40px);--row-gap:clamp(22px,3vw,40px);--column-gap:clamp(16px,2vw,28px)}
body.bly .acts6 .in.e-con.bn{--gap:4px;--row-gap:4px;--column-gap:4px}
body.bly .pgrid .x-partners.e-con.bn{--gap:0!important;--row-gap:0!important;--column-gap:0!important}
body.bly .dfacts.e-con.bn{--gap:0!important;--row-gap:0!important;--column-gap:0!important}
body.bly .arts.e-con.bn{--gap:0!important;--row-gap:0!important;--column-gap:0!important}
body.bly .art.e-con.bn{--align-items:center}
body.bly .art .in.e-con.bn{--gap:6px;--row-gap:6px;--column-gap:24px;--align-items:center}
body.bly .art .meta.e-con.bn{--gap:24px!important;--row-gap:24px!important;--column-gap:24px!important}
body.bly .press-more.e-con.bn{--justify-content:flex-start!important}
@media (max-width:760px){body.bly .art.e-con.bn{--gap:8px;--row-gap:8px;--column-gap:8px}}
body.bly .wgrid.e-con.bn{--gap:0!important;--row-gap:0!important;--column-gap:0!important}
body.bly .wcard.e-con.bn{--align-items:center;--gap:18px!important;--row-gap:18px!important;--column-gap:18px!important}
body.bly .copyrow.e-con.bn{--justify-content:flex-end!important;--gap:14px!important;--row-gap:14px!important;--column-gap:14px!important}
body.bly .x-docs.e-con.bn{--gap:0!important;--row-gap:0!important;--column-gap:0!important}
@media (max-width:800px){body.bly .copyrow.e-con.bn{--justify-content:space-between!important}}
body.bly .quick.e-con.bn{--gap:0;--row-gap:0;--column-gap:28px}
body.bly .tracks-head.e-con.bn{--gap:12px;--row-gap:12px;--column-gap:12px}
body.bly .trk-grid.e-con.bn{--gap:clamp(20px,2.6vw,36px);--row-gap:clamp(20px,2.6vw,36px);--column-gap:clamp(14px,1.8vw,24px)}
body.bly .trk.e-con.bn{--gap:6px;--row-gap:6px;--column-gap:6px;--align-content:start}
body.bly .tr2-head.e-con.bn{--gap:12px;--row-gap:12px;--column-gap:12px}
body.bly .tr2-grid.e-con.bn{--gap:clamp(12px,1.4vw,18px);--row-gap:clamp(12px,1.4vw,18px);--column-gap:clamp(12px,1.4vw,18px)}
body.bly .tc.e-con.bn{--align-content:start;--gap:8px;--row-gap:8px;--column-gap:8px}
@media (max-width:560px){body.bly .tc.e-con.bn{--gap:6px;--row-gap:6px;--column-gap:6px}}
body.bly .trust-head.e-con.bn{--gap:12px;--row-gap:12px;--column-gap:12px}
body.bly .gal-head.e-con.bn{--flex-wrap:wrap;--align-items:end;--justify-content:space-between;--gap:14px;--row-gap:14px;--column-gap:14px}
body.bly .gtrack.e-con.bn{--gap:clamp(14px,2vw,28px);--row-gap:clamp(14px,2vw,28px);--column-gap:clamp(14px,2vw,28px)}
body.bly .gdots.e-con.bn{--justify-content:center;--gap:8px;--row-gap:8px;--column-gap:8px}
body.bly .actrow.e-con.bn{--gap:1px;--row-gap:1px;--column-gap:1px}
body.bly .atile figcaption.e-con.bn{--gap:4px;--row-gap:4px;--column-gap:4px}
body.bly .road.e-con.bn{--align-content:center}
body.bly .road .rin.e-con.bn{--gap:clamp(40px,6vw,120px);--row-gap:clamp(40px,6vw,120px);--column-gap:clamp(40px,6vw,120px);--align-items:center}
body.bly .racts.e-con.bn{--flex-wrap:wrap;--gap:12px;--row-gap:12px;--column-gap:12px}
body.bly .ain.e-con.bn{--gap:clamp(32px,5vw,96px);--row-gap:clamp(32px,5vw,96px);--column-gap:clamp(32px,5vw,96px);--align-items:center}
body.bly .agrid.e-con.bn{--gap:clamp(36px,4.5vw,64px);--row-gap:clamp(36px,4.5vw,64px);--column-gap:clamp(24px,3vw,48px)}
body.bly .ic.e-con.bn{--gap:10px;--row-gap:10px;--column-gap:10px}
body.bly .pgrid2.e-con.bn{--flex-wrap:wrap;--justify-content:center;--gap:clamp(14px,1.6vw,24px);--row-gap:clamp(14px,1.6vw,24px);--column-gap:clamp(14px,1.6vw,24px)}
body.bly .h3pin.e-con.bn{--flex-direction:column;--justify-content:center;--gap:clamp(24px,4vh,48px);--row-gap:clamp(24px,4vh,48px);--column-gap:clamp(24px,4vh,48px)}
body.bly .h3in.e-con.bn{--gap:clamp(40px,6vw,120px);--row-gap:clamp(40px,6vw,120px);--column-gap:clamp(40px,6vw,120px);--align-items:center}
body.bly .g3bar.e-con.bn{--justify-content:center;--align-items:center;--gap:18px;--row-gap:18px;--column-gap:18px}
body.bly .pc.e-con.bn{--flex-direction:column;--gap:14px;--row-gap:14px;--column-gap:14px}
body.bly .pmast.e-con.bn{--align-items:center}
body.bly .pmeta.e-con.bn{--justify-content:space-between;--align-items:center;--gap:10px;--row-gap:10px;--column-gap:10px}
body.bly .f3in.e-con.bn{--gap:clamp(28px,4vw,64px);--row-gap:clamp(28px,4vw,64px);--column-gap:clamp(28px,4vw,64px)}
body.bly .f3list.e-con.bn{--gap:12px;--row-gap:12px;--column-gap:12px}
body.bly .f3list a.e-con.bn,body.bly .f3row.e-con.bn{--align-items:center;--gap:10px;--row-gap:10px;--column-gap:10px}
body.bly .f3social.e-con.bn{--gap:10px;--row-gap:10px;--column-gap:10px}
body.bly .f3form.e-con.bn{--gap:10px;--row-gap:10px;--column-gap:10px}
body.bly .f3ok.e-con.bn{--gap:8px;--row-gap:8px;--column-gap:8px;--align-items:center}
body.bly .f3base.e-con.bn{--flex-wrap:wrap;--justify-content:space-between;--gap:12px;--row-gap:12px;--column-gap:12px}
body.bly .f3base nav.e-con.bn{--gap:18px;--row-gap:18px;--column-gap:18px}
body.bly .g2box.e-con.bn{--gap:clamp(28px,4vw,72px);--row-gap:clamp(28px,4vw,72px);--column-gap:clamp(28px,4vw,72px);--align-items:center}
body.bly .g2form .amounts.e-con.bn{--gap:8px;--row-gap:8px;--column-gap:8px}
body.bly .g4track.e-con.bn{--gap:clamp(12px,1.4vw,22px);--row-gap:clamp(12px,1.4vw,22px);--column-gap:clamp(12px,1.4vw,22px)}
body.bly .road .rin.e-con.bn{--gap:clamp(32px,2.8vw,56px)!important;--row-gap:clamp(32px,2.8vw,56px)!important;--column-gap:clamp(32px,2.8vw,56px)!important}
body.bly .pr3in.e-con.bn{--gap:clamp(28px,4vw,72px);--row-gap:clamp(28px,4vw,72px);--column-gap:clamp(28px,4vw,72px);--align-items:center}
body.bly .h4body.e-con.bn{--align-items:center;--gap:18px;--row-gap:18px;--column-gap:18px}
@media (max-width:720px){body.bly .h4body.e-con.bn{--gap:12px;--row-gap:12px;--column-gap:12px}}
body.bly .v3line.e-con.bn{--gap:clamp(40px,6vh,72px);--row-gap:clamp(40px,6vh,72px);--column-gap:clamp(40px,6vh,72px)}
body.bly .v3r.e-con.bn{--align-items:center}
@media (max-width:900px){body.bly .v3r.e-con.bn,body.bly .v3alt.e-con.bn{--gap:14px;--row-gap:14px;--column-gap:14px}}
body.bly .v3end.e-con.bn{--justify-content:center}
@media (max-width:900px){body.bly .v3end.e-con.bn{--justify-content:flex-start}}
@media (min-width:901px){body.bly .pr3car .g3bar.e-con.bn{--justify-content:center}}
@media (max-width: 720px), (orientation: portrait) and (max-width: 1024px), (orientation: portrait) and (pointer: coarse){body.bly .soup .fstage.e-con.bn{--flex-direction:column;--justify-content:flex-start}}
@media (max-width: 720px), (orientation: portrait) and (max-width: 1024px), (orientation: portrait) and (pointer: coarse){body.bly .h3in.e-con.bn{--align-content:start;--gap:20px;--row-gap:20px;--column-gap:20px}}
@media (max-width: 720px), (orientation: portrait) and (max-width: 1024px), (orientation: portrait) and (pointer: coarse){body.bly .soup .fstage.e-con.bn{--flex-direction:column;--justify-content:flex-end;--align-items:stretch}}
@media (max-width: 720px), (orientation: portrait) and (max-width: 1024px), (orientation: portrait) and (pointer: coarse){body.bly .g2box.e-con.bn{--gap:18px;--row-gap:18px;--column-gap:18px}}
@media (max-width:720px){body.bly .mgive.e-con.bn{--align-items:center;--justify-content:space-between;--gap:12px;--row-gap:12px;--column-gap:12px}}
@media (max-width:720px){body.bly .f3list a.e-con.bn{--align-items:center}}
@media (max-width:720px){body.bly .f3ok.e-con.bn{--align-items:center}}
@media (max-width:1100px){body.bly .top .wrap.e-con.bn{--justify-content:flex-start}}
@media (max-width:900px){body.bly .f3social.e-con.bn{--justify-content:flex-start}}
@media (max-width:900px){body.bly .f3base.e-con.bn{--flex-direction:column;--align-items:center}}
@media (max-width:900px){body.bly .f3base nav.e-con.bn{--flex-wrap:wrap;--justify-content:center}}
body.bly .phero.e-con.bn{--align-items:end}
body.bly .crumbs.e-con.bn{--gap:10px;--row-gap:10px;--column-gap:10px;--align-items:center}
body.bly .kick.e-con.bn{--align-items:center;--gap:10px;--row-gap:10px;--column-gap:10px}
body.bly .split.e-con.bn{--gap:clamp(32px,4vw,72px);--row-gap:clamp(32px,4vw,72px);--column-gap:clamp(32px,4vw,72px);--align-items:center}
body.bly .split .stext ul.e-con.bn{--gap:10px;--row-gap:10px;--column-gap:10px}
body.bly .cards.e-con.bn{--gap:clamp(16px,1.6vw,26px);--row-gap:clamp(16px,1.6vw,26px);--column-gap:clamp(16px,1.6vw,26px)}
body.bly .icard.e-con.bn{--flex-direction:column;--gap:12px;--row-gap:12px;--column-gap:12px}
body.bly .amts.e-con.bn{--gap:clamp(14px,1.4vw,22px);--row-gap:clamp(14px,1.4vw,22px);--column-gap:clamp(14px,1.4vw,22px)}
body.bly .amtc.e-con.bn{--flex-direction:column;--gap:10px;--row-gap:10px;--column-gap:10px}
body.bly .faq.e-con.bn{--gap:12px;--row-gap:12px;--column-gap:12px}
body.bly .faq summary.e-con.bn{--justify-content:space-between;--align-items:center;--gap:18px;--row-gap:18px;--column-gap:18px}
body.bly .bform.e-con.bn{--gap:16px;--row-gap:16px;--column-gap:18px}
body.bly .bform label.e-con.bn{--gap:7px;--row-gap:7px;--column-gap:7px}
body.bly .bform .chk.e-con.bn{--align-items:flex-start;--gap:10px;--row-gap:10px;--column-gap:10px}
body.bly .bform fieldset.e-con.bn{--gap:16px;--row-gap:16px;--column-gap:18px}
body.bly .bform .send.e-con.bn{--align-items:center;--gap:18px;--row-gap:18px;--column-gap:18px;--flex-wrap:wrap}
body.bly .ccards.e-con.bn{--gap:16px;--row-gap:16px;--column-gap:16px}
body.bly .ccard.e-con.bn{--gap:16px;--row-gap:16px;--column-gap:16px;--align-items:center}
body.bly .cgrid.e-con.bn{--gap:clamp(28px,4vw,64px);--row-gap:clamp(28px,4vw,64px);--column-gap:clamp(28px,4vw,64px);--align-items:start}
body.bly .pgx.e-con.bn{--gap:clamp(16px,1.6vw,24px);--row-gap:clamp(16px,1.6vw,24px);--column-gap:clamp(16px,1.6vw,24px)}
body.bly .pcx.e-con.bn{--flex-direction:column}
body.bly .pcx .pb.e-con.bn{--flex-direction:column;--gap:10px;--row-gap:10px;--column-gap:10px}
body.bly .pcx .meta.e-con.bn{--justify-content:space-between}
body.bly .gx.e-con.bn{--column-gap:clamp(12px,1.2vw,18px)}
body.bly .gfilter.e-con.bn{--flex-wrap:wrap;--gap:10px;--row-gap:10px;--column-gap:10px;--justify-content:center}
body.bly .docrow.e-con.bn{--flex-wrap:wrap;--gap:14px;--row-gap:14px;--column-gap:28px;--align-items:center;--justify-content:center}
body.bly .docrow span.e-con.bn{--align-items:center;--gap:10px;--row-gap:10px;--column-gap:10px}
body.bly .gways.e-con.bn{--gap:16px;--row-gap:16px;--column-gap:16px}
@media (max-width:720px), (orientation: portrait) and (max-width: 1024px), (orientation: portrait) and (pointer: coarse){body.bly .phero.e-con.bn{--flex-direction:column;--justify-content:flex-end}}
@media (max-width:720px), (orientation: portrait) and (max-width: 1024px), (orientation: portrait) and (pointer: coarse){body.bly .crumbs.e-con.bn{--justify-content:center}}
body.bly .vstat.e-con.bn{--align-items:baseline;--gap:12px;--row-gap:12px;--column-gap:12px}
@media (max-width:720px){body.bly .amts.e-con.bn{--gap:10px;--row-gap:10px;--column-gap:10px}}
body.bly .mosaic.e-con.bn{--gap:clamp(10px,1vw,16px);--row-gap:clamp(10px,1vw,16px);--column-gap:clamp(10px,1vw,16px)}
body.bly .pband.e-con.bn{--align-items:center}
body.bly .cc-opts.e-con.bn{--gap:8px;--row-gap:8px;--column-gap:8px}
body.bly .cc-row.e-con.bn{--gap:10px;--row-gap:10px;--column-gap:10px;--align-items:flex-start}
body.bly .cc-btns.e-con.bn{--flex-wrap:wrap;--gap:8px;--row-gap:8px;--column-gap:8px}
body.bly .bly-btn .elementor-button.e-con.bn{--align-items:center;--justify-content:center;--gap:.5em;--row-gap:.5em;--column-gap:.5em}
body.bly body.home .e-con.bn.pc.e-con.bn{--flex-direction:column}
body.bly .nums .elementor-counter-number-wrapper.e-con.bn{--justify-content:center}
body.bly .racts.ia-c.e-con.bn{--justify-content:center}
body.bly .bly-vform .elementor-form-fields-wrapper.e-con.bn{--gap:16px;--row-gap:16px;--column-gap:18px}
body.bly .bly-vform .elementor-form-fields-wrapper>.elementor-field-group.e-con.bn{--gap:7px;--row-gap:7px;--column-gap:7px;--align-content:start}
body.bly .bly-vform .elementor-field-type-acceptance .elementor-field-option.e-con.bn{--align-items:flex-start;--gap:10px;--row-gap:10px;--column-gap:10px}
body.bly .bly-vform .e-form__buttons.e-con.bn{--justify-content:flex-start!important;--align-items:center;--gap:18px;--row-gap:18px;--column-gap:18px;--flex-wrap:wrap}
body.bly body.bly .e-con.icard.e-con.bn,body.bly body.bly .e-con.pcx.e-con.bn,body.bly body.bly .e-con.pcx>.e-con.pb.e-con.bn{--flex-direction:column}
body.bly body.bly .elementor .e-con.amtc.e-con.bn{--flex-direction:column;--gap:10px;--row-gap:10px;--column-gap:10px;--flex-wrap:nowrap}
body.bly body.bly .elementor .e-con.gways.e-con.bn{--gap:16px;--row-gap:16px;--column-gap:16px}
body.bly body.bly .elementor .e-con.ccards.e-con.bn{--gap:16px;--row-gap:16px;--column-gap:16px}
body.bly body.bly .elementor .e-con.ccard.e-con.bn{--flex-direction:row;--flex-wrap:nowrap;--gap:16px;--row-gap:16px;--column-gap:16px;--align-items:center}
body.bly .nfaq .elementor-toggle.e-con.bn{--gap:12px;--row-gap:12px;--column-gap:12px}
body.bly .nfaq .elementor-toggle .elementor-tab-title.e-con.bn{--justify-content:space-between;--align-items:center;--gap:18px;--row-gap:18px;--column-gap:18px}
body.bly .nform .elementor-form-fields-wrapper.e-con.bn{--gap:16px;--row-gap:16px;--column-gap:18px}
body.bly .nform .elementor-form-fields-wrapper>.elementor-field-group.e-con.bn{--gap:7px;--row-gap:7px;--column-gap:7px;--align-content:start}
body.bly .nform .elementor-field-type-acceptance .elementor-field-option.e-con.bn{--align-items:flex-start;--gap:10px;--row-gap:10px;--column-gap:10px}
body.bly .nform .elementor-field-type-submit.e-con.bn{--justify-content:flex-start}
body.bly .nform .elementor-field-type-submit .elementor-button.e-con.bn{--align-items:center;--justify-content:center;--gap:.5em;--row-gap:.5em;--column-gap:.5em}
body.bly .nform .elementor-form-fields-wrapper>.e-form__buttons.e-con.bn{--justify-content:flex-start;--align-items:center;--gap:18px;--row-gap:18px;--column-gap:18px;--flex-wrap:wrap}
body.bly body.bly .top .e-con.wrap.e-con.bn{--flex-direction:row;--flex-wrap:nowrap;--align-items:center;--gap:clamp(14px,2vw,32px);--row-gap:clamp(14px,2vw,32px);--column-gap:clamp(14px,2vw,32px)}
body.bly body.bly .top .e-con.tools.e-con.bn{--flex-direction:row;--flex-wrap:nowrap;--align-items:center;--gap:6px;--row-gap:6px;--column-gap:6px}
body.bly body.bly .top .nav ul.elementor-nav-menu.e-con.bn{--flex-wrap:nowrap;--justify-content:space-evenly;--gap:2px;--row-gap:2px;--column-gap:2px}
@media (max-width:1100px){body.bly body.bly .top .e-con.wrap.e-con.bn{--justify-content:flex-start}}
body.bly body.bly .f3 .f3list .elementor-icon-list-items.e-con.bn{--gap:12px;--row-gap:12px;--column-gap:12px}
body.bly body.bly .f3 .f3list .elementor-icon-list-item.e-con.bn{--align-items:center;--gap:10px;--row-gap:10px;--column-gap:10px}
body.bly body.bly .f3 .f3list .elementor-icon-list-item>a.e-con.bn{--align-items:center;--gap:10px;--row-gap:10px;--column-gap:10px}
body.bly body.bly .f3 .f3social .elementor-social-icons-wrapper.e-con.bn{--flex-wrap:wrap;--gap:10px;--row-gap:10px;--column-gap:10px;--justify-content:flex-start!important}
body.bly body.bly .f3 .f3form .elementor-form-fields-wrapper.e-con.bn{--gap:10px;--row-gap:10px;--column-gap:10px}
body.bly body.bly .f3 .f3form .elementor-field-type-acceptance.e-con.bn,body.bly body.bly .f3 .f3form .elementor-field-option.e-con.bn{--gap:8px;--row-gap:8px;--column-gap:8px;--align-items:center}
body.bly body.bly .f3 .f3form .e-form__buttons.e-con.bn{--justify-content:flex-start}
body.bly body.bly .f3 .e-con.f3base.e-con.bn{--flex-direction:row;--flex-wrap:wrap;--justify-content:space-between;--align-items:center;--gap:12px;--row-gap:12px;--column-gap:12px}
body.bly body.bly .f3 .f3docs .elementor-icon-list-items.e-con.bn{--gap:18px;--row-gap:18px;--column-gap:18px}
@media (max-width:900px){body.bly body.bly .f3 .f3brand .f3social .elementor-social-icons-wrapper.e-con.bn{--justify-content:center!important}}
@media (max-width:900px){body.bly body.bly .f3 .e-con.f3base.e-con.bn{--flex-direction:column;--align-items:center}}
@media (max-width:900px){body.bly body.bly .f3 .f3docs .elementor-icon-list-items.e-con.bn{--flex-wrap:wrap;--justify-content:center}}
@media (max-width:440px){body.bly body.bly .top .e-con.tools.e-con.bn{--gap:2px;--row-gap:2px;--column-gap:2px}}
body.bly .a11y-head.e-con.bn{--align-items:center;--justify-content:space-between;--gap:8px;--row-gap:8px;--column-gap:8px}
body.bly .a11y-head h2.e-con.bn{--align-items:center;--gap:8px;--row-gap:8px;--column-gap:8px}
body.bly .a11y-size.e-con.bn{--align-items:center;--justify-content:space-between;--gap:10px;--row-gap:10px;--column-gap:10px}
body.bly .a11y-grid.e-con.bn{--gap:8px;--row-gap:8px;--column-gap:8px}
body.bly .a11y-opt.e-con.bn{--flex-direction:column;--align-items:center;--justify-content:center;--gap:4px;--row-gap:4px;--column-gap:4px}
body.bly .a11y-reset.e-con.bn{--align-items:center;--justify-content:center;--gap:8px;--row-gap:8px;--column-gap:8px}
body.bly .a11y-links.e-con.bn{--flex-wrap:wrap;--justify-content:space-between;--gap:6px;--row-gap:6px;--column-gap:14px}
body.bly .f3form .elementor-field-type-acceptance .elementor-field-option.e-con.bn{--align-items:flex-start;--gap:10px;--row-gap:10px;--column-gap:10px}
body.bly .f3form .elementor-field-type-acceptance .elementor-field-option.e-con.bn{--gap:8px;--row-gap:8px;--column-gap:8px;--align-items:center}
@media (max-width:720px){body.bly .docrow.e-con.bn{--flex-direction:column;--align-items:flex-start}}
@media (max-width:480px){body.bly .cc-btns.e-con.bn{--flex-wrap:wrap}}
@media (max-width:720px){body.bly .gfilter.e-con.bn{--flex-wrap:nowrap;--justify-content:flex-start}}
body.bly .gway.e-con.bn{--gap:16px;--row-gap:16px;--column-gap:16px;--align-items:flex-start}
body.bly body.bly .drawer .d-cta .elementor-button.e-con.bn{--justify-content:center}
@media (max-width:720px){body.bly body.bly .fgive .amounts.e-con.bn{--gap:5px;--row-gap:5px;--column-gap:5px}}
@media (min-width:1101px) and (max-width:1480px){body.bly html[lang^="en"] body.bly .top .e-con.wrap.e-con.bn{--justify-content:flex-start}}