/* Reference-inspired light, ivory and flowing national/brand colors. */
body{background-color:#fffaf0;background-image:linear-gradient(#fffaf0d9,#f7fbffe8),url('assets/golden-sky.png');background-position:center;background-size:cover}
.hero{background:#f8f4e9 url('assets/golden-sky.png') center top/cover no-repeat}
.hero:before{background:linear-gradient(180deg,#fff9ec65 0%,#fffbf1d9 27%,#fffbf1e6 43%,#f8f5ed8c 60%,transparent 84%,#183c5147 100%)}
.hero-copy:before{background:radial-gradient(ellipse,#fffaf0ed 35%,#fffaf0a8 56%,#fffaf000 78%)}
.hero .eyebrow{color:#805e2c}.hero .eyebrow>span{background:#eaaa39}.logo{background:#fffdf5;border:1px solid #f5dfb5;border-top:0;box-shadow:0 12px 32px #a8803020}
.header-cta{background:#fffaf0ba;border-color:#e5ceab;color:#244b70}.hero-link{background:linear-gradient(110deg,#ffc35a,#f2ac3d);box-shadow:0 6px 18px #c3913526}
.together{background:linear-gradient(90deg,#fff4d9da,#fffdf3e6,#edf7ffe0);border-top:1px solid #f9e8c1;border-bottom:1px solid #f1dfb9}.together strong{color:#217f79}
.donation-section{background:linear-gradient(180deg,#fffaf0c4,#f6fbffa3);position:relative;isolation:isolate}
.donation-section:after{content:"";position:absolute;inset:auto 0 0;height:170px;z-index:-1;background:linear-gradient(to bottom,#fbfaf4,transparent 65%),url('assets/golden-sky.png') center bottom/100% auto no-repeat;opacity:.23;pointer-events:none}
.payment{background:linear-gradient(145deg,#fffefa,#fffdf5f2);border-color:#f1e2c8;box-shadow:0 3px 0 #fffdf8,0 12px 30px #9375440d}.payment:before{border-color:#dac39a3b}.payment.primary{background:linear-gradient(110deg,#276d78,#285171 52%,#183d5d);border-color:#edc16b69}.primary:before{border-color:#ffffff26}
.work-section:before,.contact-section:before{background:linear-gradient(90deg,#fffaf04d,#fffaf0e5 20%,#fffaf0e5 80%,#fffaf04d)}
.work-item{background:linear-gradient(150deg,#edf8f2f2,#fffdf7f0);border-color:#e7ded0;border-top-color:#4db2aa}.work-item:nth-child(2){background:linear-gradient(150deg,#fff0d3f0,#fffdf8f5);border-color:#edd9b5;border-top-color:#efb246}.work-item:nth-child(3){background:linear-gradient(150deg,#edf4fcf2,#fffdf7f0);border-color:#dce5ee;border-top-color:#2c5074}
.impact-section{background-image:linear-gradient(100deg,#11354ce8,#173952ee 70%),url('assets/golden-sky.png');background-position:center;background-size:cover}.impact .eyebrow{color:#f9d294}.impact strong{color:#ffd28b}
.contact{background:linear-gradient(155deg,#eef8f2f2,#fffdf7);border-color:#deddd0;border-inline-start-color:#4db2aa}.contact+.contact{background:linear-gradient(155deg,#fff1d7f2,#fffdf7);border-color:#e6dac0;border-inline-start-color:#efb246}.contact-button{background:#fffefa;border-color:#d9cfb9}
.footer{background:linear-gradient(100deg,#fff4dde8,#f6fbffeb);border-top-color:#ead7b5}
@media(max-width:720px){body{background-size:auto 1200px;background-position:center 700px}.hero:before{background:linear-gradient(180deg,#fff9ec88 0%,#fffbf1ec 42%,#fffbf1e8 54%,#f8f5ed85 69%,transparent 86%,#183c5154 100%)}.hero-copy:before{background:#fffaf065}.donation-section:after{height:110px;background-size:auto 350px}.together{background:linear-gradient(90deg,#fff4d9eb,#fffdf3ef,#edf7ffeb)}}
/* Let the supplied campaign artwork show through, with reading surfaces confined to copy. */
body{background-image:linear-gradient(#fff8e81a,#f4faff26),url('assets/partnership-israel-clean.png');background-size:cover;background-position:center;background-attachment:fixed}
.hero{background-image:url('assets/golden-sky.png');background-position:center top}
.hero:before{background:linear-gradient(180deg,#fff9ec18 0%,#fffbf135 30%,#fffbf158 44%,#f8f5ed2b 61%,transparent 84%,#183c5130 100%)}
.hero-copy:before{background:radial-gradient(ellipse,#fffaf0ed 30%,#fffaf0c2 52%,#fffaf000 75%)}
.donation-section{background:linear-gradient(180deg,#fffaf06b,#f6fbff59)}
.donation-section:after{height:220px;opacity:.8;background:linear-gradient(to bottom,#fbfaf400,transparent),url('assets/golden-sky.png') center bottom/100% auto no-repeat}
.donation-section .section-head{width:fit-content;max-width:100%;margin-inline:auto;padding:18px 30px;background:#fffaf0e8;border-radius:28px;box-shadow:0 12px 36px #745a1910}
.tax-note,.receipt-note{width:fit-content;max-width:100%;margin-inline:auto;background:#fffaf0ef;border-radius:12px;padding:12px 18px}.receipt-note{max-width:800px;border-top:0}
.work-section:before,.contact-section:before{background:#fffaf093;border-radius:34px}
.work-heading,.contact-section>.section-head{background:#fffaf0ea;border-radius:22px;padding:24px;max-width:780px;margin-inline:auto}
.website-link{width:fit-content;margin-inline:auto;background:#fffaf0ed;padding:12px 22px;border-radius:100px}
.together{background:linear-gradient(90deg,#fff4d991,#fffdf3c4,#edf7ff9c)}
@media(max-width:720px){body{background-attachment:scroll;background-size:100% auto;background-repeat:repeat-y;background-position:center top}.hero:before{background:linear-gradient(180deg,#fff9ec28 0%,#fffbf163 42%,#fffbf177 54%,#f8f5ed32 69%,transparent 86%,#183c5135 100%)}.hero-copy:before{background:#fffaf0c7;box-shadow:0 6px 30px #fffaf099}.donation-section:after{height:155px;background-size:auto 430px;opacity:.75}.donation-section .section-head{padding:18px 14px}.work-heading,.contact-section>.section-head{padding:20px 14px}.work-section:before,.contact-section:before{background:#fffaf071}}
/* Integrated flag photograph, blended into the opening sky. */
.hero:after{content:"";position:absolute;top:-90px;left:-7%;width:62%;height:650px;background:url('assets/partnership-israel-clean.png') center top/100% auto no-repeat;z-index:3;pointer-events:none;mask-image:linear-gradient(to bottom,#000 0%,#000 55%,transparent 92%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 55%,transparent 92%);transform-origin:0 0;animation:integrated-flag 7s ease-in-out infinite}
.hero-copy{z-index:5}.hero-copy:before{background:radial-gradient(ellipse,#fffaf0f2 28%,#fffaf0d4 48%,#fffaf000 74%)}
@keyframes integrated-flag{0%,100%{transform:scale(1.02) rotate(-1deg)}50%{transform:scale(1.045) rotate(1deg)}}
@media(max-width:1100px) and (min-width:721px){.hero:after{width:65%;left:-15%;top:-60px;height:640px}}
@media(max-width:720px){.hero:after{width:100%;height:390px;top:425px;left:-32%;background-size:100% auto;mask-image:linear-gradient(to bottom,transparent,#000 15%,#000 58%,transparent 95%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 15%,#000 58%,transparent 95%)}.hero-copy:before{background:#fffaf0df}}
@media(prefers-reduced-motion:reduce){.hero:after{animation:none}}
/* Purpose-made whole flag: contained at every breakpoint, never cropped. */
.hero:after{top:135px;left:0;width:43%;height:400px;background:url('assets/hero-flag-new.png') center/contain no-repeat;mask-image:none;-webkit-mask-image:none;transform-origin:4% 40%;animation:whole-flag 5.5s ease-in-out infinite}
@keyframes whole-flag{0%,100%{transform:rotate(-2deg) skewY(0)}50%{transform:rotate(2deg) skewY(-1deg)}}
@media(max-width:1100px) and (min-width:721px){.hero:after{width:40%;height:330px;left:0;top:165px}}
@media(max-width:720px){.hero:after{width:92%;height:260px;left:4%;top:490px;background-size:contain;mask-image:none;-webkit-mask-image:none}.hero{padding-bottom:460px;min-height:1020px}.photo-frame{height:350px}}
@media(prefers-reduced-motion:reduce){.hero:after{animation:none}}
/* One photographic composition: the flag enters naturally from the sky edge. */
.hero{background:#f3f8fb url('assets/hero-unified.png') left top/100% auto no-repeat}
.hero:after{content:none;display:none;animation:none}
.hero:before{background:linear-gradient(90deg,transparent 0%,transparent 37%,#fffaf044 56%,#fffaf070 100%)}
.hero-copy:before{background:radial-gradient(ellipse,#fffaf0df 25%,#fffaf0a6 53%,transparent 77%)}
.photo-frame{height:335px;mask-image:linear-gradient(to bottom,transparent,#000 21%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 21%)}
@media(min-width:721px){.hero{min-height:855px;padding-bottom:390px}}
@media(max-width:1100px) and (min-width:721px){.hero{background-size:auto 650px;background-position:40% top}.hero-copy:before{background:radial-gradient(ellipse,#fffaf0ef 35%,#fffaf0c0 60%,transparent 80%)}}
@media(max-width:720px){.hero{background:#f3f8fb url('assets/hero-unified.png') left 425px/auto 410px no-repeat;min-height:1010px;padding-bottom:460px}.hero:before{background:linear-gradient(to bottom,#f5fbff 0%,#fffaf0ed 41%,#fffaf000 57%,transparent 100%)}.hero-copy:before{background:#fffaf0b8}.photo-frame{height:285px;mask-image:linear-gradient(to bottom,transparent,#000 19%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 19%)}}
/* Subtle motion within the unified sky and flag composition. */
.hero{animation:hero-atmosphere 12s ease-in-out infinite}
@keyframes hero-atmosphere{0%,100%{background-size:100% auto;background-position:left top}50%{background-size:102% auto;background-position:left -5px}}
@media(max-width:1100px) and (min-width:721px){.hero{animation-name:hero-atmosphere-tablet}@keyframes hero-atmosphere-tablet{0%,100%{background-size:auto 650px;background-position:40% top}50%{background-size:auto 662px;background-position:40% -4px}}}
@media(max-width:720px){.hero{animation-name:hero-atmosphere-mobile}@keyframes hero-atmosphere-mobile{0%,100%{background-size:auto 410px;background-position:left 425px}50%{background-size:auto 418px;background-position:left 421px}}}
@media(prefers-reduced-motion:reduce){.hero{animation:none}}
/* Fixed composition; only the fabric bends slowly, with no camera movement. */
.hero{animation:none;background-size:100% auto;background-position:left top}
.hero-cloth-wave{position:absolute;top:0;left:0;width:100%;height:auto;aspect-ratio:1672/941;stroke:none;z-index:0;pointer-events:none;overflow:visible}
@media(max-width:1100px) and (min-width:721px){.hero{animation:none;background-size:auto 650px;background-position:40% top}.hero-cloth-wave{width:1154.94px;height:650px;left:calc((100% - 1154.94px)*.4)}}
@media(max-width:720px){.hero{animation:none;background-size:auto 410px;background-position:left 425px}.hero-cloth-wave{top:425px;left:0;width:728.5px;height:410px}}
@media(prefers-reduced-motion:reduce){.hero-cloth-wave{display:none}}
/* Wide identity composition: words on the right, puzzle on the left. */
.donation-section .section-head{width:min(780px,100%);padding:22px 32px;border-radius:26px 9px 26px 9px}
.donation-banner{display:flex;align-items:center;justify-content:center;gap:36px;direction:rtl}
.donation-banner .identity-puzzle{width:250px;max-width:40%;height:auto;flex-shrink:0}
.section-head .donation-banner #donate-title{margin:0;padding:0;font-size:31px;text-align:right;line-height:1.45}
.donation-banner #donate-title:after{display:none}.section-head .donation-banner #donate-title span{font-size:1.08em;white-space:nowrap}
.donation-section .section-head>p{margin-top:15px}
.closing-slogan{text-align:center;margin:48px auto 4px;color:#2c5074;font-family:'Gveret Levin',cursive;font-size:34px;line-height:1.6;transform:rotate(-1deg);max-width:100%;padding:12px 15px;background:radial-gradient(ellipse,#fffaf0e8 45%,transparent 75%)}
.closing-slogan span{color:#258c84;white-space:nowrap}
@media(max-width:720px){.donation-section .section-head{padding:19px 14px}.donation-banner{gap:12px}.donation-banner .identity-puzzle{width:140px;max-width:40%}.section-head .donation-banner #donate-title{font-size:21px}.section-head .donation-banner #donate-title span{font-size:1.03em}.donation-section .section-head>p{font-size:13px;margin-top:12px}.closing-slogan{font-size:26px;margin-top:32px}}
@media(max-width:370px){.section-head .donation-banner #donate-title{font-size:19px}.donation-banner{gap:8px}.closing-slogan{font-size:23px}}
/* Donation cards: layered light, inset frames and jewel-like icon medallions. */
.payment-grid{gap:17px}
.payment{position:relative;overflow:hidden;min-height:115px;padding:25px 26px;border:1px solid #e3d3b9;border-inline-start:0;border-radius:24px 8px 24px 8px;background:linear-gradient(125deg,#fffdf9 0%,#fffaf0 55%,#eef6f8 100%);box-shadow:0 3px 0 #e8e1d4,0 12px 26px #31516c12;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.payment:before{inset:7px;border:1px solid #ffffffeb;border-radius:18px 4px 18px 4px;z-index:0;box-shadow:inset 0 0 0 1px #b0bcc016}
.payment:after{content:"";position:absolute;top:0;right:23px;width:70px;height:3px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,#4db2aa,#93d6ce);pointer-events:none}
.payment:nth-child(3n):after{background:linear-gradient(90deg,#e9a23c,#ffd18b)}
.payment-main,.payment .go{position:relative;z-index:1}.payment-main{gap:22px}
.payment .payment-icon{position:relative;width:55px;height:55px;flex-shrink:0;background:linear-gradient(135deg,#60beb8,#268798);border:3px solid #fff;outline:1px solid #64aca450;box-shadow:0 5px 12px #277d8f25,inset 0 1px 0 #ffffff80;border-radius:50%}
.payment .payment-icon:after{content:"";position:absolute;inset:3px;border:1px solid #ffffff38;border-radius:50%;pointer-events:none}
.payment h3,.payment-title{font-size:22px;color:#244863}.payment p,.payment-detail{margin-top:7px}.payment-hint{color:#277d7a;font-weight:600;margin-top:5px}
.payment .go{width:38px;height:38px;border:1px solid #c6dcd9;background:linear-gradient(135deg,#fff,#e4f0ed);color:#2c777c;box-shadow:0 3px 6px #24516e0b}
.payment .go:has(use[href="#copy"]){background:linear-gradient(135deg,#62bab5,#29899b);border-color:#ffffff90}
.payment:hover{transform:translateY(-4px);box-shadow:0 3px 0 #d4e3df,0 20px 36px #31516c20;border-color:#8ebcb4}.payment:hover .go{transform:translateX(-3px)}.payment .go{transition:transform .25s}
.payment.primary{min-height:144px;padding:28px 32px;border:1px solid #9bbaad;border-inline-start:0;border-radius:29px 9px 29px 9px;background:radial-gradient(ellipse at 3% 5%,#62b4ac60,transparent 54%),linear-gradient(115deg,#245e70,#244969 55%,#123852);box-shadow:0 4px 0 #143c5326,0 17px 34px #214b7030}
.primary:before{inset:8px;border:1px solid #ffffff29;border-radius:22px 4px 22px 4px;box-shadow:none}
.primary:after{right:auto;left:86px;top:-92px;width:250px;height:250px;background:none;border:1px solid #ffffff15;border-radius:50%}
.primary .payment-icon{width:66px;height:66px;background:linear-gradient(135deg,#67beb5,#277a91);outline-color:#ffffff30;border-color:#ffffffbd;box-shadow:0 5px 16px #001c3930}
.primary h3{font-size:29px;color:#fff}.primary small{letter-spacing:.4px;color:#f6dca9}.primary p{color:#e4edf3}
.primary .go{width:48px;height:48px;background:linear-gradient(135deg,#ffe3a0,#f5b343);border:2px solid #fff0cd;color:#28465c;box-shadow:0 5px 12px #001d3a25}
@media(max-width:720px){.payment-grid{gap:14px}.payment{min-height:104px;padding:22px 20px}.payment-main{gap:16px}.payment .payment-icon{width:48px;height:48px}.payment h3,.payment-title{font-size:20px}.payment .go{width:33px;height:33px;flex-shrink:0}.payment.primary{min-height:125px;padding:24px 23px}.primary .payment-icon{width:57px;height:57px}.primary h3{font-size:25px}.primary .go{width:39px;height:39px}.payment p,.payment-detail{font-size:12px}}
/* Selected design 3: sculptural fabric ribbons, live accessible text on top. */
.payment-grid{gap:15px 18px}
.payment,.payment.primary{border:0;border-radius:0;background:transparent url('assets/donation-ribbon.png') center/100% 100% no-repeat;box-shadow:none;min-height:135px;padding:32px 40px 37px;color:#244863;overflow:visible;filter:drop-shadow(0 8px 9px #31516c13)}
.payment:before,.payment:after,.payment.primary:before,.payment.primary:after{display:none}
.payment:hover,.payment.primary:hover{border:0;box-shadow:none;filter:drop-shadow(0 12px 14px #31516c22);transform:translateY(-3px)}
.payment h3,.payment-title,.primary h3{color:#244863}.payment p,.payment-detail,.primary p{color:#385b70}.primary small{color:#297f7b;letter-spacing:0}
.payment .payment-icon,.primary .payment-icon{background:linear-gradient(135deg,#53c2bd,#2094a2);border:1px solid #d5f2ed;outline:0;box-shadow:inset 0 1px 0 #ffffff60,0 3px 6px #267e8f18;width:48px;height:48px}
.payment .payment-icon:after{display:none}.payment-main{gap:15px}.payment h3,.payment-title{font-size:21px}.payment .go,.primary .go{border:1px solid #eda737;background:#fffaf066;color:#e7a43d;box-shadow:none;width:35px;height:35px}
.payment .go:has(use[href="#copy"]){background:#fffaf066;border-color:#eda737}.payment .go:has(use[href="#copy"]) use{filter:drop-shadow(0 0 1px #dda134)}
.payment.primary{min-height:157px;padding:35px 58px 43px;background-size:100% 100%}.primary h3{font-size:29px}.primary .payment-icon{width:58px;height:58px}.primary .go{width:43px;height:43px}
.payment:last-child{min-height:145px;padding-inline:55px}
@media(max-width:720px){.payment-grid{gap:9px}.payment,.payment.primary,.payment:last-child{min-height:135px;padding:29px 32px 35px;background-size:100% 100%}.payment-main{gap:12px}.payment .payment-icon,.primary .payment-icon{width:43px;height:43px}.payment h3,.payment-title{font-size:19px}.payment p,.payment-detail{font-size:11px}.payment-hint{font-size:10px}.payment .go,.primary .go{width:30px;height:30px;margin-right:8px}.primary h3{font-size:24px}.payment.primary{min-height:147px}.primary small{font-size:11px}.primary p{font-size:12px}}
@media(max-width:370px){.payment,.payment.primary,.payment:last-child{padding-inline:26px}.payment-main{gap:9px}.payment h3,.payment-title{font-size:18px}.payment .payment-icon{width:38px;height:38px}.payment .go{width:27px;height:27px}}
/* Faithful to preview 3: restrained folds, clear white face, inset circular actions. */
.payment,.payment.primary{background-image:url('assets/donation-ribbon-v2.png');min-height:146px;padding:32px 38px 32px 60px;background-size:100% 100%}
.payment-main{gap:16px}.payment .payment-icon,.primary .payment-icon{border:0;outline:0;box-shadow:none;background:#37b3ba;width:48px;height:48px;flex-shrink:0}
.payment-main>div,.payment-main>span:last-child{position:relative}.payment-main>div:before,.payment-main>span:last-child:before{content:"";position:absolute;right:-9px;top:3px;bottom:3px;width:1px;background:#56acae88}
.payment h3,.payment-title{font-size:20px;font-weight:700}.payment p,.payment-detail{font-size:12px}.payment .go,.primary .go{background:#ffffff80;border:1.5px solid #efad46;width:36px;height:36px;color:#efad46;box-shadow:none}
.payment .go:has(use[href="#copy"]){background:#36a9ad;border-color:#36a9ad}
.payment.primary{min-height:170px;padding:38px 65px 38px 90px}.primary h3{font-size:29px}.primary .payment-icon{width:60px;height:60px}.primary .go{width:46px;height:46px}.primary small{color:#3e626f}.primary p{color:#244863}
.payment:last-child{min-height:153px;padding:34px 65px 34px 85px}
@media(max-width:720px){.payment,.payment.primary,.payment:last-child{min-height:136px;padding:30px 32px 30px 44px}.payment-main{gap:14px}.payment .payment-icon,.primary .payment-icon{width:40px;height:40px}.payment h3,.payment-title{font-size:18px}.primary h3{font-size:23px}.payment .go,.primary .go{width:29px;height:29px;margin-right:6px}.payment p,.payment-detail{font-size:11px}.payment.primary{min-height:147px}}
/* Option 1: luminous frosted glass, quiet transparent depth. */
.payment,.payment.primary,.payment:last-child{min-height:116px;padding:24px 27px;background:linear-gradient(120deg,#ffffffbd,#eef8ff89 52%,#ffffffb5);border:1px solid #fffffff2;border-radius:23px;box-shadow:inset 0 2px 1px #ffffffed,inset 0 -2px 2px #ffffffa3,0 7px 24px #31577c14;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);filter:none;overflow:hidden;color:#244863}
.payment:before,.payment.primary:before{content:"";display:block;position:absolute;inset:5px;border:1px solid #ffffffac;border-radius:18px;box-shadow:inset 0 1px 8px #ffffff5c;pointer-events:none;z-index:0}
.payment:after,.payment.primary:after{display:none}.payment:hover,.payment.primary:hover{filter:none;border:1px solid #fff;box-shadow:inset 0 2px 1px #fff,0 13px 30px #31577c22;background:linear-gradient(120deg,#ffffffdf,#eff9ffb8,#ffffffde)}
.payment h3,.payment-title{font-size:21px;color:#244863}.payment p,.payment-detail,.primary p{color:#365973}.payment-main{gap:20px}.payment-main>div:before,.payment-main>span:last-child:before{right:-10px;background:#4baab082}
.payment .payment-icon,.primary .payment-icon{background:linear-gradient(130deg,#47c0bc,#2294a4);width:49px;height:49px;border:1px solid #86d8d2;box-shadow:inset 0 1px 0 #ffffff4f,0 3px 8px #278d9c12}
.payment .go,.primary .go{width:36px;height:36px;color:#269aa7;background:#ffffff58;border:1px solid #63bac2;box-shadow:inset 0 1px 2px #fff}
.payment .go:has(use[href="#copy"]){background:#2fa5b0;border-color:#67c1c7}.payment.primary{min-height:138px;padding:29px 32px;background:linear-gradient(120deg,#ffffffe0,#dff6f6bf 52%,#ffffffd9);border:1px solid #91cccdd9;box-shadow:inset 0 2px 1px #fff,0 10px 27px #2c778719}
.primary h3{font-size:28px;color:#244863}.primary small{color:#2d8786}.primary .payment-icon{width:59px;height:59px}.primary .go{width:43px;height:43px}.primary:hover{border-color:#66b6bc}
@media(max-width:720px){.payment,.payment:last-child{min-height:103px;padding:21px 20px;border-radius:20px}.payment:before{border-radius:15px}.payment-main{gap:16px}.payment .payment-icon{width:43px;height:43px}.payment h3,.payment-title{font-size:19px}.payment .go{width:31px;height:31px;margin-right:8px}.payment.primary{min-height:120px;padding:23px}.primary h3{font-size:25px}.primary .payment-icon{width:50px;height:50px}.primary .go{width:36px;height:36px}.payment p,.payment-detail{font-size:12px}}
/* Selected option 5: pearl glass, illuminated amber edge, navy and teal discs. */
.payment,.payment.primary,.payment:last-child{position:relative;min-height:118px;padding:25px 27px;border:1.5px solid #f1af52;border-radius:60px;background:linear-gradient(115deg,#ffffffdc,#f5faffc4 52%,#fffaf0d9);box-shadow:inset 0 0 0 3px #fffffff2,inset 0 0 0 5px #f3c27770,inset 0 6px 8px #ffffffd4,0 4px 10px #e4a33d1b,0 10px 25px #244b7010;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);filter:none;overflow:hidden}
.payment:before,.payment.primary:before{content:"";display:block;position:absolute;inset:7px;border:1px solid #ffffffdb;border-radius:52px;box-shadow:inset 0 -3px 7px #ffb7440d;pointer-events:none;z-index:0}
.payment:after,.payment.primary:after{display:none}
.payment:hover,.payment.primary:hover{background:linear-gradient(115deg,#fffffff0,#f4faffda,#fff6e6eb);border-color:#e89e34;box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 5px #f1bb657d,0 6px 17px #e4a33d24,0 14px 27px #244b7015;filter:none;transform:translateY(-3px)}
.payment-main{gap:20px}.payment-main>div:before,.payment-main>span:last-child:before{display:none}
.payment .payment-icon,.primary .payment-icon{width:50px;height:50px;border-radius:50%;background:linear-gradient(140deg,#426f8b,#183e5c);border:1px solid #a1c2d2;outline:0;box-shadow:inset 0 0 0 2px #ffffff13,inset 0 3px 5px #ffffff20,0 3px 7px #173c5c17}
.payment .payment-icon:after{display:none}.payment .payment-icon svg{width:28px;height:28px}
.payment .go,.primary .go,.payment .go:has(use[href="#copy"]){width:38px;height:38px;border-radius:50%;background:linear-gradient(140deg,#52c6bd,#279baa);border:1px solid #a5e2dd;color:white;box-shadow:inset 0 2px 3px #ffffff36,0 3px 7px #279baa13}
.payment .go svg{width:19px;height:19px}.payment h3,.payment-title{font-size:21px;color:#244863}.payment p,.payment-detail,.primary p{color:#365973}.primary small{color:#2d8786}
.payment.primary{min-height:138px;padding:29px 33px;border-color:#eba23a;box-shadow:inset 0 0 0 3px #fffffff2,inset 0 0 0 5px #f2bd677f,0 5px 14px #e4a33d28,0 11px 25px #244b7012}.primary h3{font-size:28px;color:#244863}.primary .payment-icon{width:59px;height:59px}.primary .go{width:44px;height:44px}
@media(max-width:720px){.payment,.payment:last-child{min-height:105px;padding:22px 21px;border-radius:48px}.payment:before{inset:6px;border-radius:42px}.payment-main{gap:15px}.payment .payment-icon{width:43px;height:43px}.payment .payment-icon svg{width:25px;height:25px}.payment h3,.payment-title{font-size:19px}.payment .go{width:31px;height:31px;margin-right:7px}.payment.primary{min-height:120px;padding:24px}.primary h3{font-size:25px}.primary .payment-icon{width:49px;height:49px}.primary .go{width:35px;height:35px}.payment p,.payment-detail{font-size:12px}}
/* Glass optics: translucent body, bright bevels and curved reflections. */
.payment,.payment.primary,.payment:last-child{isolation:isolate;background:radial-gradient(ellipse at 50% 110%,#c5deee45 0%,transparent 65%),linear-gradient(115deg,#fffffff0 0%,#ffffff59 19%,#e9f4fc75 46%,#ffffff47 72%,#fff7e0ba 100%);border:1px solid #eda23a;box-shadow:inset 0 0 0 2px #ffcf8270,inset 0 0 0 4px #fffffff0,inset 0 0 0 6px #f8d39473,inset 0 9px 9px -7px #fff,inset 0 -10px 11px -8px #ffffffed,inset 10px 0 13px -9px #fff,inset -10px 0 13px -9px #fff,0 0 12px #f4b54d23,0 9px 25px #294e701b;backdrop-filter:blur(10px) saturate(1.25);-webkit-backdrop-filter:blur(10px) saturate(1.25)}
.payment:before,.payment.primary:before{display:block;content:"";position:absolute;inset:5px;border:1.5px solid #ffffffed;border-radius:inherit;z-index:0;background:linear-gradient(175deg,#ffffffa8 0%,#ffffff38 15%,transparent 34%,transparent 72%,#ffffff4a 94%,#fff9e88c 100%);box-shadow:inset 0 2px 3px #fff,inset 0 -2px 5px #ffd38361;pointer-events:none}
.payment:after,.payment.primary:after{display:block;content:"";position:absolute;top:10px;left:10%;right:10%;width:auto;height:22px;bottom:auto;border:0;border-radius:50%;background:linear-gradient(to bottom,#ffffffa8,transparent);opacity:.85;z-index:0;pointer-events:none}
.payment:hover,.payment.primary:hover{background:radial-gradient(ellipse at 50% 110%,#c5deee52,transparent 65%),linear-gradient(115deg,#ffffffee,#ffffff78 25%,#eef7fd9c 60%,#fff6dfca);box-shadow:inset 0 0 0 2px #ffcf828a,inset 0 0 0 4px #fff,inset 0 0 0 6px #f8d39480,inset 0 9px 9px -7px #fff,inset 0 -10px 11px -8px #fff,0 0 16px #f4b54d36,0 13px 28px #294e7020}
.payment-main,.payment .go{z-index:2}.primary .payment-icon{background:radial-gradient(circle at 30% 20%,#658ea4,#28526d 55%,#173f5b);box-shadow:inset 0 2px 5px #ffffff52,inset 0 -3px 6px #082f5060,0 3px 7px #173c5c17}
@media(max-width:720px){.payment:after,.payment.primary:after{height:17px;top:9px}}
/* Approved glass artwork replaces all accumulated decorative layers. */
.payment,.payment.primary,.payment:last-child{background:transparent url('assets/donation-glass-approved.png') center/100% 100% no-repeat;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;filter:none;min-height:132px;padding:31px 30px;overflow:visible}
.payment:before,.payment:after,.payment.primary:before,.payment.primary:after{content:none;display:none;border:0;box-shadow:none;background:none}
.payment-main>div:before,.payment-main>span:last-child:before{content:none;display:none}
.payment:hover,.payment.primary:hover{background:transparent url('assets/donation-glass-approved.png') center/100% 100% no-repeat;border:0;box-shadow:none;filter:drop-shadow(0 5px 8px #dca34417)}
.payment-grid{gap:9px 15px}.payment.primary{min-height:148px;padding:35px 37px}.payment:last-child{min-height:139px;padding:32px 36px}
.payment-main{gap:18px}.payment h3,.payment-title{font-size:21px}.primary h3{font-size:28px}.payment p,.payment-detail{font-size:12px}
@media(max-width:720px){.payment,.payment:last-child{min-height:123px;padding:30px 24px}.payment.primary{min-height:135px;padding:31px 27px}.payment-grid{gap:7px}.payment-main{gap:14px}.payment h3,.payment-title{font-size:19px}.primary h3{font-size:25px}.payment p,.payment-detail{font-size:11px}}
/* Credit and US donation: standard card size, centered in their own rows. */
.payment.primary,.payment:last-child{grid-column:1/-1;width:calc((100% - 15px)/2);justify-self:center;min-height:132px;padding:31px 30px}
.primary h3{font-size:21px}.primary .payment-icon{width:50px;height:50px}.primary .payment-icon svg{width:28px;height:28px}.primary .go{width:38px;height:38px}.primary small{font-size:11px}.primary p{font-size:12px}
@media(max-width:720px){.payment.primary,.payment:last-child{width:100%;min-height:123px;padding:30px 24px}.primary h3{font-size:19px}.primary .payment-icon{width:43px;height:43px}.primary .payment-icon svg{width:25px;height:25px}.primary .go{width:31px;height:31px}.primary p{font-size:11px}}
/* Shared glass language with section-specific colored rims. */
.work-item,.work-item:nth-child(2),.work-item:nth-child(3),.contact,.contact+.contact{--glass-rim:#65bdb8;position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--glass-rim);border-top:1px solid var(--glass-rim);border-inline-start:1px solid var(--glass-rim);border-radius:27px;background:linear-gradient(130deg,#fffffff0,#eff8faab 45%,#ffffffc9);box-shadow:inset 0 0 0 2px #ffffffd9,inset 0 0 0 4px #ffffff70,inset 0 8px 10px -7px #fff,inset 0 -8px 10px -7px #fff,0 8px 23px #244b7012;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.work-item:nth-child(2){--glass-rim:#c6a56b;background:linear-gradient(130deg,#fffffff0,#fff4dfaa 45%,#ffffffce)}
.work-item:nth-child(3){--glass-rim:#799dbd;background:linear-gradient(130deg,#fffffff0,#e9f2fcaa 45%,#ffffffce)}
.contact+.contact{--glass-rim:#799dbd;background:linear-gradient(130deg,#fffffff0,#edf4fba9 45%,#ffffffce)}
.work-item:before,.contact:before{content:"";position:absolute;inset:5px;border:1px solid #fffffff0;border-radius:22px;background:linear-gradient(175deg,#ffffff61,transparent 25%,transparent 80%,#ffffff38);box-shadow:inset 0 1px 4px #fff;pointer-events:none;z-index:-1}
.work-item:after,.contact:after{display:none}
.work-icon,.work-icon.orange,.work-icon.navy{border:1px solid #a0d7d2;box-shadow:inset 0 2px 4px #ffffff47,0 3px 8px #244b7014;background:linear-gradient(140deg,#62c3b9,#288f9e)}
.work-icon.orange{border-color:#e6d1a4;background:linear-gradient(140deg,#cfb06b,#9b7845)}.work-icon.navy{border-color:#a5c0d4;background:linear-gradient(140deg,#628cab,#284e70)}
.donation-section .section-head,.work-heading,.contact-section>.section-head{border:1px solid #b8d0dd;border-radius:26px;background:linear-gradient(120deg,#ffffffda,#f1f8fc9c,#ffffffe3);box-shadow:inset 0 0 0 2px #ffffffe3,inset 0 7px 8px -6px #fff,inset 0 -6px 8px -6px #fff,0 7px 22px #244b7009;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.contact-button,.website-link{border:1px solid #8fbfbd;background:linear-gradient(130deg,#ffffffdf,#eaf6f2af,#ffffffd9);box-shadow:inset 0 0 0 2px #ffffffc9,inset 0 3px 4px #ffffff85,0 4px 12px #244b700b;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.contact+.contact .contact-button{border-color:#91adc5;background:linear-gradient(130deg,#ffffffdf,#edf4fbaf,#ffffffd9)}
.tax-note,.receipt-note{border:1px solid #dac9a6;background:linear-gradient(125deg,#fffdf7dc,#fff8e9b3,#ffffffdb);box-shadow:inset 0 0 0 2px #ffffffbd,inset 0 3px 5px #ffffff80,0 4px 14px #8e71380b;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.impact-photo{border:1px solid #a9d5d4;border-radius:27px;box-shadow:0 0 0 3px #ffffff27,0 0 0 5px #7bb7c033,0 16px 36px #00172935}.impact-photo:before{content:"";position:absolute;inset:5px;border:1px solid #ffffff8c;border-radius:22px;z-index:3;pointer-events:none}
@media(max-width:720px){.work-item,.contact,.contact+.contact{border-radius:23px}.work-item:before,.contact:before{border-radius:18px}.work-heading,.contact-section>.section-head,.donation-section .section-head{border-radius:22px}.impact-photo{border-radius:23px}.impact-photo:before{border-radius:18px}}
/* The exact approved glass artwork across every framed surface. */
.work-item,.work-item:nth-child(2),.work-item:nth-child(3),.contact,.contact+.contact,.donation-section .section-head,.work-heading,.contact-section>.section-head,.tax-note,.receipt-note,.website-link,.contact-button{position:relative;isolation:isolate;border:0;box-shadow:none;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:visible;border-radius:0}
.work-item:before,.contact:before,.donation-section .section-head:before,.work-heading:before,.contact-section>.section-head:before,.tax-note:before,.receipt-note:before,.website-link:before,.contact-button:before{content:"";display:block;position:absolute;inset:0;z-index:-1;border:0;border-radius:0;box-shadow:none;background:transparent url('assets/donation-glass-approved.png') center/100% 100% no-repeat;pointer-events:none;filter:hue-rotate(125deg) saturate(.6)}
.work-item:nth-child(2):before,.tax-note:before,.receipt-note:before{filter:saturate(.55)}
.work-item:nth-child(3):before,.contact+.contact:before,.contact+.contact .contact-button:before,.work-heading:before,.contact-section>.section-head:before{filter:hue-rotate(175deg) saturate(.55)}
.donation-section .section-head:before{filter:hue-rotate(125deg) saturate(.5)}
.work-item,.work-item:nth-child(2),.work-item:nth-child(3){padding:42px 31px;min-height:330px}
.contact,.contact+.contact{padding:43px 38px}.work-heading{padding:35px 42px}.contact-section>.section-head{padding:31px 36px}.donation-section .section-head{padding:34px 40px}.tax-note{padding:20px 27px}.receipt-note{padding:24px 30px}.website-link{padding:19px 30px}.contact-button{padding:16px 24px}
.contact-button:hover{background:transparent;border:0;box-shadow:none}.contact-button:hover:before{filter:hue-rotate(125deg) saturate(.8) brightness(1.03)}
@media(max-width:720px){.work-item,.work-item:nth-child(2),.work-item:nth-child(3){padding:32px 28px;min-height:0}.contact,.contact+.contact{padding:35px 30px}.work-heading{padding:28px 24px}.contact-section>.section-head{padding:27px 24px}.donation-section .section-head{padding:26px 21px}.receipt-note{padding:23px 24px}.tax-note{padding:20px 24px}.contact-button{padding:16px 21px}.website-link{padding:18px 26px}}
/* Restore open editorial sections; glass only on actual cards. */
.donation-section .section-head,.work-heading,.contact-section>.section-head,.tax-note,.receipt-note,.website-link,.contact-button{background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.donation-section .section-head:before,.work-heading:before,.contact-section>.section-head:before,.tax-note:before,.receipt-note:before,.website-link:before,.contact-button:before{content:none;display:none}
.donation-section .section-head{padding:18px 30px}.work-heading{padding:0;max-width:none}.contact-section>.section-head{padding:0}.tax-note{padding:0;margin-top:23px}.receipt-note{padding:17px 0 0}.website-link{padding:12px 0}.contact-button{padding:10px 17px;border:1px solid #8fbfbd;border-radius:100px;background:#ffffffb8}
.contact+.contact .contact-button{border-color:#91adc5;background:#ffffffb8}.contact-button:hover{border:1px solid #68a6a3;background:#fff}
@media(max-width:720px){.donation-section .section-head{padding:18px 14px}.work-heading,.contact-section>.section-head{padding:0}.tax-note{padding:0}.receipt-note{padding:17px 0 0}.website-link{padding:12px 0}.contact-button{padding:10px 15px}}
/* Restore readable light panels for the tax and receipt information. */
.tax-note,.receipt-note{background:#fffaf0f2;border:1px solid #eee0c7;border-radius:12px;box-shadow:0 4px 14px #8e71380b;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#294b61;width:fit-content;max-width:100%}
.tax-note{padding:12px 18px;margin:23px auto 0}.receipt-note{padding:18px 24px;max-width:800px;margin:18px auto 0}.receipt-note h3{color:#193f5c}
@media(max-width:720px){.tax-note{padding:12px 15px}.receipt-note{padding:17px 18px}}
/* Content must sit safely within the glass, including its transparent rim. */
.work-list{align-items:stretch}.work-item,.work-item:nth-child(2),.work-item:nth-child(3){height:auto;min-height:380px;padding:57px 37px 67px;display:flex;flex-direction:column;gap:0;justify-content:flex-start}.work-icon{position:static;margin:0 0 17px;width:50px;height:50px;flex-shrink:0}.work-item>div{min-width:0}.work-item p{font-size:15px;line-height:1.75;margin-top:9px}.work-item h3{margin:6px 0 8px}.work-number{font-size:11px}
.contact-grid{align-items:stretch}.contact,.contact+.contact{display:flex;flex-direction:column;align-items:flex-start;min-height:295px;padding:49px 43px 57px}.contact-label{line-height:1.5}.contact h3{margin-top:12px;font-size:22px;line-height:1.4}.contact p{margin-top:13px;line-height:1.6}.contact-button,.contact+.contact .contact-button{position:static;margin-top:22px;align-self:flex-start;display:inline-flex;gap:12px;padding:8px 15px;border:1px solid #ffffffb0;border-radius:100px;background:#ffffff87;box-shadow:inset 0 1px 2px #fff;text-decoration:none;font-size:14px;line-height:1.4;max-width:100%}.contact-button svg{width:30px;height:30px;min-width:30px;flex:0 0 30px;padding:6px}.contact-button:hover{background:#ffffffc9;border-color:#fff}
@media(max-width:1000px) and (min-width:721px){.work-item,.work-item:nth-child(2),.work-item:nth-child(3){padding:49px 29px 60px;min-height:425px}.work-item p{font-size:14px}.work-item h3{font-size:21px}.contact,.contact+.contact{padding:44px 35px 53px;min-height:315px}.contact h3{font-size:21px}}
@media(max-width:720px){.work-item,.work-item:nth-child(2),.work-item:nth-child(3){display:flex;flex-direction:row;gap:15px;padding:35px 30px 43px;min-height:0}.work-icon{width:43px;height:43px;margin:4px 0 0}.work-item p{font-size:14px;line-height:1.8}.work-item h3{font-size:21px}.contact,.contact+.contact{min-height:280px;padding:39px 33px 49px}.contact h3{font-size:21px}.contact-button,.contact+.contact .contact-button{margin-top:19px;padding:8px 12px;font-size:13px;gap:9px}}
/* Respect the generous transparent margin of the approved glass artwork. */
.work-item,.work-item:nth-child(2),.work-item:nth-child(3){min-height:490px;padding:86px 38px 98px;align-items:center;text-align:center;justify-content:flex-start}
.work-icon{margin:0 0 14px;width:45px;height:45px}.work-icon svg{width:25px;height:25px}
.work-item>div{width:100%;max-width:270px}.work-number{display:block;font-size:10px;line-height:1.5}.work-item h3{font-size:22px;line-height:1.35;margin:10px 0 12px}.work-item p{font-size:14px;line-height:1.75;margin:0;text-wrap:pretty}
@media(max-width:1000px) and (min-width:721px){.work-item,.work-item:nth-child(2),.work-item:nth-child(3){min-height:510px;padding:88px 31px 105px}.work-item h3{font-size:20px}.work-item p{font-size:13px;line-height:1.8}}
@media(max-width:720px){.work-item,.work-item:nth-child(2),.work-item:nth-child(3){flex-direction:column;gap:0;min-height:355px;padding:64px 38px 75px;align-items:center;text-align:center}.work-item>div{max-width:290px}.work-icon{margin:0 0 12px;width:42px;height:42px}.work-item h3{font-size:21px;margin:8px 0 11px}.work-item p{font-size:14px;line-height:1.7}}
/* Compact content-fitted activity cards and matching navy glass medallions. */
.work-item,.work-item:nth-child(2),.work-item:nth-child(3){min-height:0;height:auto;padding:67px 34px 76px;justify-content:center}
.work-icon,.work-icon.orange,.work-icon.navy{width:50px;height:50px;margin:0 0 15px;border-radius:50%;border:1px solid #a1c2d2;background:linear-gradient(140deg,#426f8b,#183e5c);box-shadow:inset 0 0 0 2px #ffffff13,inset 0 3px 5px #ffffff20,0 3px 7px #173c5c17;outline:0;flex-shrink:0}
.work-icon svg,.work-icon.orange svg,.work-icon.navy svg{width:28px;height:28px;filter:none}
.work-item>div{max-width:280px}.work-item p{font-size:14px;line-height:1.75}.work-item h3{margin:8px 0 11px}
@media(max-width:1000px) and (min-width:721px){.work-item,.work-item:nth-child(2),.work-item:nth-child(3){min-height:0;padding:67px 29px 76px}.work-item p{font-size:13px;line-height:1.75}}
@media(max-width:720px){.work-item,.work-item:nth-child(2),.work-item:nth-child(3){min-height:0;padding:55px 34px 63px}.work-icon,.work-icon.orange,.work-icon.navy{width:43px;height:43px;margin-bottom:12px}.work-icon svg,.work-icon.orange svg,.work-icon.navy svg{width:25px;height:25px}.work-item p{font-size:14px;line-height:1.7}}
/* Numbered labels sit in the top-right; reading content stays inside the glass. */
.work-item,.work-item:nth-child(2),.work-item:nth-child(3){position:relative;justify-content:flex-start;padding:70px 37px 90px;min-height:0}
.work-item>div{max-width:270px;width:100%}.work-number{position:absolute;top:54px;right:37px;left:auto;text-align:right;font-size:10px;line-height:1.4}
.work-icon,.work-icon.orange,.work-icon.navy{width:43px;height:43px;margin:10px 0 10px}.work-icon svg,.work-icon.orange svg,.work-icon.navy svg{width:25px;height:25px}
.work-item h3{font-size:21px;line-height:1.35;margin:6px 0 10px}.work-item p{font-size:14px;line-height:1.7;margin:0;text-wrap:pretty}
@media(max-width:1000px) and (min-width:721px){.work-item,.work-item:nth-child(2),.work-item:nth-child(3){padding:72px 31px 96px}.work-number{top:55px;right:31px}.work-item h3{font-size:20px}.work-item p{font-size:13px}}
@media(max-width:720px){.work-item,.work-item:nth-child(2),.work-item:nth-child(3){padding:63px 35px 82px}.work-number{top:44px;right:35px}.work-icon,.work-icon.orange,.work-icon.navy{margin:7px 0 9px}.work-item h3{font-size:21px}.work-item p{font-size:14px;line-height:1.7}}
/* Number labels are fully inside the visible glass, not on its outer edge. */
.work-item,.work-item:nth-child(2),.work-item:nth-child(3){padding-top:106px;padding-bottom:95px}
.work-number{top:83px;right:38px;font-size:12px;font-weight:800;color:#244863;letter-spacing:.1px;line-height:1.5}
.work-icon,.work-icon.orange,.work-icon.navy{margin-top:5px}
@media(max-width:1000px) and (min-width:721px){.work-item,.work-item:nth-child(2),.work-item:nth-child(3){padding-top:110px;padding-bottom:100px}.work-number{top:87px;right:33px;font-size:11px}}
@media(max-width:720px){.work-item,.work-item:nth-child(2),.work-item:nth-child(3){padding-top:92px;padding-bottom:87px}.work-number{top:70px;right:36px;font-size:12px}}
/* Comfortable inset for the numbered headings. */
.work-number{top:111px;right:48px}.work-item,.work-item:nth-child(2),.work-item:nth-child(3){padding-top:136px}
@media(max-width:1000px) and (min-width:721px){.work-number{top:113px;right:42px}.work-item,.work-item:nth-child(2),.work-item:nth-child(3){padding-top:139px}}
@media(max-width:720px){.work-number{top:94px;right:44px}.work-item,.work-item:nth-child(2),.work-item:nth-child(3){padding-top:120px}}
/* Safe inset is proportional to the artwork; every label remains in normal flow. */
.work-item,.work-item:nth-child(2),.work-item:nth-child(3){display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;height:auto;min-height:0;padding:77px 43px 102px}
.work-number{position:static;align-self:flex-end;display:block;text-align:right;margin:0 0 13px;font-size:12px;font-weight:800;line-height:1.5;color:#244863}
.work-icon,.work-icon.orange,.work-icon.navy{margin:0 0 12px;width:43px;height:43px;flex-shrink:0}.work-item>div{max-width:265px;width:100%}.work-item h3{margin:4px 0 12px;font-size:21px}.work-item p{margin:0;font-size:14px;line-height:1.75}
.contact,.contact+.contact{padding:62px 49px 78px}.payment,.payment.primary,.payment:last-child{padding-top:34px;padding-bottom:34px}
@media(max-width:1000px) and (min-width:721px){.work-item,.work-item:nth-child(2),.work-item:nth-child(3){padding:82px 35px 112px}.work-number{font-size:11px}.work-item p{font-size:13px;line-height:1.8}.contact,.contact+.contact{padding:62px 42px 80px}}
@media(max-width:720px){.work-item,.work-item:nth-child(2),.work-item:nth-child(3){padding:65px 39px 89px;min-height:0}.work-number{font-size:12px;margin-bottom:12px}.work-item p{font-size:14px;line-height:1.75}.contact,.contact+.contact{padding:53px 37px 70px}.payment,.payment.primary,.payment:last-child{padding-top:31px;padding-bottom:31px}}
/* Labels and center icons share a row without absolute vertical offsets. */
.work-item .work-topline{display:grid;grid-template-columns:1fr 43px 1fr;align-items:center;direction:rtl;width:100%;max-width:none;margin:0 0 17px;gap:8px}
.work-topline .work-number{grid-column:1;grid-row:1;position:static;align-self:center;margin:0;text-align:right;justify-self:start;font-size:10px;line-height:1.5;font-weight:800;white-space:normal}
.work-topline .work-icon,.work-topline .work-icon.orange,.work-topline .work-icon.navy{grid-column:2;grid-row:1;margin:0;justify-self:center;width:43px;height:43px}
.work-item h3{margin-top:3px}
@media(max-width:1000px) and (min-width:721px){.work-topline .work-number{font-size:9px}.work-item .work-topline{gap:5px}}
@media(max-width:720px){.work-topline .work-number{font-size:10px}.work-item .work-topline{margin-bottom:15px;gap:8px}}
.work-item .work-topline{display:flex;justify-content:flex-start;align-items:center;min-height:20px;margin-bottom:17px}.work-topline .work-number{font-size:11px;text-align:right}
/* Restored icons; numbered labels sit approximately 2 cm below the icon row. */
.work-item .work-topline{display:grid;grid-template-columns:1fr 43px 1fr;grid-template-rows:43px auto;gap:0 8px;align-items:center;margin-bottom:15px;min-height:0}
.work-topline .work-icon{grid-column:2;grid-row:1;justify-self:center;margin:0}
.work-topline .work-number{grid-column:1/-1;grid-row:2;justify-self:start;align-self:start;margin:33px 0 0;font-size:11px;line-height:1.5;text-align:right}
/* Center every activity-card element within a bounded, safe reading area. */
.work-item,.work-item:nth-child(2),.work-item:nth-child(3){text-align:center;align-items:center;justify-content:center;padding:82px 44px 105px}
.work-item .work-topline{display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;gap:13px;margin:0 0 14px;width:100%;max-width:250px}
.work-topline .work-number{position:static;align-self:center;justify-self:center;text-align:center;margin:0;font-size:11px;line-height:1.5}
.work-topline .work-icon{margin:0;align-self:center}.work-item>div{width:100%;max-width:250px;text-align:center}.work-item h3{margin:0 0 12px;text-align:center}.work-item p{margin:0;text-align:center;line-height:1.75}
@media(max-width:1000px) and (min-width:721px){.work-item,.work-item:nth-child(2),.work-item:nth-child(3){padding:83px 36px 110px}}
@media(max-width:720px){.work-item,.work-item:nth-child(2),.work-item:nth-child(3){padding:68px 40px 90px}.work-topline .work-number{margin:0;text-align:center}}
/* Contact cards follow the same centered, safely inset composition. */
.contact,.contact+.contact{align-items:center;justify-content:center;text-align:center;padding:75px 49px 96px;min-height:0;height:auto}
.contact-label,.contact h3,.contact p{text-align:center;width:100%;max-width:380px}.contact-label{font-size:12px;line-height:1.5}.contact h3{margin:12px 0 0;font-size:22px;line-height:1.45}.contact p{margin-top:13px;line-height:1.7}
.contact-button,.contact+.contact .contact-button{align-self:center;justify-content:center;margin:21px 0 0;max-width:100%;text-align:center}
@media(max-width:1000px) and (min-width:721px){.contact,.contact+.contact{padding:76px 43px 98px}.contact h3{font-size:21px}}
@media(max-width:720px){.contact,.contact+.contact{padding:64px 38px 86px}.contact h3{font-size:21px}.contact-button,.contact+.contact .contact-button{align-self:center;margin-top:19px}}
/* Compact contact cards, readable introductory labels and protected inner margins. */
.contact,.contact+.contact{padding:65px 44px 82px;min-height:0}
.contact-label{font-size:16px;font-weight:600;line-height:1.6;color:#294b61}.contact h3{font-size:20px;margin-top:10px;line-height:1.4}.contact p{font-size:14px;margin-top:10px;line-height:1.6}
.contact-button,.contact+.contact .contact-button{margin-top:16px;font-size:13px;padding:8px 14px;line-height:1.5}.contact-button svg{width:27px;height:27px;min-width:27px;flex:0 0 27px;padding:5px}
@media(max-width:1000px) and (min-width:721px){.contact,.contact+.contact{padding:66px 39px 85px}.contact h3{font-size:19px}}
@media(max-width:720px){.contact,.contact+.contact{padding:58px 35px 77px}.contact-label{font-size:16px}.contact h3{font-size:20px}.contact-button,.contact+.contact .contact-button{margin-top:15px;font-size:13px}}
/* Contact purpose is the primary heading, within the clear inner glass area. */
.contact,.contact+.contact{padding:82px 54px 104px;text-align:center}
.contact-label{font-family:Rubik,Arial,sans-serif;font-size:23px;font-weight:800;line-height:1.4;color:#193f5c;max-width:330px;margin:0}
.contact h3{font-family:Assistant,Arial,sans-serif;font-size:17px;font-weight:500;line-height:1.6;color:#38596d;margin-top:13px;max-width:330px}
.contact p{max-width:330px;margin-top:13px}.contact-button,.contact+.contact .contact-button{margin-top:19px;max-width:100%}
@media(max-width:1000px) and (min-width:721px){.contact,.contact+.contact{padding:83px 46px 108px}.contact-label{font-size:21px}}
@media(max-width:720px){.contact,.contact+.contact{padding:74px 43px 99px}.contact-label{font-size:22px}.contact h3{font-size:17px}.contact-button,.contact+.contact .contact-button{margin-top:18px}}
/* Seamless reading light, with no rectangular panel behind the hero text. */
.hero-copy:before{inset:-65px -85px -55px;border:0;border-radius:0;box-shadow:none;background:radial-gradient(ellipse at 56% 46%,#fffaf0d6 0%,#fffaf0a1 34%,#fffaf050 56%,#fffaf000 78%);pointer-events:none}
@media(max-width:1100px) and (min-width:721px){.hero-copy:before{inset:-60px -65px -50px;background:radial-gradient(ellipse,#fffaf0dd 0%,#fffaf0a3 38%,#fffaf04f 58%,transparent 79%);box-shadow:none}}
@media(max-width:720px){.hero-copy:before{inset:-48px -45px -48px;background:radial-gradient(ellipse,#fffaf0d9 0%,#fffaf0a0 40%,#fffaf04d 60%,transparent 83%);box-shadow:none;border-radius:0}}
/* Website entrance: approved illuminated gateway and quiet glass panel. */
.website-link{position:relative;display:flex;align-items:center;justify-content:center;gap:18px;width:fit-content;max-width:100%;margin:45px auto 0;padding:14px 27px 14px 23px;min-height:78px;background:linear-gradient(120deg,#fffaf0d9,#f5fbffb5,#fffaf0df);border:1px solid #e4cca2;border-radius:16px;box-shadow:inset 0 0 0 2px #ffffffb8,inset 0 3px 6px #ffffffad,0 7px 22px #9274400f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:17px;color:#244863;font-weight:600;overflow:visible;transition:transform .2s,box-shadow .2s}
.website-link:before{content:none;display:none}.website-gateway{width:76px;height:83px;object-fit:contain;flex-shrink:0;margin:-24px -8px -10px 0;filter:drop-shadow(0 3px 4px #98723a14)}
.website-link>svg{width:23px;height:23px;color:#279aa9}.website-link:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 2px #fff,0 10px 25px #9274401a}
@media(max-width:720px){.website-link{gap:11px;padding:12px 18px;min-height:69px;font-size:14px;margin-top:34px}.website-gateway{width:59px;height:65px;margin:-19px -4px -7px 0}.website-link>svg{width:19px;height:19px}}
/* Gateway sits outside the glass panel, as in the approved mockup. */
.website-link{padding:19px 27px;min-height:70px;margin-right:auto;margin-left:auto;transform:translateX(-37px)}
.website-gateway{position:absolute;right:-71px;bottom:-5px;width:90px;height:99px;margin:0;object-fit:contain;z-index:2;pointer-events:none}
.website-link:hover{transform:translate(-37px,-2px)}
@media(max-width:720px){.website-link{padding:17px 17px;min-height:62px;font-size:13px;gap:10px;transform:translateX(-27px);max-width:calc(100% - 64px)}.website-gateway{right:-57px;bottom:-4px;width:72px;height:80px}.website-link:hover{transform:translate(-27px,-2px)}}
.website-gateway{width:108px;height:119px;right:-88px;bottom:-6px}.website-link{transform:translateX(-45px)}.website-link:hover{transform:translate(-45px,-2px)}
@media(max-width:720px){.website-gateway{width:85px;height:94px;right:-69px;bottom:-5px}.website-link{transform:translateX(-33px);max-width:calc(100% - 78px)}.website-link:hover{transform:translate(-33px,-2px)}}
.website-gateway{bottom:0}
@media(max-width:720px){.website-gateway{bottom:0}}
.website-gateway{bottom:-6px}
@media(max-width:720px){.website-gateway{bottom:-5px}}
/* Extend the visible gateway base to the glass panel's lower line. */
.website-gateway{width:118px;height:130px;right:-97px;bottom:-13px}
.website-link{transform:translateX(-49px)}.website-link:hover{transform:translate(-49px,-2px)}
@media(max-width:720px){.website-gateway{width:93px;height:103px;right:-77px;bottom:-11px}.website-link{transform:translateX(-37px);max-width:calc(100% - 86px)}.website-link:hover{transform:translate(-37px,-2px)}}
.closing-last{display:inline-flex;align-items:center;gap:13px;vertical-align:middle}.closing-heart{width:66px;height:66px;object-fit:contain;transform:rotate(-15deg);margin-inline-start:3px;filter:drop-shadow(0 3px 4px #234d7012);flex-shrink:0}
@media(max-width:720px){.closing-last{gap:9px}.closing-heart{width:48px;height:48px;margin-inline-start:0}}
/* The ribbon heart surrounds the closing words; the slogan stays on one line. */
.closing-slogan{white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:12px;font-size:32px;line-height:1.6;padding:40px 12px;margin-top:48px}
.closing-last{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:0;padding:28px 32px;color:#258c84;isolation:isolate;white-space:nowrap}
.closing-heart{position:absolute;z-index:-1;left:50%;top:50%;width:240px;height:165px;max-width:none;object-fit:fill;transform:translate(-50%,-50%) rotate(-8deg);margin:0;opacity:.9;pointer-events:none;filter:drop-shadow(0 3px 4px #234d700b)}
@media(max-width:720px){.closing-slogan{font-size:clamp(15px,4.4vw,23px);gap:6px;padding:30px 0;white-space:nowrap}.closing-last{padding:22px 17px}.closing-heart{width:155px;height:118px;transform:translate(-50%,-50%) rotate(-8deg)}}
.closing-slogan{display:flex;align-items:center;justify-content:center;gap:18px;padding:26px 12px;font-size:34px;white-space:nowrap}.closing-text{display:inline-block;white-space:nowrap;color:#2c5074}.closing-slogan .closing-last{display:inline;padding:0;position:static;isolation:auto;color:#258c84}.closing-heart{position:static;z-index:auto;width:78px;height:78px;max-width:none;object-fit:contain;transform:rotate(-13deg);margin:0;opacity:1;flex-shrink:0;filter:drop-shadow(0 3px 4px #234d7010)}
@media(max-width:720px){.closing-slogan{font-size:clamp(15px,4.3vw,23px);gap:10px;padding:24px 0}.closing-heart{width:52px;height:52px;transform:rotate(-13deg)}}
/* Approved final signature, softly blended without a rectangular edge. */
.closing-signature{width:min(100%,960px);margin:34px auto 0;mask-image:radial-gradient(ellipse at center,#000 36%,#000d 57%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse at center,#000 36%,#000d 57%,transparent 78%)}
.closing-signature img{display:block;width:100%;height:auto}
@media(max-width:720px){.closing-signature{width:calc(100% + 24px);max-width:none;margin:26px -12px 0;mask-image:radial-gradient(ellipse,#000 42%,#000d 63%,transparent 86%);-webkit-mask-image:radial-gradient(ellipse,#000 42%,#000d 63%,transparent 86%)}}
/* Quiet centered legal sign-off beneath the visual signature. */
.footer{background:linear-gradient(180deg,#fffaf000,#fffaf0b0);border-top:0;position:relative}.footer:before{content:"";display:block;width:min(340px,60%);height:1px;margin:0 auto;background:linear-gradient(90deg,transparent,#89b9b5 35%,#e6bd75 65%,transparent)}
.footer .wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:22px 0 27px;text-align:center}.footer img{width:105px;height:91px;object-fit:contain}.footer p{font-size:13px;color:#496378;line-height:1.6}
@media(max-width:720px){.footer .wrap{gap:6px;padding:18px 0 23px}.footer img{width:92px;height:80px}.footer p{font-size:12px}}
/* Consistent hierarchy and safe text positioning for all donation methods. */
.payment,.payment.primary,.payment:last-child{min-height:145px;padding:37px 32px 39px}.payment-main{flex:1;min-width:0;gap:16px;align-items:center}.payment-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;gap:7px;text-align:right}.payment h3,.payment-title,.primary h3{font-family:Rubik,Arial,sans-serif;font-size:21px;font-weight:700;line-height:1.3;margin:0;color:#244863}.payment p,.payment-detail,.primary p{font-size:13px;line-height:1.5;font-weight:500;margin:0;color:#426477}.payment-hint{font-size:11px;line-height:1.4;font-weight:600;margin:0;color:#277d7a}.payment .payment-icon,.primary .payment-icon{width:48px;height:48px;flex:0 0 48px}.payment .payment-icon svg,.primary .payment-icon svg{width:26px;height:26px}.payment .go,.primary .go{width:34px;height:34px;flex:0 0 34px;margin-right:13px}
@media(max-width:720px){.payment,.payment.primary,.payment:last-child{min-height:132px;padding:33px 24px 36px}.payment-main{gap:12px}.payment h3,.payment-title,.primary h3{font-size:19px}.payment-copy{gap:6px}.payment p,.payment-detail,.primary p{font-size:12px}.payment .payment-icon,.primary .payment-icon{width:42px;height:42px;flex:0 0 42px}.payment .go,.primary .go{width:29px;height:29px;flex:0 0 29px;margin-right:8px}}
.payment-icon .paybox-official{width:31px;height:31px;object-fit:contain;border-radius:7px}
@media(max-width:720px){.payment-icon .paybox-official{width:28px;height:28px}}
/* Official PayBox silhouette in the shared white-on-navy icon language. */
.payment-icon .paybox-official{display:block;width:28px;height:28px;border-radius:0;background:#fff;object-fit:contain;content:url('assets/paybox-white.svg')}
@media(max-width:720px){.payment-icon .paybox-official{width:26px;height:26px}}
.payment-icon .paybox-official{background:transparent}
.payment-icon .paybox-official{content:normal;background:transparent}
/* Transparent signature without a panel; remove excess top and bottom canvas space. */
.closing-signature{width:min(100%,1020px);margin:22px auto 8px;aspect-ratio:2169/440;overflow:hidden;mask-image:none;-webkit-mask-image:none;background:none;border:0;box-shadow:none}
.closing-signature img{display:block;width:100%;height:auto;margin-top:-7.4%}
.contact-section{padding-bottom:25px}
@media(max-width:720px){.closing-signature{width:calc(100% + 24px);max-width:none;margin:19px -12px 5px;aspect-ratio:2169/440;mask-image:none;-webkit-mask-image:none}.contact-section{padding-bottom:20px}}
/* Approved style 7: live text on a white card, symbol embedded in the color sweep. */
.payment,.payment.primary,.payment:last-child{position:relative;display:block;min-height:126px;padding:30px 27% 30px 18%;background:transparent url('assets/payment-style7.png') center/100% 100% no-repeat;border:0;border-radius:0;box-shadow:none;filter:none;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:visible}
.payment:before,.payment:after,.payment.primary:before,.payment.primary:after{display:none;content:none}
.payment-main{display:block;min-width:0}.payment .payment-icon,.primary .payment-icon{position:absolute;right:6%;top:50%;transform:translateY(-50%);width:42px;height:42px;background:none;border:0;outline:0;box-shadow:none;border-radius:0;display:grid;place-items:center}.payment .payment-icon svg,.primary .payment-icon svg{width:34px;height:34px}.payment-icon .paybox-official{width:34px;height:34px;background:none}
.payment-copy{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:7px;min-width:0}.payment h3,.payment-title,.primary h3{font-size:20px;font-weight:700;color:#244863;line-height:1.35;margin:0;text-align:center}.payment p,.payment-detail,.primary p{font-size:12px;line-height:1.45;color:#365973;margin:0;text-align:center}.payment-hint{font-size:10px;line-height:1.4;margin:0;text-align:center}
.payment .go,.primary .go,.payment .go:has(use[href="#copy"]){position:absolute;left:5%;top:50%;transform:translateY(-50%);margin:0;width:36px;height:36px;background:linear-gradient(135deg,#ffbd42,#ff9828);border:1px solid #ffd38b;box-shadow:0 3px 7px #dd922619;color:#fff}
.payment:hover,.payment.primary:hover{background:transparent url('assets/payment-style7.png') center/100% 100% no-repeat;border:0;box-shadow:none;filter:drop-shadow(0 6px 9px #234d7015);transform:translateY(-2px)}.payment:hover .go{transform:translateY(-50%)}
.payment-grid{gap:16px}.payment.primary,.payment:last-child{width:calc((100% - 16px)/2);min-height:126px}
@media(max-width:720px){.payment,.payment.primary,.payment:last-child{width:100%;min-height:122px;padding:29px 26% 29px 17%}.payment .payment-icon,.primary .payment-icon{right:5%;width:36px;height:36px}.payment .payment-icon svg,.primary .payment-icon svg,.payment-icon .paybox-official{width:29px;height:29px}.payment .go,.primary .go,.payment .go:has(use[href="#copy"]){left:5%;width:31px;height:31px}.payment h3,.payment-title,.primary h3{font-size:18px}.payment p,.payment-detail,.primary p{font-size:11px}.payment-copy{gap:6px}.payment-grid{gap:12px}}
/* Match the existing activity and contact cards to payment style 7. */
.work-item,.work-item:nth-child(2),.work-item:nth-child(3),.contact,.contact+.contact{background:transparent url('assets/payment-style7.png') center/100% 100% no-repeat;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;isolation:isolate;border-radius:0}
.work-item:before,.work-item:nth-child(2):before,.work-item:nth-child(3):before,.contact:before,.contact+.contact:before,.work-item:after,.contact:after{content:none;display:none}
.work-item,.work-item:nth-child(2),.work-item:nth-child(3){padding:39px 28% 43px 8%;justify-content:center;align-items:center;min-height:0}
.work-item .work-topline{display:flex;flex-direction:column;align-items:center;gap:0;margin:0 0 12px;max-width:100%}.work-topline .work-number{font-size:10px;line-height:1.5;margin:0;text-align:center}
.work-topline .work-icon,.work-topline .work-icon.orange,.work-topline .work-icon.navy{position:absolute;right:6%;top:50%;transform:translateY(-50%);width:39px;height:39px;margin:0;border:0;outline:0;box-shadow:none;background:none;border-radius:0}.work-topline .work-icon svg{width:31px;height:31px}
.work-item>div{max-width:100%;width:100%;text-align:center}.work-item h3{font-size:20px;line-height:1.4;margin:0 0 11px}.work-item p{font-size:14px;line-height:1.8;margin:0}
.contact,.contact+.contact{position:relative;padding:42px 27% 47px 8%;align-items:center;justify-content:center;min-height:0;text-align:center}
.contact:after,.contact+.contact:after{content:"";display:block;position:absolute;right:5%;top:50%;transform:translateY(-50%);width:42px;height:42px;background:#fff;mask:url('assets/contact-chat.svg') center/contain no-repeat;-webkit-mask:url('assets/contact-chat.svg') center/contain no-repeat;border:0}
.contact-label{font-size:21px;line-height:1.4;max-width:100%}.contact h3{font-size:16px;line-height:1.6;max-width:100%;margin-top:12px}.contact p{font-size:14px;line-height:1.7;max-width:100%;margin-top:12px}.contact-button,.contact+.contact .contact-button{background:linear-gradient(135deg,#ffbb46,#ffa12b);color:#193f5c;border:1px solid #ffcd7a;box-shadow:0 3px 7px #dc922515;padding:9px 12px;margin-top:18px;font-size:12px;gap:8px}.contact-button svg{width:25px;height:25px;min-width:25px;flex-basis:25px;padding:5px;background:#2e9ca7}
.impact-photo{border:1px solid #4db2aa;border-radius:22px;box-shadow:0 3px 0 #2b4e70,0 12px 24px #00172926}.impact-photo:before{border-color:#ffffff85;border-radius:17px}
@media(max-width:1000px) and (min-width:721px){.work-item,.work-item:nth-child(2),.work-item:nth-child(3){padding:39px 28% 45px 8%}.work-item h3{font-size:18px}.work-item p{font-size:13px}.contact,.contact+.contact{padding:42px 27% 48px 8%}.contact-label{font-size:19px}}
@media(max-width:720px){.work-item,.work-item:nth-child(2),.work-item:nth-child(3){padding:35px 27% 41px 8%}.work-topline .work-icon{right:6%;width:34px;height:34px}.work-topline .work-icon svg{width:29px;height:29px}.work-item h3{font-size:20px}.work-item p{font-size:14px}.contact,.contact+.contact{padding:37px 26% 44px 8%}.contact-label{font-size:20px}.contact:after,.contact+.contact:after{width:33px;height:33px;right:5%}.contact-button,.contact+.contact .contact-button{font-size:11px;padding:8px 10px;gap:6px}.contact-button svg{width:23px;height:23px;min-width:23px;flex-basis:23px}}
/* Exact equal payment dimensions; no inherited flex shrink on centered cards. */
.payment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.payment-grid>.payment,.payment-grid>.payment.primary,.payment-grid>.payment:last-child{box-sizing:border-box;display:block;position:relative;width:100%;height:126px;min-height:126px;max-height:126px;padding:0;border:0;background-size:100% 100%;overflow:visible}
.payment-grid>.payment.primary,.payment-grid>.payment:last-child{grid-column:1/-1;width:calc((100% - 16px)/2);justify-self:center}
.payment-grid .payment-main{position:absolute;inset:20px 26% 20px 17%;display:flex;align-items:center;justify-content:center;width:auto;min-width:0;max-width:none;flex:none;gap:0;z-index:2}
.payment-grid .payment-copy{width:100%;max-width:none;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;flex:none}
.payment-grid .payment h3,.payment-grid .payment-title,.payment-grid .primary h3{font-size:20px;line-height:1.3;white-space:nowrap;margin:0}
.payment-grid .payment p,.payment-grid .payment-detail,.payment-grid .primary p{font-size:12px;line-height:1.5;margin:0;white-space:normal;word-break:normal;overflow-wrap:normal}
.payment-grid .payment-icon,.payment-grid .primary .payment-icon{position:fixed;display:none}
.payment-grid .payment-main>.payment-icon{position:absolute;display:grid;place-items:center;right:calc(-36%);top:50%;transform:translateY(-50%);width:40px;height:40px;background:none;border:0;box-shadow:none;outline:0;z-index:2}
.payment-grid .payment-main>.payment-icon svg,.payment-grid .payment-main>.payment-icon img{width:32px;height:32px}
.payment-grid .go,.payment-grid .primary .go{left:5%;top:50%;transform:translateY(-50%);width:34px;height:34px;flex:none;margin:0}
@media(max-width:720px){.payment-grid{grid-template-columns:minmax(0,1fr);gap:12px}.payment-grid>.payment,.payment-grid>.payment.primary,.payment-grid>.payment:last-child{grid-column:auto;width:100%;height:122px;min-height:122px;max-height:122px;padding:0}.payment-grid .payment-main{inset:19px 26% 19px 17%}.payment-grid .payment h3,.payment-grid .payment-title,.payment-grid .primary h3{font-size:18px}.payment-grid .payment p,.payment-grid .payment-detail,.payment-grid .primary p{font-size:11px}.payment-grid .payment-main>.payment-icon{right:-36%;width:35px;height:35px}.payment-grid .payment-main>.payment-icon svg,.payment-grid .payment-main>.payment-icon img{width:29px;height:29px}.payment-grid .go,.payment-grid .primary .go{width:30px;height:30px}}
/* Donation opening matches the approved preview composition. */
.donation-section .section-head{width:min(780px,100%);padding:0;margin:0 auto 28px;background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.donation-section .section-head:before{display:none;content:none}
.donation-banner{display:flex;flex-direction:row;direction:rtl;align-items:center;justify-content:center;gap:27px;padding:0}
.donation-banner .identity-puzzle{width:200px;max-width:31%;height:auto;flex-shrink:0;filter:drop-shadow(0 5px 8px #234d7014)}
.section-head .donation-banner #donate-title{margin:0;padding:0;text-align:center;font-family:Rubik,Arial,sans-serif;font-weight:800;font-size:39px;line-height:1.25;color:#173c5a}
.section-head .donation-banner #donate-title span{position:relative;display:inline-block;font-family:'Gveret Levin',cursive;font-weight:400;font-size:1.05em;line-height:1.45;white-space:nowrap;color:#249a9e;margin-top:5px;padding-bottom:8px;transform:rotate(-2deg)}
.section-head .donation-banner #donate-title span:after{content:"";position:absolute;left:10%;right:9%;bottom:1px;height:4px;border-radius:50%;background:#299ea4;transform:rotate(-1deg)}
.donation-section .section-head>p{font-family:Assistant,Arial,sans-serif;font-weight:700;font-size:19px;line-height:1.5;color:#244863;margin-top:16px}
@media(max-width:720px){.donation-section .section-head{padding:0;margin-bottom:23px}.donation-banner{gap:13px}.donation-banner .identity-puzzle{width:126px;max-width:31%}.section-head .donation-banner #donate-title{font-size:clamp(23px,6.5vw,31px)}.section-head .donation-banner #donate-title span{font-size:1.02em;padding-bottom:6px}.section-head .donation-banner #donate-title span:after{height:3px}.donation-section .section-head>p{font-size:15px;margin-top:13px}}
/* Compact activity cards: icon beside label, a quieter color accent. */
.work-item,.work-item:nth-child(2),.work-item:nth-child(3){padding:30px 25% 34px 8%;min-height:0;background:none;position:relative}
.work-item:before,.work-item:nth-child(2):before,.work-item:nth-child(3):before{content:"";display:block;position:absolute;inset:0;z-index:-1;background:url('assets/payment-style7.png') center/100% 100% no-repeat;border:0;box-shadow:none;filter:saturate(.85);pointer-events:none}
.work-item .work-topline{display:flex;flex-direction:row;direction:rtl;align-items:center;justify-content:center;gap:8px;margin:0 0 12px;width:100%;max-width:100%}
.work-topline .work-icon,.work-topline .work-icon.orange,.work-topline .work-icon.navy{position:static;top:auto;right:auto;transform:none;display:grid;place-items:center;width:25px;height:25px;margin:0;background:#2b4e70;border-radius:50%;border:0;box-shadow:none;flex:0 0 25px}
.work-topline .work-icon svg{width:16px;height:16px}.work-topline .work-number{font-size:10px;margin:0;line-height:1.5}
.work-item h3{font-size:20px;margin:0 0 10px;line-height:1.4}.work-item p{font-size:14px;line-height:1.7}
@media(max-width:1000px) and (min-width:721px){.work-item,.work-item:nth-child(2),.work-item:nth-child(3){padding:29px 25% 34px 8%}.work-item h3{font-size:18px}.work-item p{font-size:13px}}
@media(max-width:720px){.work-item,.work-item:nth-child(2),.work-item:nth-child(3){padding:28px 25% 32px 8%}.work-item h3{font-size:20px}.work-item p{font-size:14px}.work-item .work-topline{gap:7px;margin-bottom:10px}}
/* Strong print heading paired with the expressive handwritten invitation. */
.donation-banner{gap:24px;align-items:center}.donation-banner .identity-puzzle{width:214px;max-width:30%}
.section-head .donation-banner #donate-title{font-family:Rubik,Arial,sans-serif;font-weight:900;font-size:45px;line-height:1.12;letter-spacing:-1px;text-align:center;color:#153b59}
.section-head .donation-banner #donate-title span{font-family:'Gveret Levin',cursive;font-weight:400;font-size:1.08em;line-height:1.35;letter-spacing:-.5px;color:#169aa4;margin-top:8px;padding-bottom:11px;transform:rotate(-3deg)}
.section-head .donation-banner #donate-title span:after{left:18%;right:12%;height:4px;bottom:2px;border-radius:50%;background:linear-gradient(90deg,transparent,#199ca5 15%,#199ca5 85%,transparent);transform:rotate(-1deg)}
.donation-section .section-head>p{font-size:20px;font-weight:700;margin-top:19px;color:#244863}
@media(max-width:720px){.donation-banner{gap:12px}.donation-banner .identity-puzzle{width:129px;max-width:30%}.section-head .donation-banner #donate-title{font-size:clamp(24px,6.7vw,33px);letter-spacing:-.5px}.section-head .donation-banner #donate-title span{font-size:1.05em;margin-top:6px;padding-bottom:8px}.section-head .donation-banner #donate-title span:after{height:3px}.donation-section .section-head>p{font-size:15px;margin-top:15px}}
.donation-banner .identity-puzzle{width:268px;max-width:36%}.donation-banner{gap:27px}
@media(max-width:720px){.donation-banner .identity-puzzle{width:155px;max-width:35%}.donation-banner{gap:11px}.section-head .donation-banner #donate-title{font-size:clamp(22px,6.1vw,31px)}}
/* Editorial activity cards: restrained brand motif, aligned reading hierarchy. */
.work-list{align-items:stretch;gap:22px}
.work-item,.work-item:nth-child(2),.work-item:nth-child(3){display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;isolation:isolate;overflow:hidden;padding:27px 29px 30px;min-height:0;height:auto;background:linear-gradient(130deg,#fffffff5,#fbfdfff0);border:1px solid #dbe8e8;border-radius:22px;box-shadow:0 7px 20px #294d7010}
.work-item:before,.work-item:nth-child(2):before,.work-item:nth-child(3):before{content:"";display:block;position:absolute;inset:0 0 0 auto;width:15%;z-index:-1;border:0;background:linear-gradient(160deg,#75ccc255,#2b4e704d);clip-path:ellipse(72% 74% at 100% 50%);filter:none;pointer-events:none}
.work-item:after,.work-item:nth-child(2):after,.work-item:nth-child(3):after{content:"";display:block;position:absolute;right:0;bottom:0;width:42px;height:24px;background:#ffb54368;border:0;border-radius:0;clip-path:ellipse(100% 80% at 100% 100%);pointer-events:none}
.work-item .work-topline{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;width:100%;height:29px;min-height:29px;margin:0 0 15px}
.work-topline .work-icon,.work-topline .work-icon.orange,.work-topline .work-icon.navy{position:static;width:25px;height:25px;flex:0 0 25px;transform:none;margin:0;border:0;background:#2b4e70;box-shadow:none;border-radius:50%}.work-topline .work-icon svg{width:16px;height:16px}
.work-topline .work-number{font-size:10px;font-weight:700;line-height:1.5;margin:0;white-space:nowrap}
.work-item>div:not(.work-topline){display:flex;flex-direction:column;align-items:center;width:100%;max-width:100%;text-align:center}
.work-item h3{display:flex;align-items:center;justify-content:center;min-height:52px;width:100%;font-size:21px;line-height:1.35;margin:0 0 11px}
.work-item p{font-size:14px;line-height:1.8;margin:0;text-align:center;max-width:100%;text-wrap:pretty}
@media(max-width:1000px) and (min-width:721px){.work-item,.work-item:nth-child(2),.work-item:nth-child(3){padding:25px 23px 28px}.work-item h3{font-size:19px}.work-item p{font-size:13px}.work-topline .work-number{font-size:9px}}
@media(max-width:720px){.work-item,.work-item:nth-child(2),.work-item:nth-child(3){padding:25px 28px 28px}.work-item .work-topline{margin-bottom:12px}.work-item h3{font-size:21px;min-height:36px;margin-bottom:10px}.work-item p{font-size:14px;line-height:1.8}}
/* Remove only the decorative WhatsApp marks from contact-card color bands. */
.contact:after,.contact+.contact:after{content:none;display:none}
/* Keep activity-card copy clear of the right decorative sweep. */
.work-item,.work-item:nth-child(2),.work-item:nth-child(3){padding-right:62px;padding-left:30px}.work-item .work-topline,.work-item>div:not(.work-topline){width:100%;max-width:100%}
@media(max-width:1000px) and (min-width:721px){.work-item,.work-item:nth-child(2),.work-item:nth-child(3){padding-right:52px;padding-left:24px}}
@media(max-width:720px){.work-item,.work-item:nth-child(2),.work-item:nth-child(3){padding-right:60px;padding-left:29px}}

/* Approved photographic activity cards, with live copy and intentional line breaks. */
.work-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.work-list .activity-photo{--activity-image:none;display:flex;position:relative;isolation:isolate;justify-content:center;align-items:center;box-sizing:border-box;min-height:330px;height:auto;padding:58px 13% 58px 7%;border:5px solid #fffaf0;border-radius:24px;overflow:hidden;background-image:radial-gradient(ellipse at 46% 53%,#fffaf4fa 0%,#fffaf4eb 29%,#fffaf49c 56%,#fffaf426 87%),var(--activity-image);background-size:cover;background-position:center;box-shadow:0 7px 22px #80683820}
.work-list .activity-military{--activity-image:url('assets/activity-military.png')}
.work-list .activity-community{--activity-image:url('assets/activity-community.png');background-image:linear-gradient(90deg,#fffaf4ed 0%,#fffaf4d9 43%,#fffaf44d 72%,#fffaf41a 100%),var(--activity-image);background-position:center}
.work-list .activity-shop{--activity-image:url('assets/activity-shop.png')}
.work-list .activity-photo:before{content:"";display:block;position:absolute;inset:0 0 0 auto;width:12%;z-index:0;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,30% 87%,65% 69%,85% 48%,70% 24%);background:linear-gradient(135deg,#a6e1df 0%,#52c1c8 40%,#087b9f 41%,#164d76 83%,#fffaf0 84%,#ffc35d 87%,#ffad31 100%);pointer-events:none}
.work-list .activity-photo:after{content:none;display:none}
.work-list .activity-photo .activity-copy{position:relative;z-index:1;width:100%;max-width:100%;text-align:center}
.work-list .activity-photo h3{display:flex;align-items:center;justify-content:center;min-height:60px;margin:0 0 17px;color:#102f52;font-family:Rubik,Arial,sans-serif;font-size:clamp(20px,1.7vw,27px);font-weight:800;line-height:1.35}
.work-list .activity-photo p{color:#173853;font-size:clamp(12px,1.05vw,17px);line-height:1.85;font-weight:600;margin:0;max-width:100%;text-wrap:initial;overflow-wrap:normal}
@media(max-width:1050px){.work-list{grid-template-columns:1fr;max-width:660px;margin-inline:auto}.work-list .activity-photo{min-height:350px;padding:65px 14% 65px 8%}.work-list .activity-photo h3{font-size:27px}.work-list .activity-photo p{font-size:17px}}
@media(max-width:480px){.work-list .activity-photo{min-height:310px;padding:47px 12% 47px 5%;border-width:4px}.work-list .activity-photo h3{font-size:22px;min-height:58px;margin-bottom:13px}.work-list .activity-photo p{font-size:clamp(11px,3.1vw,14px);line-height:1.9}}

/* Rounded handwritten contact invitation, matching the impact heading. */
#contact-title span{font-family:'Gveret Levin',cursive;font-weight:700;font-synthesis:weight;letter-spacing:0;line-height:1.35;transform:rotate(-2deg);-webkit-text-stroke:.35px currentColor}

/* Consistent rounded handwriting across the main invitations. */
.hero h1 em,.section-head .donation-banner #donate-title span{font-family:'Gveret Levin',cursive;font-weight:700;font-synthesis:weight;letter-spacing:0;line-height:1.35;-webkit-text-stroke:.35px currentColor}

/* Handwritten opening word in the donation invitation. */
.section-head .donation-banner #donate-title .donation-also{display:inline-block;font-family:'Gveret Levin',cursive;font-style:normal;font-weight:700;font-synthesis:weight;font-size:1.08em;letter-spacing:0;line-height:1.35;color:#169aa4;-webkit-text-stroke:.35px currentColor;transform:rotate(-3deg)}

.section-head .donation-banner #donate-title .donation-also{font-size:1.22em}

/* Approved hero wording and explicit paragraph breaks. */
.hero .vision,.hero .intro{font-weight:700;text-wrap:initial}

/* Keep the unity message beneath the main invitation, clear of the photograph. */
.hero-unity{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;width:fit-content;max-width:100%;margin:27px 0 0;padding:0 4px;text-align:center;gap:4px}
.hero .hero-unity p{font-family:Rubik,Arial,sans-serif;font-size:clamp(19px,1.8vw,26px);font-weight:700;line-height:1.5;color:#1d435d;margin:0}
.hero .hero-unity strong{display:block;font-family:'Gveret Levin',cursive;font-weight:700;font-synthesis:weight;font-size:clamp(23px,2.15vw,31px);line-height:1.5;color:#269b99;letter-spacing:0;-webkit-text-stroke:.25px currentColor;transform:rotate(-2deg)}
@media(max-width:720px){.hero-unity{margin:23px auto 0}.hero .hero-unity p{font-size:20px}.hero .hero-unity strong{font-size:25px}.hero{padding-bottom:490px;min-height:1120px}}


.preview-refresh{position:fixed;bottom:15px;left:15px;z-index:9999;border:1px solid #c9deda;background:#fffdf4f2;color:#244863;border-radius:24px;padding:9px 15px;font-family:Assistant,Arial,sans-serif;font-size:15px;cursor:pointer;box-shadow:0 3px 12px #173d5a1a}

/* Single-heading trial: true SVG outlines, not a raster text mask. */
.hero h1 .hero-script-trial{display:block;width:min(100%,5.5em);max-width:100%;padding:8px 0 14px;transform:none;line-height:1;margin-right:0;margin-left:auto}
.hero-script-trial img{display:block;width:100%;height:auto;max-width:100%}


.hero .hero-unity strong{width:auto;transform:rotate(-2deg)}

/* Selected option 1: one real, locally served handwriting font everywhere. */
.hero h1 em,.hero-unity strong,.together strong,.section-head .donation-banner #donate-title .donation-also,.section-head .donation-banner #donate-title .donation-script,.work-heading h2>span,.impact h2>span,#contact-title>span,.closing-live-copy{font-family:'Gveret Levin',cursive;font-weight:400;font-style:normal;font-synthesis:none;-webkit-text-stroke:0;letter-spacing:0;transform:none}
.hero h1 em{display:inline-block;width:auto;font-size:1.05em;line-height:1.35;padding:3px 0 10px}
.hero .hero-unity strong{width:auto;font-family:'Gveret Levin',cursive;font-weight:400;font-synthesis:none;-webkit-text-stroke:0;line-height:1.5}
.closing-live{position:relative}.closing-live>img{clip-path:inset(0 76% 0 0)}
.closing-live-copy{position:absolute;right:0;left:23%;top:28%;height:65%;display:flex;align-items:center;justify-content:center;gap:.2em;white-space:nowrap;font-size:clamp(15px,4.3vw,45px);line-height:1.4;color:#244b70;z-index:2}
.closing-live-copy strong{font-family:inherit;font-weight:400;color:#218f90}
@media(max-width:720px){.hero h1 em{font-size:1.08em}.closing-live-copy{font-size:clamp(13px,4.15vw,30px)}}

/* Join the sky composition directly to the community photograph, with no empty band. */
.hero{background-color:#fffaf0;background-image:url('assets/hero-unified.png'),url('assets/golden-sky.png');background-size:100% auto,cover;background-position:left top,center top;background-repeat:no-repeat}
.hero .photo-frame{top:calc(100vw * 941 / 1672 - 95px);bottom:0;height:auto;min-height:335px;margin:0;border:0;box-shadow:none;mask-image:linear-gradient(to bottom,transparent,#000 80px);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 80px)}
@media(max-width:1100px) and (min-width:721px){.hero{background-size:auto 650px,cover;background-position:40% top,center top}.hero .photo-frame{top:555px;min-height:335px}}
@media(max-width:720px){.hero{background-size:auto 410px,cover;background-position:left 425px,center top}.hero .photo-frame{top:760px;bottom:0;height:auto;min-height:285px;mask-image:linear-gradient(to bottom,transparent,#000 75px);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 75px)}}

/* Soft irregular white brush panel behind the unity statement. */
.hero .hero-unity strong{position:relative;isolation:isolate;padding:9px 22px 12px;margin-top:9px;overflow:visible}
.hero .hero-unity strong:before{content:"";position:absolute;inset:0 -7px;z-index:-1;background:#fffdf8f5;clip-path:polygon(2% 9%,17% 5%,32% 8%,48% 3%,65% 7%,81% 4%,98% 10%,97% 28%,100% 44%,98% 63%,99% 84%,83% 91%,67% 88%,51% 96%,34% 90%,17% 94%,1% 86%,3% 67%,0 49%,2% 30%);transform:rotate(-1deg);pointer-events:none}
@media(max-width:720px){.hero .hero-unity strong{padding:8px 15px 10px;margin-top:8px}.hero .hero-unity strong:before{inset:0 -5px}}

/* Selected white backing 12: soft cloud fading naturally into the photograph. */
.hero .hero-unity strong:before{inset:-10px -15px;background:radial-gradient(ellipse at 40% 50%,#fffffffa 30%,#fffdf9d9 55%,transparent 78%);filter:blur(7px);border-radius:45%;clip-path:none;transform:none}
@media(max-width:720px){.hero .hero-unity strong:before{inset:-10px -15px}}

.section-head .donation-banner #donate-title .donation-also{transform:rotate(-12deg);transform-origin:50% 65%;margin-left:.12em}

/* Stronger shared-giving statement and a wider turquoise-to-gold signature line. */
.together{position:relative;padding-top:29px;padding-bottom:27px;border-bottom:0}
.together p{font-size:27px;font-weight:600;line-height:1.6;color:#173e5b;margin:0}
.together strong{font-family:'Gveret Levin',cursive;font-size:1.22em;font-weight:400;color:#168b89;line-height:1.4}
.together:after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:min(560px,52%);height:7px;border-radius:50%;background:linear-gradient(90deg,transparent 0%,#44b7b4 18%,#299d9e 38%,#e3b650 67%,#ffb44d 82%,transparent 100%);pointer-events:none}
@media(max-width:720px){.together{padding-top:24px;padding-bottom:24px}.together p{font-size:23px;line-height:1.65;max-width:340px}.together strong{font-size:1.2em}.together:after{width:66%;height:6px}}

/* Clear approval emphasis and a single restrained brand divider. */
.tax-note p strong{font-family:inherit;font-weight:800;color:#173e5b}
.together{border-bottom:0;box-shadow:none;background-clip:padding-box}
.together:after{height:4px;width:min(540px,52%);border-radius:999px;background:linear-gradient(90deg,#43b4b200,#43b4b2 16%,#299d9e 38%,#c5b965 63%,#ffb44d 84%,#ffb44d00);box-shadow:none;clip-path:none;filter:none;transform:translateX(-50%)}
.donation-section{border-top:0}
@media(max-width:720px){.together:after{height:4px;width:66%}}

/* Remove the old second divider that overlapped the main statement line. */
.donation-section:before{content:none;display:none}

/* Clean heart-only artwork beside live text: no clipped old letters or vertical cut. */
.closing-signature.closing-live{position:relative;aspect-ratio:5/1;overflow:visible;margin:26px auto 18px}
.closing-signature.closing-live>img{position:absolute;left:0;bottom:0;width:46%;height:auto;max-width:none;margin:0;clip-path:none;object-fit:contain}
.closing-live-copy{left:25%;right:0;top:20%;height:65%;gap:.22em;font-size:clamp(15px,4vw,43px);align-items:center;justify-content:center;white-space:nowrap}
@media(max-width:720px){.closing-signature.closing-live{width:100%;margin:24px auto 14px;aspect-ratio:5/1}.closing-live-copy{font-size:clamp(12px,3.9vw,28px)}}

/* Compact connected closing signature: align the final words beside the heart. */
.closing-signature.closing-live{width:min(100%,1020px);aspect-ratio:5.4/1;margin-top:20px;margin-bottom:12px}
.closing-signature.closing-live>img{width:43%;bottom:0}
.closing-live-copy{left:23%;right:0;top:14%;height:66%;justify-content:flex-end;gap:.15em;font-size:clamp(15px,4.5vw,48px)}
@media(max-width:720px){.closing-signature.closing-live{width:100%;aspect-ratio:5.4/1;margin:22px auto 12px}.closing-live-copy{left:23%;font-size:clamp(12px,4.1vw,30px);justify-content:flex-end}}

/* Consistent, visible section introductions. */
.work-heading .eyebrow,.impact-copy .eyebrow,.contact-section>.section-head .eyebrow{display:flex;align-items:center;gap:12px;font-family:Assistant,Arial,sans-serif;font-size:19px;font-weight:800;line-height:1.45;letter-spacing:0;color:#244863;margin-bottom:9px}
.work-heading .eyebrow:before,.impact-copy .eyebrow:before,.contact-section>.section-head .eyebrow:before{content:"";display:block;flex:0 0 32px;width:32px;height:2px;border-radius:2px;background:#39a6a5}
.impact-copy .eyebrow{color:#ffcf88}.impact-copy .eyebrow:before{background:#ffcf88}
.contact-section>.section-head .eyebrow{justify-content:center}
.work-heading h2,.impact-copy h2,.contact-section>.section-head h2{margin-top:0}
@media(max-width:720px){.work-heading .eyebrow,.impact-copy .eyebrow,.contact-section>.section-head .eyebrow{font-size:17px;gap:10px;margin-bottom:8px}.work-heading .eyebrow:before,.impact-copy .eyebrow:before,.contact-section>.section-head .eyebrow:before{width:27px;flex-basis:27px}}

.work-heading .eyebrow:before,.impact-copy .eyebrow:before,.contact-section>.section-head .eyebrow:before{content:none;display:none}

/* Match the opening introduction to the other section labels. */
.hero .eyebrow{font-family:Assistant,Arial,sans-serif;font-size:19px;font-weight:800;line-height:1.45;letter-spacing:0;margin-bottom:9px}
.hero .eyebrow>span{display:none}
@media(max-width:720px){.hero .eyebrow{font-size:17px;margin-bottom:8px}}

/* Match the community photo treatment to its neighboring activity cards. */
.work-list .activity-community{background-image:radial-gradient(ellipse at 46% 53%,#fffaf4ed 0%,#fffaf4db 25%,#fffaf48a 51%,#fffaf43d 73%,#fffaf412 100%),var(--activity-image);background-position:center,center;background-size:cover}

/* Bring the shop photograph to the same visual strength as the other activity cards. */
.work-list .activity-shop{background-image:radial-gradient(ellipse at 46% 53%,#fffaf4ed 0%,#fffaf4d9 23%,#fffaf478 48%,#fffaf425 72%,#fffaf408 100%),var(--activity-image);background-position:center,center;background-size:cover}

/* Equal card borders; crop the white margin embedded in the shop photograph. */
.work-list .activity-photo{border:5px solid #fffaf0;background-origin:padding-box;background-clip:padding-box;box-sizing:border-box}
.work-list .activity-shop{background-size:cover,106% 110%;background-position:center,center}
@media(max-width:480px){.work-list .activity-photo{border-width:5px}}

/* Local reading surface for the shop copy, preserving the visible photo edges. */
.work-list .activity-shop .activity-copy{position:relative;isolation:isolate}
.work-list .activity-shop .activity-copy:before{content:"";position:absolute;inset:-22px -20px;z-index:-1;background:radial-gradient(ellipse at center,#fffdf8fa 0%,#fffdf8ed 48%,#fffdf8a6 72%,#fffdf800 100%);filter:blur(7px);pointer-events:none}
.work-list .activity-shop h3{color:#12334d}
.work-list .activity-shop p{color:#12334d;font-weight:700;text-shadow:0 1px 1px #ffffff80}
@media(max-width:480px){.work-list .activity-shop .activity-copy:before{inset:-19px -13px}}

/* One restrained, readable treatment for all three activity cards. */
.work-list .activity-photo{background-image:radial-gradient(ellipse at 46% 53%,#fffaf4d9 0%,#fffaf4b8 28%,#fffaf461 56%,#fffaf41c 80%,#fffaf408 100%),var(--activity-image)}
.work-list .activity-photo .activity-copy{position:relative;isolation:isolate}
.work-list .activity-photo .activity-copy:before{content:"";position:absolute;inset:-20px -17px;z-index:-1;background:radial-gradient(ellipse at center,#fffdf8b8 0%,#fffdf896 48%,#fffdf83d 75%,transparent 100%);filter:blur(8px);pointer-events:none}
.work-list .activity-photo h3{font-family:Rubik,Arial,sans-serif;font-weight:800;color:#173b54;line-height:1.35;text-shadow:none}
.work-list .activity-photo p{font-family:Assistant,Arial,sans-serif;font-weight:600;color:#173b54;line-height:1.85;text-shadow:none}
.work-list .activity-shop{background-size:cover,106% 110%;background-position:center,center}
@media(max-width:480px){.work-list .activity-photo .activity-copy:before{inset:-18px -12px}}

/* Restore natural photo color, especially beneath the right-hand hero wash. */
.hero .photo-frame .community{filter:saturate(1.12) contrast(1.06);}
@media(min-width:721px){.hero:before{background:linear-gradient(90deg,transparent 0%,transparent 37%,#fffaf018 56%,#fffaf02b 100%)}}