/* Layout: black text-led hero, tatreez cross-stitch band as the only ornament, then quiet monochrome sections with red/green used as small flashes */
:root{
  --bg:#F5F6F3; --surface:#FFFFFF; --ink:#111311; --muted:#5B605A; --line:#D8DBD4;
  --red:#B3261E; --green:#149954;
  --hero-bg:#0D0E0D; --hero-ink:#F3F4F0; --hero-muted:#A9AEA6; --hero-green:#3FC27A; --hero-red:#E5554C;
  --ph:#E6E8E2; --ph-stripe:#DADDD5;
  --display:"Archivo","Arial Narrow",Arial,sans-serif;
  --body:"Public Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --arabic:"Noto Kufi Arabic","Geeza Pro",Tahoma,sans-serif;
  --gutter:max(16px,env(safe-area-inset-left,0px));
  --gutter-r:max(16px,env(safe-area-inset-right,0px));
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0F100F; --surface:#171917; --ink:#ECEEEA; --muted:#A0A69E; --line:#2B2E2A;
  --red:#E5554C; --green:#3FC27A; --hero-bg:#060706; --ph:#1D201D; --ph-stripe:#232723; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0F100F; --surface:#171917; --ink:#ECEEEA; --muted:#A0A69E; --line:#2B2E2A;
  --red:#E5554C; --green:#3FC27A; --hero-bg:#060706; --ph:#1D201D; --ph-stripe:#232723; color-scheme:dark}

*{box-sizing:border-box}
body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.6}
[dir="rtl"] body,[dir="rtl"] .display{font-family:var(--arabic)}
a{color:inherit}
:focus-visible{outline:3px solid var(--green);outline-offset:3px}
.wrap{max-width:1180px;margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter-r)}
.display{font-family:var(--display);font-stretch:72%;font-weight:850;line-height:.95;letter-spacing:-.01em;text-wrap:balance;margin:0}
.eyebrow{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 14px}
section{padding-block:clamp(56px,8vw,104px)}
h2.display{font-size:clamp(38px,6vw,68px)}
p{margin:0}

