/* Continuous photographic atmosphere with readable, translucent surfaces. */
body{background-color:#e7f1f7;background-image:linear-gradient(#f8fcff26,#eef8ff26),url('assets/sky.png');background-position:center;background-size:cover;background-attachment:fixed}
.donation-section{background:linear-gradient(180deg,#f6fbff88,#f3fafb55);background-image:linear-gradient(180deg,#f6fbff88,#f3fafb55)}
.work-section,.contact-section{position:relative;isolation:isolate}
.work-section:before,.contact-section:before{content:"";position:absolute;inset:0 -25px;z-index:-1;background:linear-gradient(90deg,#f8fcff00,#f8fcffbd 25%,#f8fcffbd 75%,#f8fcff00);pointer-events:none}
.payment{background:#fffffff0;box-shadow:0 9px 28px #31587b0b;border-color:#ffffffde;backdrop-filter:blur(12px)}
.payment.primary{background:linear-gradient(110deg,#236b77f5,#2c5074f7 48%,#153b5bfa);border-color:transparent}
.section-head .eyebrow{color:#31596c}.section-head>p,.work-heading>p{color:#38586e}
.work-item{background:linear-gradient(155deg,#eaf7f4ec,#ffffffed 80%);border-color:#fff;box-shadow:0 10px 30px #244c6a0b;backdrop-filter:blur(12px)}
.work-item:nth-child(2){background:linear-gradient(155deg,#fff4dfed,#ffffffed 80%);border-color:#fff}
.work-item:nth-child(3){background:linear-gradient(155deg,#e9f3fced,#ffffffed 80%);border-color:#fff}
.contact{background:linear-gradient(155deg,#edf8f4ee,#ffffffed);box-shadow:0 10px 30px #244c6a0b;backdrop-filter:blur(12px)}
.contact+.contact{background:linear-gradient(155deg,#fff6e6ee,#ffffffed)}
.receipt-note{color:#3e5a70;border-color:#6b91ac36}.tax-note{color:#254665}
.impact-section{background-image:linear-gradient(100deg,#0b2742e6,#0b2742f0 70%),url('assets/sky.png');background-position:center 65%;background-size:cover}
.together{background-image:linear-gradient(90deg,#0b2742df,#0b2742ef),url('assets/sky.png');background-position:center 70%;background-size:cover}
.footer{background:#f4faffaa;backdrop-filter:blur(14px);border-top-color:#ffffffc9}
@media(max-width:720px){body{background-attachment:scroll;background-size:100% auto;background-repeat:repeat-y;background-position:center 900px}.donation-section{background:linear-gradient(180deg,#f6fbff8c,#f3fafb45)}.work-section:before,.contact-section:before{inset:0 -18px;background:linear-gradient(90deg,#f8fcff55,#f8fcffa3 25%,#f8fcffa3 75%,#f8fcff55)}.receipt-note{background:#ffffff75;border-radius:10px;padding:16px;border:1px solid #ffffffb3}.footer{background:#f4faffc9}}
.impact{gap:60px}.impact-photo{position:relative;flex:0 1 48%;min-width:0;margin:0;border-radius:8px 8px 56px 8px;overflow:hidden;box-shadow:0 24px 60px #00172955;border:1px solid #ffffff29}.impact-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.impact-photo:after{content:"";position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#071e36c9);pointer-events:none}.impact-photo figcaption{position:absolute;bottom:20px;right:24px;z-index:1;color:#fff;font-size:15px;font-weight:600}.impact-copy{flex:1;min-width:0}.impact h2{font-size:clamp(40px,4.2vw,60px)}
@media(max-width:1000px) and (min-width:721px){.impact{gap:30px}.impact h2{font-size:44px}.impact p{font-size:16px}.impact-photo figcaption{font-size:13px;right:17px;bottom:14px}}
@media(max-width:720px){.impact{display:flex;flex-direction:column;align-items:stretch;gap:29px}.impact-copy{order:0}.impact-photo{order:1;flex:auto;width:100%;border-radius:6px 6px 32px 6px}.impact h2{font-size:46px}.impact-photo figcaption{font-size:13px;bottom:17px;right:20px}}
/* Layered frames echo the flowing flag and the linked brand mark. */
.payment,.work-item,.contact{position:relative;isolation:isolate;border:1px solid #ffffffdb;background-clip:padding-box;box-shadow:0 3px 0 #ffffffb0,0 14px 35px #234d7012;transition:transform .25s,box-shadow .25s,border-color .25s}
.payment{border-radius:26px 9px 26px 9px;border-inline-start:4px solid #4db2aa80}
.payment:before{content:"";position:absolute;inset:6px;border:1px solid #3b738f16;border-radius:20px 5px 20px 5px;pointer-events:none;z-index:-1}
.payment:nth-child(3n){border-inline-start-color:#ffad428c}.payment:hover{box-shadow:0 3px 0 #ffffffb0,0 20px 38px #234d7023}
.payment.primary{border-radius:30px 10px 30px 10px;border:1px solid #ffffff52;border-inline-start:4px solid #ffb74f;box-shadow:0 4px 0 #23486820,0 16px 35px #234d702a}
.primary:before{border-color:#ffffff25;border-radius:24px 6px 24px 6px}
.work-item{border-radius:38px 8px 38px 8px;border-top:3px solid #4db2aa;padding:37px 29px}
.work-item:nth-child(2){border-top-color:#ffad42}.work-item:nth-child(3){border-top-color:#2c5074}
.work-item:before{content:"";position:absolute;inset:8px;border:1px solid #2b78851c;border-radius:30px 4px 30px 4px;pointer-events:none;z-index:-1}
.work-item:after{width:105px;height:105px;left:-38px;top:-39px;border:16px solid #4db2aa0e;background:none}
.work-item:nth-child(2):after{border-color:#ffad4212}.work-item:nth-child(3):after{border-color:#2c50740c}
.contact{border-radius:9px 40px 9px 40px;border-top:0;border-inline-start:4px solid #4db2aa;padding:38px 36px}
.contact+.contact{border-top:0;border-inline-start-color:#ffad42}
.contact:before{content:"";position:absolute;inset:8px;border:1px solid #2d6d7a20;border-radius:5px 32px 5px 32px;pointer-events:none;z-index:-1}
.contact:after{content:"";position:absolute;left:30px;top:0;width:68px;height:3px;background:linear-gradient(90deg,transparent,#4db2aa);border-radius:5px}
.contact+.contact:after{background:linear-gradient(90deg,transparent,#ffad42)}
.impact-photo{border-radius:40px 9px 40px 9px;border:1px solid #ffffff73;box-shadow:0 0 0 6px #ffffff08,0 0 0 7px #ffffff23,0 24px 60px #00172955}
@media(max-width:720px){.payment{border-radius:22px 7px 22px 7px;padding:20px}.payment:before{inset:5px;border-radius:17px 3px 17px 3px}.payment.primary{border-radius:25px 8px 25px 8px;padding:23px}.work-item{padding:27px 24px;border-radius:30px 7px 30px 7px}.work-item:before{inset:7px;border-radius:23px 3px 23px 3px}.contact{padding:29px 26px;border-radius:7px 31px 7px 31px}.contact:before{inset:7px;border-radius:3px 24px 3px 24px}.impact-photo{border-radius:28px 6px 28px 6px}}
/* Luminous opening and a more compact desktop rhythm. */
.hero{background:#eaf5fb url('assets/sky.png') center top/cover no-repeat;color:var(--ink)}
.hero:before{background:linear-gradient(to bottom,#f3faff80 0%,#f0f8fc8c 30%,#eef8fbbf 43%,#eaf6fa54 61%,transparent 83%,#0b274247 100%)}
.hero .eyebrow{color:#365b73}.hero .eyebrow>span{background:#e99b2c}.hero h1{text-shadow:none;color:#244966}.hero h1 em{color:#278c85}.hero .vision{color:#254b65}.hero .intro{color:#3c6178}
.header-cta{color:#254b65;background:#ffffff9c;border-color:#ffffffc9;box-shadow:0 4px 18px #31577509}.header-cta:hover{background:#fff;border-color:#7db6c7}.header-cta svg{color:#268b83}
.flag-large{filter:drop-shadow(0 15px 24px #284d7023)}
.together{color:#244966;background:linear-gradient(90deg,#edf8ffb5,#f7fbffcc),url('assets/sky.png') center 70%/cover}.together strong{color:#247a76}.together .line{background:#2c50742c}
@media(min-width:721px){
 .wrap{max-width:1080px}.header{height:110px}.logo{width:128px;height:108px}.header-cta{font-size:13px;padding:9px 18px}
 .hero{min-height:770px;padding:139px 0 350px}.hero-copy{width:min(570px,55%);margin-right:max(5vw,calc((100vw - 1080px)/2))}.hero h1{font-size:clamp(51px,4.7vw,68px);margin:20px 0 22px;letter-spacing:-2px}.hero .vision{font-size:18px;max-width:550px}.hero .intro{font-size:14px;max-width:520px}.hero-link{font-size:13px;margin-top:20px;padding:10px 18px}.hero-link svg{width:19px;height:19px}.hero .eyebrow{font-size:12px}
 .photo-frame{height:475px}.flag-large{width:min(490px,39vw);top:139px;left:2%}.photo-caption{right:max(5vw,calc((100vw - 1080px)/2));bottom:28px;font-size:13px}.art-note{left:max(5vw,calc((100vw - 1080px)/2));bottom:28px;font-size:13px}
 .together{padding:23px max(5vw,calc((100vw - 1080px)/2)) 28px}.together p{font-size:23px}
 .donation-wrap{max-width:840px}.donation-section{padding:59px 0 43px}.section-head{margin-bottom:28px}.section-head h2{font-size:43px;letter-spacing:-1.5px}.section-head>p{font-size:15px}.section-head .eyebrow{font-size:11px}
 .payment-grid{gap:13px}.payment{min-height:101px;padding:21px}.payment-main{gap:18px}.payment-icon{width:47px;height:47px}.payment h3,.payment-title{font-size:21px}.payment p,.payment-detail{font-size:12px}.primary{min-height:125px;padding-inline:28px}.primary h3{font-size:28px}.primary .payment-icon{width:59px;height:59px}.primary .go{width:45px;height:45px}.tax-note{font-size:13px;margin-top:23px}.receipt-note{font-size:12px;margin-top:18px;padding-top:17px}
 .work-section{padding-block:65px 60px}.work-heading{gap:40px;margin-bottom:30px}.work-heading h2{font-size:43px}.work-heading>p{font-size:16px;max-width:455px}.work-item{padding:29px 24px;min-height:285px}.work-icon{width:52px;height:52px;margin-bottom:18px}.work-item h3{font-size:23px}.work-item p{font-size:14px}
 .impact{padding-block:53px;min-height:380px;gap:47px}.impact h2{font-size:49px}.impact p{font-size:16px}.impact strong{font-size:14px;margin-top:17px}.impact-photo figcaption{font-size:13px}
 .contact-section{padding-block:63px 50px}.contact{padding:29px 30px}.contact h3{font-size:22px}.contact p{font-size:14px}.contact-label{font-size:12px}.contact-button{font-size:13px;padding:10px 17px;margin-top:18px}.website-link{font-size:14px;margin-top:30px}.footer .wrap{padding-block:15px}.footer img{width:92px;height:80px}
}
@media(max-width:720px){.hero:before{background:linear-gradient(to bottom,#f3faff85 0%,#f0f8fcba 42%,#eef8fbc9 54%,#eaf6fa47 69%,transparent 86%,#0b274254 100%)}.hero{min-height:920px;padding-bottom:390px}.photo-frame{height:420px}.together{padding-block:21px 25px}}
/* Anchor the fabric outside the canvas rather than floating it in the sky. */
.flag-large{left:-8%;transform-origin:0 70%;transform:rotate(-4deg);animation:edge-flag 9s ease-in-out infinite}
@keyframes edge-flag{0%,100%{transform:rotate(-4deg) skewY(0)}50%{transform:rotate(-2deg) skewY(-1deg)}}
body,button{font-family:Assistant,Arial,sans-serif}
h1,h2,h3,.payment-title,.header-cta,.hero-link,.contact-button,.bank-copy-all{font-family:Rubik,Arial,sans-serif}
.hero h1{font-weight:800;letter-spacing:-1.4px;line-height:1.17}.hero h1 em{font-weight:800}
h2,.section-head h2,.work-heading h2,.impact h2{font-weight:700;letter-spacing:-.9px;line-height:1.25}
.payment h3,.payment-title{font-weight:600;letter-spacing:-.35px}.primary h3{font-weight:700}
.work-item h3,.contact h3{font-weight:600;letter-spacing:-.5px}
.hero .vision{font-weight:500}.hero .intro{font-weight:400}.eyebrow{font-family:Assistant,Arial,sans-serif;font-weight:700;letter-spacing:.2px}.together p{font-family:Assistant,Arial,sans-serif;letter-spacing:0}.together strong{font-weight:800}
@media(min-width:721px){.flag-large{left:-8%;width:min(580px,45vw);top:143px}.hero .vision{font-size:19px}.hero .intro{font-size:15px}.work-item p{font-size:15px}.receipt-note{font-size:13px}.hero h1{font-size:clamp(49px,4.5vw,65px)}}
@media(max-width:720px){.flag-large{left:-23%;width:91vw;max-width:430px;bottom:181px;top:auto}.hero h1{font-size:clamp(40px,10.9vw,61px);letter-spacing:-1px}.hero .vision{font-size:18px}.hero .intro{font-size:14px}.receipt-note{font-size:13px}.work-item p{font-size:15px}.contact p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.flag-large{animation:none}}
/* Quiet cloud detail behind copy; expressive headlines, stronger reading contrast. */
body{background-image:linear-gradient(#f6fbffe0,#f6fbffe0),url('assets/sky.png');color:#173951}
.hero:before{background:linear-gradient(to bottom,#f5fbffd9 0%,#f4faffed 28%,#f2f9fff0 43%,#eff8ffa8 59%,transparent 83%,#0b274247 100%)}
.hero-copy:before{content:"";position:absolute;inset:-30px -35px -25px;z-index:-1;background:radial-gradient(ellipse at center,#f8fcffd9 0%,#f8fcff85 55%,#f8fcff00 76%);pointer-events:none}
.hero h1,h2,.section-head h2,.work-heading h2,.impact h2{font-family:Alef,Arial,sans-serif;font-weight:700;letter-spacing:-.7px}
.hero h1 em{font-weight:700;color:#217a75}.hero h1{color:#193f5c;line-height:1.13}
.hero .vision{color:#193d57;font-weight:600}.hero .intro{color:#294e67;font-weight:600}
.section-head>p,.work-heading>p,.work-item p,.contact p{color:#294b61;font-weight:500}
.receipt-note{color:#304c60;font-weight:500}.payment p,.payment-detail{color:#39576c;font-weight:500}.primary p{color:#f2f7fb}.primary small{color:#ecf4f7}
.eyebrow,.section-head .eyebrow,.work-number,.contact-label{color:#33556b}.impact .eyebrow{color:#ffcd8a}.impact p{color:#f0f5f8;font-weight:500}
.work-section:before,.contact-section:before{background:linear-gradient(90deg,#f8fcff66,#f8fcffdf 20%,#f8fcffdf 80%,#f8fcff66)}
@media(min-width:721px){.hero h1{font-size:clamp(54px,4.8vw,70px)}.section-head h2{font-size:45px}.impact h2{font-size:53px}}
@media(max-width:720px){.hero:before{background:linear-gradient(to bottom,#f5fbffdb 0%,#f4faffed 42%,#f2f9ffef 54%,#eff8ff88 68%,transparent 86%,#0b274254 100%)}.hero-copy:before{inset:-15px -16px -22px;background:#f6fbff47;border-radius:18px}.hero h1{font-size:clamp(43px,11.5vw,64px)}.hero .intro{font-weight:600}}
.payment-icon,.work-icon{background:linear-gradient(145deg,#ffffff,#e8f2f4);border:1px solid #ffffffeb;box-shadow:inset 0 2px 3px #fff,0 5px 12px #244e7010;border-radius:16px 7px 16px 7px}
.payment-icon svg{width:34px;height:34px;filter:drop-shadow(0 2px 1px #21486815)}.work-icon svg{width:37px;height:37px;filter:drop-shadow(0 2px 1px #21486815)}
.work-icon.orange{background:linear-gradient(145deg,#fffdf8,#ffedcf)}.work-icon.navy{background:linear-gradient(145deg,#f5faff,#e0ecf5)}
.primary .payment-icon{background:linear-gradient(145deg,#f7fbff,#dae9f0);box-shadow:0 4px 12px #001e3526}.primary .payment-icon svg{width:39px;height:39px}
.contact-button svg{width:26px;height:26px}.header-cta svg{width:22px;height:22px}.tax-note svg{width:23px;height:23px}
@media(max-width:720px){.payment-icon svg{width:31px;height:31px}.work-icon svg{width:32px;height:32px}.primary .payment-icon svg{width:34px;height:34px}.contact-button svg{width:23px;height:23px}}
/* Reference style: solid turquoise discs and crisp white symbols. */
.payment-icon,.work-icon,.work-icon.orange,.work-icon.navy,.primary .payment-icon{border-radius:50%;background:#389bad;border:0;box-shadow:0 4px 10px #25798b1a;color:#fff}
.payment-icon svg,.work-icon svg,.primary .payment-icon svg{width:26px;height:26px;filter:none}
.work-icon svg{width:29px;height:29px}.primary .payment-icon svg{width:30px;height:30px}
.contact-button svg,.header-cta svg,.tax-note svg{padding:7px;background:#389bad;border-radius:50%;width:35px;height:35px;filter:none;color:#fff}
.header-cta svg{width:28px;height:28px;padding:6px}.tax-note svg{width:27px;height:27px;padding:5px}
.go:has(use[href="#copy"]),.copy-mini{background:#389bad;color:white;border-radius:50%;border:0}
@media(max-width:720px){.payment-icon svg{width:24px;height:24px}.work-icon svg{width:26px;height:26px}.primary .payment-icon svg{width:28px;height:28px}.contact-button svg{width:32px;height:32px;padding:6px}}
/* Distinctive Hebrew display type paired with a clean reading face. */
body,button,.eyebrow,.together p{font-family:'Noto Sans Hebrew',Arial,sans-serif}
.hero h1,.hero h1 em,h2,.section-head h2,.work-heading h2,.impact h2,.work-item h3,.contact h3{font-family:'Suez One',Georgia,serif;font-weight:400;font-synthesis:none;letter-spacing:0}
.hero h1{line-height:1.2}.hero h1 em{font-style:normal;letter-spacing:0}
.payment h3,.payment-title,.header-cta,.hero-link,.contact-button,.bank-copy-all,.receipt-note h3{font-family:'Noto Sans Hebrew',Arial,sans-serif;font-weight:700;letter-spacing:0}
.work-item h3,.contact h3{line-height:1.45}.hero .vision{font-weight:500}.hero .intro{font-weight:500}.work-item p,.contact p,.receipt-note{font-weight:400;line-height:1.95}
@media(min-width:721px){.hero h1{font-size:clamp(48px,4.3vw,62px)}.section-head h2{font-size:40px}.work-heading h2{font-size:41px}.impact h2{font-size:46px}.work-item h3{font-size:22px}.contact h3{font-size:21px}}
@media(max-width:720px){.hero h1{font-size:clamp(37px,9.7vw,53px)}.section-head h2{font-size:32px}.contact-section h2{font-size:29px}.impact h2{font-size:40px}.work-item h3,.contact h3{font-size:21px}.hero .vision{font-size:17px}.hero .intro{font-size:13px}}
/* Contemporary print headlines with expressive handwritten accents. */
body,button,.eyebrow,.together p{font-family:Assistant,Arial,sans-serif}
.hero h1,h2,.section-head h2,.work-heading h2,.impact h2,.work-item h3,.contact h3{font-family:Rubik,Arial,sans-serif;font-weight:700;letter-spacing:-.7px}
.hero h1{font-weight:800;line-height:1.08}
.hero h1 em{display:inline-block;font-family:Karantina,Arial,sans-serif;font-weight:400;letter-spacing:.3px;font-size:1.55em;line-height:.98;transform:rotate(-2deg);padding:2px 0 8px}
.hero h1 em:after{bottom:1px;height:4px;transform:rotate(0deg)}
.section-head h2 span,.work-heading h2 span,.impact h2 span{display:inline-block;font-family:Karantina,Arial,sans-serif;font-weight:400;font-size:1.45em;line-height:1.02;letter-spacing:.5px;transform:rotate(-2deg)}
.impact h2 span{font-size:1.6em}.together strong{font-family:Karantina,Arial,sans-serif;font-size:1.6em;font-weight:400;line-height:1;display:inline-block;transform:rotate(-2deg)}
.payment h3,.payment-title,.header-cta,.hero-link,.contact-button,.bank-copy-all,.receipt-note h3{font-family:Rubik,Arial,sans-serif;font-weight:600;letter-spacing:-.2px}
.hero .vision{font-weight:500}.hero .intro{font-weight:500}.work-item h3,.contact h3{font-weight:600;line-height:1.4}
@media(min-width:721px){.hero h1{font-size:clamp(47px,4.2vw,61px);margin-bottom:25px}.section-head h2{font-size:39px}.work-heading h2{font-size:40px}.impact h2{font-size:44px}.work-item h3{font-size:23px}.contact h3{font-size:22px}}
@media(max-width:720px){.hero h1{font-size:clamp(37px,9.7vw,53px);margin-bottom:24px}.hero h1 em{font-size:1.7em}.section-head h2{font-size:31px}.contact-section h2{font-size:28px}.impact h2{font-size:38px}.work-item h3,.contact h3{font-size:22px}.together p{font-size:20px}.hero .vision{font-size:18px}.hero .intro{font-size:14px}}
.contact-button svg{width:35px;height:35px;min-width:35px;flex:0 0 35px;padding:7px;border-radius:50%;background:#389bad;box-sizing:border-box}
.tax-note svg{background:#ed9b28;box-shadow:0 3px 9px #d4882926}
.hero h1 em,.section-head h2 span,.work-heading h2 span,.impact h2 span,.together strong{font-family:'Gveret Levin',cursive;font-weight:400;font-synthesis:none;letter-spacing:0;line-height:1.35;transform:rotate(-2deg)}
.hero h1 em{font-size:1.05em;padding:3px 0 10px}.section-head h2 span,.work-heading h2 span{font-size:1.04em}.impact h2 span{font-size:1.12em}.together strong{font-size:1.12em}
@media(max-width:720px){.contact-button svg{width:32px;height:32px;min-width:32px;flex:0 0 32px;padding:6px}.hero h1 em{font-size:1.08em}.section-head h2 span{font-size:1.02em}}
.work-heading{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;margin-bottom:36px}
.work-heading .eyebrow{justify-content:center}.work-heading h2{margin:12px 0 0}.work-heading h2 br{display:none}.work-heading h2 span{margin-inline-start:8px}
.work-heading>p{max-width:690px;margin:0;line-height:1.9;text-align:center;text-wrap:pretty}
@media(max-width:720px){.work-heading{gap:15px;margin-bottom:26px}.work-heading>p{max-width:100%;font-size:15px}.work-heading h2{font-size:33px}.work-heading h2 span{margin-inline-start:5px}}
.donation-identity{display:flex;align-items:center;justify-content:center;gap:12px;width:fit-content;margin:0 auto 17px;padding:9px 19px;background:#ffffffbd;border:1px solid #8dadc544;border-radius:100px;color:#244b70;font-family:Assistant,Arial,sans-serif;font-size:16px;font-weight:700;box-shadow:0 5px 18px #254c7008}
.donation-identity svg{width:34px;height:24px;stroke:none;border-radius:2px;box-shadow:0 1px 5px #254c701a}
.donation-section:before{width:156px;right:calc(50% - 78px);height:7px;background:linear-gradient(180deg,#2865a4 0 28%,#fff 28% 72%,#2865a4 72%)}
#donate-title{position:relative;width:fit-content;margin-inline:auto;padding-bottom:13px}
#donate-title:after{content:"";position:absolute;bottom:0;left:21%;right:21%;height:3px;border-radius:2px;background:linear-gradient(90deg,transparent,#2865a4 20%,#4db2aa 80%,transparent)}
.flag-large{animation:flag-breeze 4.5s ease-in-out infinite;transform-origin:0 65%;will-change:transform}
@keyframes flag-breeze{0%,100%{transform:rotate(-5deg) skewY(1deg) scaleX(1) translateY(0)}35%{transform:rotate(1deg) skewY(-4deg) scaleX(.94) translateY(-16px)}70%{transform:rotate(-8deg) skewY(3deg) scaleX(1.02) translateY(9px)}}
@media(max-width:720px){.donation-identity{font-size:14px;gap:9px;padding:8px 14px}.donation-identity svg{width:30px;height:21px}.flag-large{animation-duration:5s}}
@media(prefers-reduced-motion:reduce){.flag-large{animation:none;will-change:auto}}
.donation-identity{position:relative;display:grid;place-items:center;border:0;box-shadow:none;background:none;border-radius:0;width:min(360px,100%);height:165px;margin:0 auto 24px;padding:20px;isolation:isolate}
.identity-orbit{position:absolute;inset:15px 5px;border:1px solid #2c507433;border-radius:50%;transform:rotate(-9deg);z-index:-1}
.identity-orbit:after{content:"";position:absolute;inset:12px -8px;border:1px solid #4db2aa25;border-radius:50%;transform:rotate(18deg)}
.identity-orbit i{position:absolute;width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:#2c5074;box-shadow:0 2px 5px #2c507414;z-index:1}
.identity-orbit i:nth-child(1){top:0;left:30%;background:#4db2aa}.identity-orbit i:nth-child(2){top:23%;right:0;background:#ffad42;width:13px;height:13px}.identity-orbit i:nth-child(3){bottom:0;right:27%;background:#4db2aa}.identity-orbit i:nth-child(4){bottom:25%;left:0;background:#ffad42;width:13px;height:13px}.identity-orbit i:nth-child(5){top:0;right:30%}.identity-orbit i:nth-child(6){bottom:0;left:30%}.identity-orbit i:nth-child(7){top:20%;left:4%;background:#4db2aa;width:8px;height:8px}.identity-orbit i:nth-child(8){bottom:20%;right:4%;background:#4db2aa;width:8px;height:8px}
.identity-message{display:flex;flex-direction:column;align-items:center;gap:6px;font-family:Assistant,Arial,sans-serif;font-size:16px;font-weight:600;color:#335872;line-height:1.4;background:radial-gradient(ellipse,#f4fafff5 45%,#f4faff00 75%);padding:7px 14px}
.identity-message strong{font-family:'Gveret Levin',cursive;font-weight:400;font-size:28px;color:#217f79;transform:rotate(-3deg);white-space:nowrap}
.donation-section:before{background:linear-gradient(90deg,transparent,#4db2aa 25%,#ffad42 75%,transparent);height:3px}
@media(max-width:720px){.donation-identity{width:300px;max-width:100%;height:145px;margin-bottom:20px}.identity-message{font-size:14px}.identity-message strong{font-size:25px}}
.donation-identity{display:flex;align-items:center;justify-content:center;gap:22px;width:fit-content;max-width:100%;height:auto;min-height:100px;padding:8px 0;margin-bottom:22px}
.identity-mosaic{display:grid;grid-template-columns:repeat(3,19px);grid-template-rows:repeat(3,19px);gap:4px;transform:rotate(-8deg);flex-shrink:0}
.identity-mosaic i{display:block;border-radius:5px 2px 5px 2px;background:#2c5074;box-shadow:0 3px 5px #254b7010}.identity-mosaic i:nth-child(2),.identity-mosaic i:nth-child(4),.identity-mosaic i:nth-child(8){background:#4db2aa}.identity-mosaic i:nth-child(3),.identity-mosaic i:nth-child(7){background:#bfd7e3}.identity-mosaic i:nth-child(5){background:#ffad42;transform:translate(2px,-3px) scale(1.14);box-shadow:0 4px 10px #d88e292e}.identity-mosaic i:nth-child(9){background:#81c9bf}
.identity-message{align-items:flex-start;background:none;padding:0;gap:3px;text-align:right}.identity-message strong{font-size:29px}
@media(max-width:720px){.donation-identity{gap:17px;min-height:90px;margin-bottom:19px}.identity-mosaic{grid-template-columns:repeat(3,16px);grid-template-rows:repeat(3,16px);gap:3px}.identity-message strong{font-size:25px}}
.donation-identity{flex-direction:column;gap:4px;margin-bottom:21px;padding:0;width:100%;height:auto}
.identity-puzzle{display:block;width:260px;max-width:80%;height:auto;object-fit:contain;filter:drop-shadow(0 9px 12px #1b477b12)}
.identity-message{align-items:center;text-align:center;gap:3px}.identity-message strong{font-size:28px}
@media(max-width:720px){.identity-puzzle{width:225px}.donation-identity{gap:2px;margin-bottom:19px}.identity-message strong{font-size:25px}}
.donation-identity{min-height:0;margin-bottom:9px}.identity-puzzle{width:270px}.section-head #donate-title{font-size:34px;line-height:1.4;margin-top:8px;padding-bottom:18px}.section-head #donate-title span{font-size:1.15em;line-height:1.4;margin-top:2px}
@media(max-width:720px){.identity-puzzle{width:230px}.donation-identity{margin-bottom:7px}.section-head #donate-title{font-size:28px}.section-head #donate-title span{font-size:1.1em}}
