@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--navy:#06172c;--yellow:#ffdb32;--blue:#1766c6;--muted:#b7c7db}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:white;font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.nav{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:16px clamp(20px,5vw,80px);background:#06172c;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;font-size:21px;line-height:.95;letter-spacing:.6px}.brand strong{display:block;font-size:29px}.brand small{display:block;font:700 9px Inter;letter-spacing:1.3px;margin-top:6px}.heart{font-size:47px;color:#ffd832;text-shadow:0 -12px #0864c5;line-height:1}.nav nav{display:flex;gap:26px;font-size:13px;color:#d9e2ed}.nav nav a:hover{color:var(--yellow)}.pill{background:var(--yellow);color:#07172a;padding:13px 22px;border-radius:30px;font-size:13px;font-weight:800;white-space:nowrap}.hero{min-height:740px;position:relative;overflow:hidden;display:flex;align-items:center}.hero-bg{position:absolute;inset:0;background:url('assets/ukraine-hero-clean.jpg') center center/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,11,25,.94),rgba(1,11,25,.72) 30%,rgba(1,11,25,.08) 76%),linear-gradient(0deg,rgba(1,11,25,.55),transparent 40%)}.hero-inner{position:relative;max-width:680px;padding:75px 0 85px clamp(22px,6vw,100px)}.eyebrow,.kicker{font-size:12px;letter-spacing:2.3px;font-weight:800;color:var(--yellow)}.dot{display:inline-block;width:8px;height:8px;background:var(--yellow);border-radius:50%;margin-right:8px}.hero h1{font:900 clamp(62px,7.5vw,112px)/.84 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1px;margin:24px 0}.hero h1 em{font-style:normal;color:var(--yellow)}.lead{font-size:18px;line-height:1.6;max-width:490px;color:#edf1f6}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;border:0;border-radius:7px;background:var(--yellow);color:#07172a;font:800 16px Inter,Arial;padding:21px 28px;cursor:pointer;box-shadow:0 9px 30px #0004}.primary:hover,.pill:hover{background:#ffe976;transform:translateY(-2px)}.under{font-size:10px;letter-spacing:2.4px;margin:17px 0;color:#e2e7ed}.image-note{position:absolute;bottom:12px;right:20px;font-size:10px;color:#dce5ef;background:#07172ab8;padding:6px 9px;border-radius:3px}.impact,.mission,.accountability{padding:90px clamp(22px,6vw,100px)}.section-intro{max-width:750px;margin-bottom:40px}.section-intro h2,.mission h2,.donate h2,.accountability h2{font:800 clamp(38px,4.4vw,65px)/1 'Barlow Condensed',Impact,sans-serif;margin:12px 0 20px}.section-intro p,.mission p,.accountability p{line-height:1.75;color:#c5d0df}.impact-grid,.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.impact-card{background:#0d2845;border:1px solid #214467;border-radius:10px;padding:30px;min-height:255px}.num{float:right;color:#5e83ac;font-size:13px}.card-icon{font-size:46px;color:var(--yellow)}.impact-card h3,.trust-grid h3{font-size:20px;margin-bottom:9px}.impact-card p{font-size:14px;line-height:1.7;color:#c4d2df}.quote{background:#0c4b9c;text-align:center;padding:68px 15px}.flagline{height:5px;width:74px;margin:0 auto 25px;background:var(--yellow)}.quote p{font:700 clamp(28px,4vw,54px)/1.15 'Barlow Condensed',Impact,sans-serif}.quote strong{color:var(--yellow)}.quote span{font-size:11px;letter-spacing:3px}.mission{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.mission h2 em{font-style:normal;color:var(--yellow)}.text-link{color:var(--yellow);font-weight:800}.mission-art{min-height:390px;border-radius:14px;background:radial-gradient(circle at 50% 45%,#2364b0,#0b2848 65%);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.circle{width:220px;height:220px;border:3px solid var(--yellow);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--yellow);font:900 94px 'Barlow Condensed',Impact}.circle span{font:800 18px Inter}.mission-art p{font:800 12px/1.8 Inter;letter-spacing:2px;color:white}.donate{background:linear-gradient(120deg,#104b91,#051c38);padding:85px 20px}.donate-card{max-width:650px;margin:auto;background:#fff;color:#06172c;text-align:center;padding:clamp(24px,5vw,55px);border-radius:16px;box-shadow:0 22px 65px #0005}.donate h2{margin-top:14px}.donate-card>p:not(.kicker){line-height:1.6;color:#536174}.donate .kicker{color:#0b5db9}.amount{border:2px solid #ffdb32;background:#fff9d9;padding:20px;border-radius:12px;margin:30px 0;display:flex;align-items:center;justify-content:space-between;text-align:left;gap:20px}.amount span{font-size:11px;font-weight:800;letter-spacing:1px}.amount strong{font:900 54px 'Barlow Condensed',Impact;white-space:nowrap}.amount small{font:800 14px Inter}.full{width:100%}.payment-note{font-size:12px!important;color:#6a7584!important}.security{font-size:12px;color:#536174;margin-top:18px}.trust-grid>div{border-top:2px solid #29527a;padding-top:10px}.disclaimer{font-size:12px;margin-top:35px}.closing{text-align:center;padding:75px 20px;background:#0a4a96}.closing h2{font:900 clamp(44px,7vw,85px) 'Barlow Condensed',Impact;margin:0}.closing p{margin-bottom:28px}footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding:34px clamp(22px,6vw,100px);color:#a9bdd0;font-size:11px}footer .brand{color:white}footer p{max-width:360px;line-height:1.5}footer a{text-decoration:underline}@media(max-width:780px){.nav nav{display:none}.nav{padding:12px 18px}.nav .pill{padding:11px 13px}.hero{min-height:690px}.hero-bg{background-position:59% center}.hero-shade{background:linear-gradient(90deg,#041326f5,#041326b8 70%,#04132680)}.hero-inner{padding:75px 24px}.hero h1{font-size:clamp(62px,13vw,92px)}.impact-grid,.trust-grid,.mission{grid-template-columns:1fr}.mission{gap:30px}.impact,.mission,.accountability{padding:65px 22px}.amount strong{font-size:44px}footer{display:block}footer p{margin-top:20px}}