/* draft banner */
.draft{background:var(--red);color:#fff;font-size:13px;text-align:center;padding:6px 16px}

/* header */
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--hero-bg)}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:9;background:var(--hero-bg);color:var(--hero-ink);border-bottom:1px solid #222}
.bar{display:flex;align-items:center;gap:20px;min-height:64px}
.logo{font-family:var(--display);font-stretch:62%;font-weight:900;font-size:30px;text-decoration:none;letter-spacing:.02em;display:flex;align-items:center;gap:10px}
.logo small{font-family:var(--body);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--hero-muted);line-height:1.2;max-width:110px}
nav{margin-inline-start:auto}
nav ul{display:flex;gap:22px;list-style:none;margin:0;padding:0}
nav a{text-decoration:none;font-size:15px;font-weight:500;color:var(--hero-muted)}
nav a:hover,nav a[aria-current]{color:var(--hero-ink)}
.lang{background:none;border:1px solid #3a3d39;color:var(--hero-ink);border-radius:999px;padding:5px 12px;font:600 13px var(--body);cursor:pointer}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:2px;font-weight:600;font-size:15px;text-decoration:none;border:2px solid transparent;cursor:pointer}
.btn-red{background:var(--red);color:#fff}
.btn-red:hover{filter:brightness(1.08)}
.btn-ghost{border-color:currentColor}
.menu{display:none!important;background:none;border:0;color:var(--hero-ink);font:600 14px var(--body);cursor:pointer;padding:8px}
@media (max-width:900px){
  .bar{flex-wrap:wrap;gap:10px 14px;padding-top:8px}
  nav{order:3;flex:1 1 100%;margin:0 calc(-1 * var(--gutter-r)) 0 0;overflow-x:auto;scrollbar-width:none}
  nav ul{gap:20px;white-space:nowrap;padding-bottom:12px}
  nav + .btn{margin-inline-start:auto}
  .bar .btn{padding:9px 14px}
  .logo small{display:none}
}
@media (min-width:901px){nav[hidden]{display:block!important}}

/* hero */
.hero{background:var(--hero-bg);color:var(--hero-ink);padding-block:clamp(48px,9vw,120px) clamp(40px,6vw,72px)}
.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(28px,5vw,64px);align-items:end}
.hero h1{font-size:clamp(56px,11vw,148px)}
.hero h1 .accent{color:var(--hero-red)}
[dir="rtl"] .hero h1{line-height:1.25;font-size:clamp(44px,8vw,104px)}
.hero p{color:var(--hero-muted);max-width:60ch;margin-top:18px}
.hero p:first-of-type{color:var(--hero-ink);font-size:19px;margin-top:28px}
.ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.hero .ph{aspect-ratio:4/5;background:repeating-linear-gradient(135deg,#1a1c1a 0 12px,#151715 12px 24px);color:#7d837b}

/* placeholder */
.ph{display:flex;align-items:flex-end;padding:14px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:repeating-linear-gradient(135deg,var(--ph) 0 12px,var(--ph-stripe) 12px 24px);color:var(--muted);max-width:100%}

/* tatreez band */
.tatreez{height:28px;background-color:var(--hero-bg);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='28' viewBox='0 0 56 28'%3E%3Cg stroke-width='2.2' stroke-linecap='square'%3E%3Cg stroke='%23C8312A'%3E%3Cpath d='M10 6l4 4M14 6l-4 4M6 10l4 4M10 10l-4 4M14 10l4 4M18 10l-4 4M10 14l4 4M14 14l-4 4M10 18l4 4M14 18l-4 4'/%3E%3C/g%3E%3Cg stroke='%2343B06C'%3E%3Cpath d='M38 10l4 4M42 10l-4 4M34 14l4 4M38 14l-4 4M42 14l4 4M46 14l-4 4'/%3E%3C/g%3E%3Cg stroke='%23F3F4F0' opacity='.55'%3E%3Cpath d='M26 12l4 4M30 12l-4 4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat:repeat-x;background-position:center}

/* video */
.video-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(24px,5vw,64px);align-items:center}
.video{position:relative;display:block;aspect-ratio:16/9;background:var(--hero-bg);color:var(--hero-ink);text-decoration:none;overflow:hidden;max-width:100%}
.video::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,#ffffff07 0 12px,transparent 12px 24px)}
.play{position:absolute;inset:0;margin:auto;width:84px;height:84px;border-radius:50%;background:var(--red);display:grid;place-items:center;z-index:1;transition:transform .2s}
.video:hover .play{transform:scale(1.07)}
.play::before{content:"";border-left:24px solid #fff;border-top:15px solid transparent;border-bottom:15px solid transparent;margin-inline-start:6px}
[dir="rtl"] .play::before{margin-inline-start:6px}
.video span.cap{position:absolute;inset-inline-start:16px;bottom:14px;z-index:1;font-size:13px;color:var(--hero-muted)}

/* stats */
.stats{display:grid;grid-template-columns:repeat(5,1fr);border-top:2px solid var(--ink)}
.stat{padding:22px 18px 0 0;border-inline-end:1px solid var(--line)}
.stat:last-child{border:0}
.stat b{display:block;font-family:var(--display);font-stretch:72%;font-weight:850;font-size:clamp(48px,6vw,76px);line-height:1;font-variant-numeric:tabular-nums}
.stat:nth-child(1) b{color:var(--green)}
.stat span{display:block;margin-top:10px;font-size:15px;color:var(--muted);max-width:18ch}
.stats-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;flex-wrap:wrap}

/* where */
.where{background:var(--surface);border-block:1px solid var(--line)}
.regions{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:40px}
.region .ph{aspect-ratio:3/4;margin-bottom:18px}
.region h3{font-family:var(--display);font-stretch:80%;font-weight:800;font-size:26px;margin:0 0 8px;line-height:1.05}
.region p{color:var(--muted);font-size:15.5px}
.region a{display:inline-block;margin-top:12px;font-weight:600;font-size:14px;text-decoration-color:var(--red);text-underline-offset:4px}

/* quote */
.quote{max-width:980px}
.quote blockquote{margin:0;font-family:var(--display);font-stretch:85%;font-weight:600;font-size:clamp(28px,3.8vw,46px);line-height:1.15;text-wrap:balance}
.quote blockquote::before{content:"“";display:block;font-size:2.4em;line-height:.6;color:var(--red);margin-bottom:6px}
.quote cite{display:block;margin-top:24px;font-style:normal;font-weight:600}
.quote cite span{color:var(--muted);font-weight:400}

/* donate */
.donate{background:var(--hero-bg);color:var(--hero-ink)}
.donate-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,5vw,72px)}
.donate p{color:var(--hero-muted);max-width:56ch;margin-top:18px}
.donate h2 .accent{color:var(--hero-green)}
.amounts{display:grid;gap:1px;background:#2a2d29;border:1px solid #2a2d29;align-self:start}
.amounts div{background:var(--hero-bg);padding:18px 20px;display:flex;gap:18px;align-items:baseline}
.amounts b{font-family:var(--display);font-stretch:72%;font-weight:850;font-size:34px;min-width:72px;font-variant-numeric:tabular-nums}
.amounts span{color:var(--hero-muted);font-size:15px}
.amounts .note{font-size:12px;color:#7d837b;display:block}
.partner{margin-top:28px;font-size:13.5px;color:var(--hero-muted);border-top:1px solid #2a2d29;padding-top:18px;max-width:60ch}

/* newsletter */
.news{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:end}
form{display:flex;gap:10px;flex-wrap:wrap}
input[type=email]{flex:1 1 220px;min-width:0;padding:13px 14px;border:2px solid var(--ink);background:var(--surface);color:var(--ink);font:16px var(--body);border-radius:2px}
form .btn{background:var(--ink);color:var(--bg)}
.form-msg{font-size:14px;color:var(--muted);margin-top:10px;min-height:1.4em}

/* footer */
footer{background:var(--hero-bg);color:var(--hero-muted);font-size:14px;padding-block:48px}
.foot{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px}
footer h4{color:var(--hero-ink);font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
footer a{text-decoration:none}
footer a:hover{color:var(--hero-ink)}
.legal{margin-top:36px;padding-top:18px;border-top:1px solid #2a2d29;font-size:12.5px;line-height:1.7}
.todo{color:var(--red);font-weight:600}

@media (max-width:900px){
  .hero-grid,.video-grid,.donate-grid,.news,.foot{grid-template-columns:1fr}
  .hero .ph{aspect-ratio:16/10}
  .regions{grid-template-columns:repeat(2,1fr)}
  .stats{grid-template-columns:repeat(2,1fr)}
  .stat{border-inline-end:0;border-bottom:1px solid var(--line);padding-bottom:18px}
}
@media (max-width:520px){.regions{grid-template-columns:1fr}.region .ph{aspect-ratio:16/10}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* donate */

.d-hero{background:var(--hero-bg);color:var(--hero-ink);padding-block:clamp(48px,8vw,104px) clamp(40px,6vw,72px)}
.d-hero h1{font-size:clamp(48px,8.5vw,112px);max-width:14ch}
.d-hero h1 .accent{color:var(--hero-green)}
.d-hero .lede{color:var(--hero-ink);font-size:19px;max-width:58ch;margin-top:26px}
.d-hero .fine{color:var(--hero-muted);font-size:14px;max-width:60ch;margin-top:18px}
.costs{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:40px}
.cost{background:var(--surface);padding:26px 24px 28px;display:flex;flex-direction:column;gap:10px}
.cost b{font-family:var(--display);font-stretch:72%;font-weight:850;font-size:clamp(44px,5vw,60px);line-height:1;font-variant-numeric:tabular-nums}
.cost:nth-child(3n+1) b{color:var(--red)}
.cost:nth-child(3n+2) b{color:var(--green)}
.cost h3{margin:0;font-size:17px;font-weight:600}
.cost p{color:var(--muted);font-size:15.5px}
.footnote{font-size:13.5px;color:var(--muted);margin-top:16px;max-width:70ch}
.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,5vw,72px);align-items:start}
.hubbar{display:flex;height:56px;margin-top:28px;border:1px solid var(--line)}
.hubbar div{display:flex;align-items:center;padding-inline:12px;color:#fff;font-weight:600;font-size:14px;min-width:0;overflow:hidden;white-space:nowrap}
.hub-list{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:0}
.hub-list li{display:grid;grid-template-columns:14px 1fr auto;gap:14px;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--line)}
.hub-list i{width:12px;height:12px;display:block}
.hub-list strong{font-family:var(--display);font-stretch:80%;font-weight:800;font-size:22px}
.hub-list span{display:block;color:var(--muted);font-size:14.5px}
.hub-list em{font-style:normal;font-weight:600;font-variant-numeric:tabular-nums}
.year{display:grid;grid-template-columns:repeat(2,1fr);gap:28px 24px;border-top:2px solid var(--ink);padding-top:22px}
.year b{display:block;font-family:var(--display);font-stretch:72%;font-weight:850;font-size:clamp(44px,5vw,64px);line-height:1;font-variant-numeric:tabular-nums}
.year span{display:block;margin-top:8px;color:var(--muted);font-size:15px;max-width:24ch}
.ways{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:40px}
.way{border-top:3px solid var(--ink);padding-top:18px;display:flex;flex-direction:column;gap:10px}
.way:first-child{border-color:var(--red)}
.way h3{margin:0;font-family:var(--display);font-stretch:80%;font-weight:800;font-size:26px;line-height:1.05}
.way p{color:var(--muted);font-size:15.5px}
.way .btn{align-self:flex-start;margin-top:6px}
.btn-ink{background:var(--ink);color:var(--bg)}
.placeholder{font-size:13.5px;border:1px dashed var(--red);color:var(--red);padding:10px 12px}
.giftaid{background:var(--surface);border-block:1px solid var(--line)}
.ga{display:grid;grid-template-columns:auto 1fr;gap:clamp(24px,5vw,64px);align-items:center}
.ga-num{font-family:var(--display);font-stretch:72%;font-weight:850;font-size:clamp(88px,13vw,168px);line-height:.85;color:var(--green)}
.ga p{max-width:60ch;margin-top:12px;color:var(--muted)}
.ga p:first-of-type{color:var(--ink);font-size:19px;margin-top:0}
.involve{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:40px}
.involve article{background:var(--bg);padding:28px 26px;display:flex;flex-direction:column;gap:10px}
.involve h3{margin:0;font-size:20px}
.involve p{color:var(--muted);font-size:15.5px}
.involve ul{margin:4px 0 0;padding-inline-start:18px;color:var(--muted);font-size:15.5px}
.email{font-weight:600;user-select:all}
.final{background:var(--hero-bg);color:var(--hero-ink);text-align:start}
.final h2{font-size:clamp(40px,6vw,76px)}
@media (max-width:900px){
  .costs{grid-template-columns:repeat(2,1fr)}
  .split,.ga,.involve{grid-template-columns:1fr}
  .ways{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){.costs,.ways,.year{grid-template-columns:1fr}.hubbar div{font-size:0;padding:0}}

/* shared inner pages */
.prose{max-width:66ch}
.prose p{margin-top:1.1em;color:var(--muted)}
.prose p:first-child{margin-top:0;color:var(--ink);font-size:19px}
.statement{font-family:var(--display);font-stretch:85%;font-weight:700;font-size:clamp(28px,3.6vw,44px);line-height:1.12;text-wrap:balance;max-width:24ch}
.statement em{font-style:normal;color:var(--red)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:start}
.timeline{list-style:none;margin:36px 0 0;padding:0;border-top:2px solid var(--ink)}
.timeline li{display:grid;grid-template-columns:180px 1fr;gap:24px;padding:20px 0;border-bottom:1px solid var(--line);align-items:baseline}
.timeline b{font-family:var(--display);font-stretch:72%;font-weight:850;font-size:34px;line-height:1;font-variant-numeric:tabular-nums}
.timeline li:last-child b{color:var(--green)}
.timeline span{font-size:17px}
.person{display:grid;grid-template-columns:260px 1fr;gap:32px;align-items:start;margin-top:36px}
.person .ph,.person .portrait{aspect-ratio:4/5}
.person .portrait{width:100%;height:auto;object-fit:cover;display:block;max-width:100%}
.person h3{margin:0;font-family:var(--display);font-stretch:80%;font-weight:800;font-size:34px;line-height:1}
.person .role{color:var(--red);font-weight:600;margin-top:6px}
.person p{color:var(--muted);margin-top:14px;max-width:60ch}
.partners{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;padding:0;list-style:none}
.partners li{border:1px solid var(--line);background:var(--surface);padding:8px 14px;font-weight:600;font-size:15px}
.jump{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:28px;list-style:none;padding:0}
.jump a{color:var(--hero-ink);font-weight:600;text-decoration-color:var(--red);text-underline-offset:5px}
.work{border-bottom:1px solid var(--line);scroll-margin-top:120px}
.work-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(28px,5vw,72px);align-items:start}
.work:nth-of-type(even) .work-grid{grid-template-columns:1.15fr .85fr}
.work:nth-of-type(even) .work-grid > .ph{order:2}
.work .ph{aspect-ratio:4/5;position:sticky;top:130px}
.work .tag{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin:0 0 12px}
.work h2{font-size:clamp(40px,5.5vw,64px)}
.work .prose{margin-top:22px}
.impact{list-style:none;padding:0;margin:28px 0 0;display:grid;grid-template-columns:repeat(2,1fr);border-top:2px solid var(--ink)}
.impact li{padding:16px 16px 16px 0;border-bottom:1px solid var(--line)}
.impact b{display:block;font-family:var(--display);font-stretch:72%;font-weight:850;font-size:40px;line-height:1;font-variant-numeric:tabular-nums;color:var(--green)}
.impact span{display:block;margin-top:6px;color:var(--muted);font-size:15px}
.ahead{margin-top:24px;padding:18px 20px;background:var(--surface);border:1px solid var(--line)}
.ahead strong{display:block;font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px}
.ahead p{color:var(--muted)}
.mini-quote{margin:28px 0 0;padding-inline-start:18px;border-inline-start:3px solid var(--red)}
.mini-quote p{font-size:18px}
.mini-quote cite{display:block;margin-top:8px;font-style:normal;color:var(--muted);font-size:14px}
.press-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:40px}
.story{background:var(--bg);padding:28px 26px 30px;display:flex;flex-direction:column;gap:10px}
.story .outlet{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.story .kind{color:var(--muted);font-weight:500;letter-spacing:.06em}
.story h3{margin:0;font-family:var(--display);font-stretch:85%;font-weight:750;font-size:clamp(24px,2.6vw,30px);line-height:1.1;text-wrap:balance}
.story p{color:var(--muted);font-size:15.5px}
.story a.more{margin-top:auto;padding-top:8px;font-weight:600;text-decoration-color:var(--red);text-underline-offset:5px}
.story:first-child{grid-column:1/-1;background:var(--hero-bg);color:var(--hero-ink)}
.story:first-child h3{font-size:clamp(32px,4.4vw,52px)}
.story:first-child p{color:var(--hero-muted)}
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:40px}
.quotes figure{margin:0;border-top:3px solid var(--ink);padding-top:18px}
.quotes figure:first-child{border-color:var(--red)}
.quotes blockquote{margin:0;font-size:18px;line-height:1.5}
.quotes figcaption{margin-top:14px;font-weight:600;font-size:15px}
.quotes figcaption span{display:block;color:var(--muted);font-weight:400}
@media (max-width:900px){
  .two,.work-grid,.work:nth-of-type(even) .work-grid,.person,.press-grid,.quotes{grid-template-columns:1fr}
  .work:nth-of-type(even) .work-grid > .ph{order:0}
  .work .ph{position:static;aspect-ratio:16/10}
  .person .ph{max-width:260px}
  .timeline li{grid-template-columns:1fr;gap:6px}
}
@media (max-width:520px){.impact{grid-template-columns:1fr}}

.video-embed{position:relative;aspect-ratio:16/9;width:100%;max-width:100%;background:var(--hero-bg)}
.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}

.work .work-img{aspect-ratio:4/5;width:100%;height:auto;object-fit:cover;display:block;max-width:100%;position:sticky;top:130px}
.work:nth-of-type(even) .work-grid > .work-img{order:2}
.region .region-img{aspect-ratio:3/4;width:100%;height:auto;object-fit:cover;display:block;max-width:100%;margin-bottom:18px}
@media (max-width:900px){.work .work-img{position:static;aspect-ratio:16/10}.work:nth-of-type(even) .work-grid > .work-img{order:0}}
@media (max-width:520px){.region .region-img{aspect-ratio:16/10}}

.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.gallery img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;display:block;max-width:100%}
@media (max-width:900px){.gallery{grid-template-columns:repeat(2,1fr)}}

.hero .hero-img{aspect-ratio:4/5;width:100%;height:auto;object-fit:cover;display:block;max-width:100%}
.strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:clamp(28px,4vw,48px)}
.strip img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block;max-width:100%}
.band{display:block;width:100%;height:auto;max-width:100%;aspect-ratio:16/7;object-fit:cover}
@media (max-width:900px){.hero .hero-img{aspect-ratio:16/10}.strip{grid-template-columns:1fr 1fr}.strip img:last-child{grid-column:1/-1;aspect-ratio:16/9}.band{aspect-ratio:4/3}}

.hero-grid{align-items:center}
.hero-grid > *{min-width:0}
.hero h1{font-size:clamp(52px,9vw,128px);overflow-wrap:break-word}

/* video homepage */
.vhero{position:relative;overflow:hidden;background:var(--hero-bg);color:var(--hero-ink);min-height:min(88vh,860px);display:flex;align-items:flex-end}
.vhero-media{position:absolute;inset:0;overflow:hidden}
.vhero-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none}
.vhero-frame iframe{position:absolute;top:50%;left:50%;width:177.78vh;height:56.25vw;min-width:100%;min-height:100%;transform:translate(-50%,-50%) scale(1.25);border:0;pointer-events:none}
.vhero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,14,13,.35) 0%,rgba(13,14,13,.45) 45%,rgba(13,14,13,.88) 100%)}
.vhero-content{position:relative;z-index:1;width:100%;padding-block:clamp(120px,22vh,240px) clamp(40px,6vw,72px)}
.vhero-content > div{max-width:820px}
.vhero h1{font-size:clamp(52px,9vw,128px);color:#fff}
.vhero h1 .accent{color:var(--hero-red)}
.vhero p{color:rgba(255,255,255,.82);max-width:60ch;margin-top:16px;text-shadow:0 1px 12px rgba(0,0,0,.5)}
.vhero p:first-of-type{color:#fff;font-size:19px;margin-top:26px}
.vhero .btn-ghost{color:#fff}
.vhero-toggle{position:absolute;z-index:2;right:max(16px,env(safe-area-inset-right,0px));bottom:16px;background:rgba(0,0,0,.55);color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:6px 14px;font:600 13px var(--body);cursor:pointer}
[dir="rtl"] .vhero-toggle{right:auto;left:max(16px,env(safe-area-inset-left,0px))}
.draft a{color:#fff;text-underline-offset:3px}

.donate-grid{grid-template-columns:1fr}

/* ---- October update ---- */
.regions{grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){.regions{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.regions{grid-template-columns:1fr}}
figure{margin:0}
.fig,.work-fig,.band-fig,.strip figure{position:relative;margin:0}
.region .fig{margin-bottom:18px}
.region .fig .region-img{margin-bottom:0}
.credit{position:absolute;right:8px;bottom:8px;font-size:11px;line-height:1.3;color:#fff;background:rgba(0,0,0,.55);padding:3px 7px;border-radius:2px;max-width:calc(100% - 16px)}
figcaption.credit{position:static;display:inline-block;margin-top:8px;background:none;color:var(--muted);padding:0;font-size:12.5px}
.work-fig figcaption.credit,.strip figcaption.credit{position:absolute;margin:0;background:rgba(0,0,0,.55);color:#fff;padding:3px 7px;font-size:11px}
/* hero: still photo version uses the same full-width layout as the video */
.vhero-still .vhero-poster{object-position:center 40%}
/* Our Work */
.place-head{background:var(--hero-bg);color:var(--hero-ink);padding-block:clamp(40px,6vw,64px)}
.place-head .tag{color:var(--hero-red)}
.place-head h2{font-size:clamp(40px,6vw,72px)}
.jump-light{margin-top:20px}
.work .work-grid{grid-template-columns:1fr 1fr;align-items:start}
.work:nth-of-type(even) .work-grid{grid-template-columns:1fr 1fr}
.work .work-fig{position:sticky;top:130px}
.work .work-img{aspect-ratio:3/2;width:100%;height:auto;object-fit:cover;display:block;max-width:100%;position:static;background:var(--hero-bg)}
.work:nth-of-type(even) .work-grid > .work-fig{order:2}
.impact-label{margin:24px 0 0;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.impact-label + .impact{margin-top:8px}
.strip{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.strip img{aspect-ratio:3/2}
.strip figure img{width:100%;height:auto;object-fit:cover;display:block;max-width:100%}
@media (max-width:900px){
  .work .work-grid,.work:nth-of-type(even) .work-grid{grid-template-columns:1fr}
  .work:nth-of-type(even) .work-grid > .work-fig{order:0}
  .work .work-fig{position:static}
  .strip img:last-child{aspect-ratio:3/2}
}
/* logo bands */
.logo-band{background:var(--hero-bg);color:var(--hero-ink);padding-block:clamp(36px,5vw,56px)}
.logo-band .eyebrow{color:var(--hero-muted)}
.logo-row{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:28px 44px}
.logo-row li{display:flex;align-items:center;height:56px}
.logo-row img{max-height:48px;max-width:180px;width:auto;height:auto;opacity:.88;display:block}
.logo-row img[alt="SIM São Paulo"],.logo-row img[alt="Levantine Music"]{max-height:22px;max-width:240px}
.logo-row img[alt="Amos Trust"]{max-height:28px}
.more-link{display:inline-block;margin-top:22px;color:var(--hero-ink);font-weight:600;text-decoration-color:var(--hero-red);text-underline-offset:5px}
/* press thumbnails */
.thumb{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;background:#161816;margin:-28px -26px 8px;overflow:hidden}
.story:first-child .thumb{background:#1f221f}
.thumb-logo{max-width:46%;max-height:40%;width:auto;height:auto;opacity:.9}
.thumb-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none}
.story:first-child .thumb{aspect-ratio:21/9}
/* donate */
.band-fig{position:relative}
.btn-sm{padding:9px 16px;font-size:14px}
.email-note{font-size:13.5px;color:var(--muted);margin-top:4px;user-select:all}
.year > div:last-child:nth-child(odd){grid-column:1/-1}
.logo-band{background:#1b1d1b;border-block:1px solid #2a2d29}
.btn-sm{align-self:flex-start}

/* ---- Second update ---- */
/* stats: each number gets its own short line; red, black, green rhythm */
.stats{grid-template-columns:repeat(5,1fr);gap:0 28px;border-top:0}
.stat,.stat:last-child{padding:16px 0 0;border:0;border-top:3px solid var(--ink)}
.stat:nth-child(3n+1){border-top-color:var(--red)}
.stat:nth-child(3n+3){border-top-color:var(--green)}
.stat:nth-child(1) b,.stat b{color:var(--ink)}
.impact{gap:0 24px;border-top:0}
.impact li{padding:14px 0 16px;border:0;border-top:3px solid var(--ink)}
.impact li:nth-child(3n+1){border-top-color:var(--red)}
.impact li:nth-child(3n+3){border-top-color:var(--green)}
.impact b{color:var(--ink)}
.impact li:last-child:nth-child(odd){grid-column:1/-1}
.year{border-top:0;padding-top:0;gap:24px 24px}
.year > div{border-top:3px solid var(--ink);padding-top:14px}
.year > div:nth-child(3n+1){border-top-color:var(--red)}
.year > div:nth-child(3n+3){border-top-color:var(--green)}
@media (max-width:900px){
  .stats{grid-template-columns:repeat(2,1fr);gap:24px 24px}
  .stat,.stat:last-child{border-bottom:0;padding-bottom:0}
  .stat:last-child:nth-child(odd){grid-column:1/-1}
}
/* quotes and ways to give */
.quotes figure:nth-child(1){border-top-color:var(--red)}
.quotes figure:nth-child(2){border-top-color:var(--ink)}
.quotes figure:nth-child(3){border-top-color:var(--green)}
.way:nth-child(4n+1){border-color:var(--red)}
.way:nth-child(4n+2){border-color:var(--ink)}
.way:nth-child(4n+3){border-color:var(--green)}
.way:nth-child(4n+4){border-color:var(--red)}
/* hub bar with legend underneath */
.hubbar{height:20px;border:0;gap:3px}
.hub-legend{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px;font-weight:600}
.hub-legend li{display:flex;align-items:center;gap:7px}
.hub-legend i{width:12px;height:12px;display:block}
/* logos: one row on desktop, balanced sizes */
.logo-row{gap:24px 36px;justify-content:space-between}
.logo-row li{height:52px}
.logo-row img{max-height:44px;max-width:170px}
.logo-row img[alt="Amos Trust"]{max-height:26px;max-width:190px}
.logo-row img[alt="Institut Français"]{max-height:42px}
.logo-row img[alt="A M Qattan Foundation"]{max-height:46px}
.logo-row img[alt="EMPIRE"],.logo-row img[alt="Cooking Vinyl"]{max-height:46px}
.logo-row img[alt="SIM São Paulo"]{max-height:32px;max-width:170px}
.logo-row img[alt="Levantine Music"]{max-height:18px;max-width:200px}
.logo-row img[alt="The Guardian"]{max-height:38px}
.logo-row img[alt="Le Monde"]{max-height:30px;max-width:150px}
.logo-row img[alt="BBC Culture"]{max-height:40px}
.logo-row img[alt="Al Jazeera"]{max-height:50px}
.logo-row img[alt="PBS NewsHour"]{max-height:40px}
.logo-row img[alt="Middle East Eye"]{max-height:38px}
.logo-row img[alt="The Arts Desk"]{max-height:20px;max-width:170px}
@media (max-width:900px){.logo-row{justify-content:center;gap:22px 30px}}
/* get involved boxes: same pattern, buttons level at the bottom */
.involve article{gap:10px}
.box-foot{margin-top:auto;padding-top:8px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.box-foot form{width:100%}
.email-note{margin:0}
.socials{list-style:none;margin:0;padding:0;display:flex;gap:8px}
.btn-icon{width:40px;height:40px;padding:0;justify-content:center;font-size:17px}
/* press thumbnail credit */
.thumb .credit{position:absolute;right:8px;bottom:8px}
.involve ul.socials{padding:0;margin:0}
.way > .btn{margin-top:auto}
.way > .btn + .email-note{margin-top:-4px}
.prose p.signoff{margin-top:1.4em;font-family:var(--display);font-stretch:80%;font-weight:850;font-size:clamp(26px,3vw,36px);line-height:1.1;color:var(--red);text-wrap:balance}

/* ---- Arabic (right-to-left) ---- */
.lang{text-decoration:none;display:inline-flex;align-items:center}
@media (max-width:900px){nav + .lang{margin-inline-start:auto}}
[dir="rtl"] body,[dir="rtl"] .display,[dir="rtl"] .statement,[dir="rtl"] .quote blockquote,[dir="rtl"] .way h3,[dir="rtl"] .region h3,[dir="rtl"] .hub-list strong,[dir="rtl"] .person h3,[dir="rtl"] .story h3,[dir="rtl"] .prose p.signoff,[dir="rtl"] .btn,[dir="rtl"] input{font-family:"Noto Kufi Arabic","Geeza Pro",Tahoma,sans-serif;font-stretch:normal}
[dir="rtl"] .display{line-height:1.35;letter-spacing:0}
[dir="rtl"] .vhero h1,[dir="rtl"] .d-hero h1{font-size:clamp(40px,6.5vw,88px);line-height:1.3}
[dir="rtl"] h2.display,[dir="rtl"] .work h2,[dir="rtl"] .place-head h2{font-size:clamp(32px,4.6vw,56px)}
[dir="rtl"] .eyebrow,[dir="rtl"] .tag,[dir="rtl"] .impact-label,[dir="rtl"] footer h4,[dir="rtl"] .hub-legend{letter-spacing:0;text-transform:none}
[dir="rtl"] .quote blockquote::before{content:"«"}
[dir="rtl"] .story h3{unicode-bidi:plaintext;text-align:right}
[dir="rtl"] .stat b,[dir="rtl"] .impact b,[dir="rtl"] .year b,[dir="rtl"] .cost b{font-family:var(--display);direction:ltr;unicode-bidi:isolate;text-align:right}
[dir="rtl"] .prose p,[dir="rtl"] p{line-height:1.85}
[dir="rtl"] .credit{right:auto;left:8px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
[dir="rtl"] .email-note{direction:ltr;unicode-bidi:isolate;text-align:right}
.news > div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.news-note{color:var(--muted);max-width:46ch}
.legal a{color:inherit;text-underline-offset:3px}
/* privacy and 404 pages */
.legal-page .prose{max-width:70ch}
.legal-page h2{font-family:var(--display);font-stretch:85%;font-weight:800;font-size:24px;margin:1.6em 0 .4em}
.legal-page .prose ul{color:var(--muted);padding-inline-start:20px}
.legal-page .prose li{margin-bottom:6px}
.legal-page .prose p:first-child{color:var(--muted);font-size:17px}
.brevo-form{width:100%;max-width:540px}
.brevo-form iframe{display:block;width:100%;height:305px;border:0;background:transparent}
.involve .brevo-form iframe{height:320px}
.logo-text{font-family:var(--display);font-stretch:85%;font-weight:800;font-size:19px;letter-spacing:.02em;color:var(--hero-ink);opacity:.88;white-space:nowrap}
.logo-band[aria-label="Our partners"] .logo-row{justify-content:center;gap:22px 44px}

/* ---- Newsletter sign-up (Brevo form restyled) ---- */
:where(.sib-form-message-panel){display:none}
.news{align-items:center}
.news > div:first-child .news-note{margin-top:14px}
.news > div:last-child{display:block}
.pmx-signup.sib-form{width:100%;padding:0;margin:0;background:none;text-align:left;font-family:var(--body)}
.pmx-signup .sib-form-container,.pmx-signup #sib-container{max-width:none;width:100%;margin:0;padding:0;background:none;border:0;box-shadow:none}
.pmx-signup .sib-form-block,.pmx-signup .form__entry,.pmx-signup .entry__field,.pmx-signup .form__label-row{margin:0;padding:0;border:0;background:none;box-shadow:none}
.pmx-row{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}
.pmx-row > .sib-input{flex:1 1 240px;min-width:0}
.pmx-signup input.input{display:block;width:100%;height:50px;padding:0 14px;box-sizing:border-box;border:2px solid var(--ink);border-radius:2px;background:var(--surface);color:var(--ink);font:16px var(--body)}
.pmx-signup input.input::placeholder{color:var(--muted);font-family:var(--body)}
.pmx-signup button{height:50px;padding:0 26px;border:0;border-radius:2px;background:var(--ink);color:var(--bg);font:600 15px var(--body);cursor:pointer;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.pmx-signup button:hover{opacity:.9}
.pmx-signup .clickable__icon{width:16px;height:16px;fill:currentColor}
.pmx-signup .sib-hide-loader-icon{display:none}
.pmx-signup .sib-captcha{margin-top:12px}
.pmx-signup .entry__error{display:block;margin:6px 0 0;padding:0;border:0;background:none;color:var(--red);font:14px var(--body)}
.pmx-signup .entry__error:empty{display:none}
.pmx-consent{margin-top:12px;font-size:13px;line-height:1.5;color:var(--muted);max-width:62ch}
.pmx-consent a{color:inherit;text-underline-offset:3px}
.pmx-msg{margin:0 0 12px;padding:12px 14px;border:0;border-radius:2px;font:15px var(--body);max-width:none}
.pmx-msg .sib-icon{display:none}
.pmx-msg-ok{background:#E7F6EE;color:#0B5A2F;border-inline-start:4px solid var(--green)}
.pmx-msg-error{background:#FBECEB;color:#7A1712;border-inline-start:4px solid var(--red)}
.input--hidden{display:none!important}
[dir="rtl"] .pmx-signup{text-align:right}
[dir="rtl"] .pmx-signup input.input{text-align:right}
@media (max-width:520px){.pmx-signup button{width:100%;justify-content:center}}
.pmx-signup form#sib-form{display:block;width:100%}

.logo-row img[alt="Edward Said National Conservatory of Music"]{max-height:56px}
.logo-row img[alt="Sabreen Association for Artistic Development"]{max-height:44px}

/* Supporter badge */
.support-lede{max-width:62ch;color:var(--muted);margin-top:14px}
.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:40px}
.support-item{background:var(--bg);padding:28px 26px;display:flex;flex-direction:column;gap:18px}
.support-item h3{margin:0 0 6px;font-size:20px}
.support-item p{margin:0 0 10px}
.support-badge{width:220px;max-width:100%;height:auto;display:block;border:1px solid var(--line)}
.sig-preview{background:#fff;border:1px solid var(--line);padding:18px;min-height:220px;display:flex;align-items:center}
.sig-preview img{max-width:100%}
.support-tips{margin:0 0 16px;padding-inline-start:20px;line-height:1.6}
.support-tips li{margin-bottom:4px}
.support-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:6px}
.support-item .btn-ghost{color:var(--ink)}
@media (max-width:900px){.support-grid{grid-template-columns:1fr}.sig-preview{min-height:0}}
.support-actions{align-items:stretch}.support-actions .btn{align-self:stretch;display:inline-flex;align-items:center;border:2px solid var(--ink)}