.demo-banner{background:#ffdc48;color:#071a2c;text-align:center;padding:10px 16px;font:700 13px/1.5 system-ui,sans-serif;letter-spacing:.02em}

.other-donation{display:block;width:100%;margin-top:12px;padding:17px 20px;border:2px solid #0b5db9;border-radius:7px;background:white;color:#0b4d9b;font:800 15px Inter,Arial,sans-serif;cursor:pointer}.other-donation:hover:not(:disabled){background:#edf5ff}.other-donation:disabled{opacity:.6;cursor:not-allowed}

.lang-wrap{display:flex;align-items:center;gap:8px;color:#fff;font:700 12px Inter,Arial,sans-serif}.lang-wrap select{background:#092a50;color:#fff;border:1px solid #f8d544;border-radius:7px;padding:9px 8px;max-width:130px;font:700 13px Inter,Arial,sans-serif}.lang-wrap select:focus-visible{outline:3px solid #ffdd46;outline-offset:2px}@media(max-width:560px){.lang-wrap{gap:0}.lang-wrap label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.lang-wrap select{max-width:106px;padding:8px 4px}.nav .pill{font-size:11px;padding:9px 8px}.nav .brand{font-size:12px}}

/* Clean photo-only hero: all text is live HTML and translates. */
.hero-bg{background-position:center center}
.hero-shade{background:linear-gradient(90deg,rgba(1,11,25,.45),rgba(1,11,25,.1) 48%,transparent 78%)}
@media(max-width:780px){.hero-bg{background-position:62% center}.hero-shade{background:linear-gradient(90deg,rgba(1,11,25,.88),rgba(1,11,25,.56) 75%,rgba(1,11,25,.35))}}

/* Responsive donation interface: desktop, laptop, tablet, mobile */
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{overflow-x:hidden}img,video,svg{max-width:100%}a,button,select,input{touch-action:manipulation}button,a,select{min-height:44px} :focus-visible{outline:3px solid #ffdc48;outline-offset:3px}
.custom-amount-panel{margin-top:12px;padding:20px;border:1px solid #c6d8ec;border-radius:12px;background:#f5f9ff;text-align:left}.custom-amount-panel[hidden]{display:none}.custom-amount-panel label{display:block;font-weight:750;font-size:14px;margin-bottom:10px}.custom-input-wrap{display:flex;align-items:center;gap:12px;background:white;border:2px solid #bdd0e5;border-radius:8px;padding:0 12px;margin-bottom:14px;color:#153a61;font-weight:800}.custom-input-wrap input{min-width:0;width:100%;font:700 20px Inter,Arial,sans-serif;padding:14px 0;border:0;outline:0;background:transparent;color:#0b1f37}.custom-input-wrap:focus-within{border-color:#1261b1}.custom-hint{font-size:12px;color:#52687e;line-height:1.5}.hero h1{overflow-wrap:normal}.hero-inner{max-width:min(100%,760px)}
@media(max-width:1000px){.nav{gap:12px;flex-wrap:wrap}.nav nav{gap:15px}.nav .brand{min-width:0}.hero h1{font-size:clamp(54px,8.2vw,110px)}.mission{gap:30px}}
@media(max-width:780px){.nav{display:flex;justify-content:space-between;gap:10px}.nav .brand{flex:1 1 180px}.lang-wrap{flex:0 0 auto}.nav .pill{flex:0 0 auto}.hero{min-height:610px}.hero-inner{padding:68px 24px}.hero h1{font-size:clamp(54px,10vw,78px)}.hero .lead{max-width:500px}.impact-grid{gap:20px}.mission-art{min-height:300px}.donate{padding:55px 16px}}
@media(max-width:520px){.demo-banner{font-size:11px;padding:8px}.nav{padding:12px 14px;gap:8px}.nav .brand{flex:1 1 150px}.nav .pill{order:3;width:100%;text-align:center;display:flex;align-items:center;justify-content:center}.lang-wrap{flex:0 0 auto}.hero{min-height:580px}.hero-bg{background-position:63% center}.hero-inner{padding:52px 18px 50px}.hero h1{font-size:clamp(45px,11.5vw,63px);line-height:.94}.hero .lead{font-size:15px;line-height:1.55}.hero .primary{width:100%;max-width:340px;justify-content:center;text-align:center}.image-note{font-size:9px}.impact,.mission,.accountability{padding:48px 18px}.quote{padding:50px 18px}.donate-card{padding:25px 16px}.amount{padding:15px;gap:10px}.amount strong{font-size:38px}.closing{padding:55px 18px}.custom-amount-panel{padding:15px}}
@media(max-width:360px){.hero h1{font-size:42px}.nav .brand{font-size:11px}.lang-wrap select{max-width:95px}.amount{flex-direction:column;align-items:flex-start}.hero-inner{padding-left:14px;padding-right:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.shop-nav{color:#ffdb3b!important;font-weight:800}.shop-teaser{display:grid;grid-template-columns:1.3fr .7fr;gap:3rem;align-items:center;padding:5rem max(5vw,20px);background:#071a31;color:white}.shop-teaser h2{font-size:clamp(2.4rem,5vw,5rem);line-height:1;margin:.4rem 0 1rem}.shop-teaser p{max-width:560px}.shop-teaser img{width:100%;max-height:340px;object-fit:contain;border-radius:18px;background:#eef1f4}@media(max-width:740px){.shop-teaser{grid-template-columns:1fr;padding:3rem 20px}.shop-teaser img{max-height:270px}.nav{flex-wrap:wrap}.nav nav{flex-wrap:wrap}}

/* Bilingual merchandise feature: maintain readable dimensions on all screens */
.shop-teaser{grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);overflow:hidden}
.shop-teaser>div{min-width:0}
.shop-teaser h2{font-size:clamp(2rem,4.5vw,4.2rem);overflow-wrap:anywhere}
.shop-teaser img{display:block;max-width:420px;width:100%;height:auto;max-height:360px;object-fit:contain;justify-self:center}
.shop-teaser .shop-ukrainian{color:#ffdf53;font-size:clamp(.9rem,1.5vw,1.15rem);line-height:1.5;margin:.5rem 0}
.shop-teaser .shop-small{font-size:.85rem}
@media(max-width:800px){.shop-teaser{grid-template-columns:1fr;gap:1.5rem}.shop-teaser img{max-width:330px;max-height:300px}}
@media(max-width:400px){.shop-teaser{padding:2rem 16px}.shop-teaser img{max-width:100%;max-height:260px}}

/* Merchandising layout correction — centered feature, never an oversized left image */
.shop-teaser{width:100%;max-width:100%;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(18px,4vw,64px);align-items:center;padding:clamp(30px,5vw,80px) max(24px,calc((100vw - 1180px)/2));margin:0 auto}
.shop-teaser>div{width:100%;min-width:0}
.shop-teaser>img{width:100%;max-width:390px;max-height:340px;object-fit:contain;justify-self:center;background:#f4f5f7;border-radius:16px}
.shop-teaser .primary{display:inline-flex;max-width:100%;white-space:normal;text-align:center;align-items:center;justify-content:center}
@media(max-width:760px){.shop-teaser{grid-template-columns:minmax(0,1fr);text-align:center;padding:32px 20px;gap:22px}.shop-teaser>div{display:flex;flex-direction:column;align-items:center}.shop-teaser>img{max-width:280px;max-height:270px}.shop-teaser h2{font-size:clamp(2rem,9vw,3.5rem)}}

/* Standalone merchandise showcase: individual product assets, no poster collage */
.merch-showcase{background:linear-gradient(145deg,#06172a,#102d4b 70%,#06172a);color:#fff;padding:clamp(34px,5vw,76px) clamp(18px,5vw,72px);overflow:hidden}
.merch-head{max-width:1240px;margin:0 auto 26px;display:flex;justify-content:space-between;align-items:end;gap:24px}
.merch-head>div{min-width:0}.merch-head h2{font-size:clamp(2rem,5vw,4.4rem);line-height:1.04;margin:.2em 0;letter-spacing:-.035em}
.merch-head p{max-width:700px;line-height:1.5}.merch-head .merch-uk{color:#ffdf50;font-size:clamp(.9rem,1.4vw,1.1rem);margin:.3rem 0}
.merch-cta{display:inline-flex;align-items:center;justify-content:center;background:#ffdd35;color:#06172a!important;text-decoration:none;font-weight:850;border-radius:50px;padding:17px 23px;white-space:nowrap;flex-shrink:0}
.merch-display{max-width:1240px;margin:auto;display:grid;grid-template-columns:1.25fr repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(205px,245px));gap:14px}
.merch-display a{position:relative;min-width:0;min-height:0;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#e9edf2,#f9f9fa);display:flex;align-items:center;justify-content:center;text-decoration:none;transition:transform .2s,box-shadow .2s}
.merch-display a:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0005}
.merch-display img{width:100%;height:100%;object-fit:contain;display:block;padding:8px;box-sizing:border-box;mix-blend-mode:multiply}
.merch-display .merch-feature{grid-row:span 2;background:linear-gradient(140deg,#e1e8f1,#fff)}
.merch-display .merch-feature img{padding:20px}
.merch-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#041426ee);color:white;font-size:clamp(.8rem,1.3vw,1.05rem);font-weight:850;padding:35px 15px 13px;letter-spacing:.02em;line-height:1.25}
.merch-label small{display:block;font-size:.8em;color:#ffde4c;margin-top:3px;font-weight:650}
.merch-foot{max-width:1240px;margin:20px auto 0;display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:.8rem;letter-spacing:.06em;color:#b6c6d8}
.merch-foot a{color:#ffdf50;font-weight:800;text-decoration:none}
@media(max-width:850px){.merch-head{align-items:start;flex-direction:column}.merch-display{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}.merch-display a{height:240px}.merch-display .merch-feature{grid-row:auto;grid-column:span 2;height:340px}.merch-foot{flex-direction:column;text-align:center}}
@media(max-width:480px){.merch-showcase{padding:32px 14px}.merch-display{gap:9px}.merch-display a{height:185px;border-radius:12px}.merch-display .merch-feature{height:260px}.merch-label{padding:28px 9px 10px;font-size:.74rem}.merch-cta{width:100%;white-space:normal}.merch-display .merch-feature img{padding:8px}}