/* STOP HONOR KILLINGS — standalone RTL landing page */
:root {
  --purple:#5d3389;
  --purple-deep:#492575;
  --purple-medium:#8050a4;
  --ink:#2d1450;
  --muted:#645b6b;
  --orange:#f86c27;
  --orange-light:#ffb24b;
  --cream:#fffaf5;
  --surface:#fff;
  --container:1200px;
  --radius:22px;
  --shadow:0 18px 55px rgba(48,21,54,.13);
}
*,*::before,*::after {box-sizing:border-box}
html {scroll-behavior:smooth;scroll-padding-top:80px}
body {margin:0;overflow-x:hidden;background:var(--cream);color:var(--ink);font-family:Tahoma,"Noto Sans Arabic","Noto Naskh Arabic",Arial,sans-serif;line-height:1.85;text-rendering:optimizeLegibility}
a {color:inherit;text-decoration:none}
img {max-width:100%;height:auto}
button {font:inherit}
button,a {-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible {outline:3px solid var(--orange-light);outline-offset:4px}
.container {width:min(calc(100% - 72px),var(--container));margin-inline:auto}
.skip-link {position:fixed;top:-100px;right:15px;z-index:999;color:var(--purple);background:#fff;border-radius:10px;padding:10px 18px}
.skip-link:focus {top:10px}

/* Navigation */
.site-header {position:relative;z-index:50;background:#542a82;color:#fff;box-shadow:0 3px 16px rgba(0,0,0,.12)}
.site-header.is-scrolled {box-shadow:0 10px 32px rgba(0,0,0,.18)}
.header-shell {max-width:1380px;min-height:77px;margin:auto;padding:7px 42px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;direction:ltr}
.brand {display:flex;align-items:center;gap:8px;direction:ltr;justify-self:start;white-space:nowrap}
.brand img {width:56px;height:56px;object-fit:contain;flex:none}
.brand-text {display:flex;flex-direction:column;line-height:1.55;direction:rtl;text-align:right;font-weight:800;font-size:13px}
.brand-text>span:last-child {direction:ltr;text-align:left;font-family:Arial,sans-serif;font-weight:800;font-size:13px;letter-spacing:-.03em}
.brand-text em {font-style:normal;color:#c7bad5}
.desktop-nav {display:flex;justify-content:center;align-items:center;gap:clamp(12px,1.8vw,27px);direction:rtl;font-size:13px;font-weight:600;white-space:nowrap}
.desktop-nav a {position:relative;padding:12px 0;color:rgba(255,255,255,.88);transition:color .2s}
.desktop-nav a::after {content:"";position:absolute;right:0;left:0;bottom:5px;height:2px;transform:scaleX(0);background:var(--orange);transition:transform .2s}
.desktop-nav a:hover,.desktop-nav a.active {color:#fff}
.desktop-nav a:hover::after,.desktop-nav a.active::after {transform:scaleX(1)}
.header-actions {justify-self:end;display:flex;align-items:center;gap:11px}
.languages,.footer-languages {display:flex;align-items:center;gap:8px;direction:rtl}
.lang {display:inline-flex;justify-content:center;align-items:center;min-height:33px;min-width:72px;padding:4px 12px;border:1px solid #9762b5;border-radius:999px;color:#fff;font-size:12px;font-weight:600;line-height:1.3;transition:background .2s,border-color .2s,transform .2s}
.lang.active {border-color:var(--orange);background:linear-gradient(120deg,#ef541f,#ff8c27)}
.lang:hover {border-color:#f9a977;background:#6f327f;transform:translateY(-2px)}
.lang.active:hover {background:#ec6620}
.menu-toggle {display:none;width:41px;height:40px;border:1px solid #b68fd1;background:#6a4194;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.menu-toggle span {width:20px;height:2px;background:#fff;border-radius:2px}
.mobile-menu[hidden] {display:none!important}
.mobile-menu {display:none}

/* Cinematic hero */
.hero {position:relative;isolation:isolate;display:grid;place-items:center;min-height:630px;overflow:hidden;color:#fff;text-align:center;background:radial-gradient(ellipse at 50% 18%,#bb8de0 0%,#9867c7 42%,#6e43a7 85%)}
.hero::before {content:"";position:absolute;inset:0;z-index:-3;background:radial-gradient(ellipse at 24% 22%,rgba(255,174,112,.33),transparent 38%),linear-gradient(90deg,rgba(78,35,123,.02),rgba(90,42,138,.05) 30%,rgba(78,35,123,.08) 70%,rgba(63,26,103,.1))}
.hero-art {position:absolute;z-index:-2;pointer-events:none;top:0;bottom:0;opacity:.94}
.hero-art-left {width:39%;left:0;background:url("hero-woman.webp") 47% center/cover no-repeat;filter:brightness(1.12) saturate(1.06);mask-image:linear-gradient(to right,#000 35%,transparent 84%)}
.hero-art-right {width:35%;right:0;background:url("hero-voices.webp") center center/cover no-repeat;opacity:.40;filter:brightness(1.08) saturate(1.02);mask-image:linear-gradient(to left,#000 30%,transparent 100%)}
.hero-glow {position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse 56% 65% at 51% 58%,rgba(153,104,202,.34),rgba(122,73,179,.24) 49%,transparent 100%),linear-gradient(to bottom,transparent 65%,rgba(93,53,145,.12));}
.hero-inner {position:relative;max-width:840px;padding:44px 24px 100px;display:flex;flex-direction:column;align-items:center}
.hero-identity {display:flex;flex-direction:column;align-items:center;line-height:1.4;filter:drop-shadow(0 5px 12px rgba(30,0,43,.18))}
.hero-identity img {width:130px;height:130px;object-fit:contain;animation:logoIn .9s both}
.identity-fa {font-weight:800;font-size:17px;margin-top:3px}
.identity-line {width:201px;height:3px;margin:2px 0 3px;background:linear-gradient(90deg,transparent,var(--orange-light) 10%,var(--orange) 50%,var(--orange-light) 90%,transparent)}
.identity-en {font:800 17px/1.2 Arial,sans-serif;letter-spacing:-.02em}
.identity-en span {color:#c6b7cf}
.hero-kicker {color:#fff2ff;margin:30px 0 8px;font-size:clamp(19px,2.25vw,29px);font-weight:800;line-height:1.7;letter-spacing:0;text-shadow:0 4px 18px rgba(41,11,68,.35)}
.hero-lead {margin:24px 0 22px;max-width:680px;font-size:clamp(13px,1.3vw,17px);line-height:2.12;color:#fffafc;text-shadow:0 3px 12px rgba(20,0,28,.22)}
.hero-buttons,.support-buttons {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:13px}
.btn {min-height:48px;min-width:160px;padding:10px 23px;display:inline-flex;align-items:center;justify-content:center;gap:14px;border-radius:999px;border:1.5px solid transparent;font-size:14px;font-weight:800;line-height:1.4;transition:transform .25s,box-shadow .25s,background .25s,border-color .25s}
.btn:hover {transform:translateY(-4px)}
.btn:active {transform:translateY(-1px)}
.btn-primary {background:linear-gradient(110deg,#ffae33,#f65e22 75%);color:#fff;border-color:rgba(255,154,65,.4);box-shadow:0 10px 30px rgba(218,60,17,.25)}
.btn-primary:hover {background:linear-gradient(110deg,#ffbf51,#f36d26);box-shadow:0 14px 30px rgba(255,117,49,.32)}
.btn-outline {border-color:rgba(255,255,255,.92);color:#fff;background:rgba(51,11,74,.35);backdrop-filter:blur(5px)}
.btn-outline:hover {background:rgba(255,255,255,.14)}
.btn-purple-outline {border-color:#bd60da;color:#fff;background:rgba(41,8,59,.28)}
.btn-purple-outline:hover {background:rgba(146,74,165,.25)}
.scroll-hint {position:absolute;bottom:57px;left:50%;transform:translateX(-50%);width:26px;height:35px;border:1px solid rgba(255,255,255,.24);border-radius:18px;opacity:.55}
.scroll-hint span {position:absolute;top:8px;left:11px;width:3px;height:8px;border-radius:3px;background:#fff;animation:scrollDown 2.3s infinite}
@keyframes logoIn {from{opacity:0;transform:translateY(13px) scale(.9)}to{opacity:1;transform:none}}
@keyframes scrollDown {0%{transform:translateY(0);opacity:0}30%{opacity:1}80%,100%{transform:translateY(12px);opacity:0}}

/* Mission / feature strip */
.pillars-wrap {position:relative;z-index:5;margin-top:-50px;padding:0 0 45px}
.pillars {width:min(calc(100% - 72px),var(--container));margin:auto;display:grid;grid-template-columns:repeat(3,1fr);background:#fff9f7;border:1px solid rgba(134,86,107,.09);border-radius:22px;box-shadow:0 18px 52px rgba(81,30,72,.12);overflow:hidden}
.pillar {min-height:140px;padding:24px 26px;display:flex;gap:15px;align-items:center;position:relative}
.pillar:not(:last-child)::after {content:"";position:absolute;left:0;width:1px;height:67%;background:#eadce5}
.pillar-icon {width:72px;height:72px;flex:none;border-radius:50%;display:grid;place-items:center;background:#f9e4d8;color:#b04434}
.pillar-icon svg {width:44px;height:44px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.pillar-icon.icon-people {background:#f2e7fc;color:#5b2391}
.pillar-icon.icon-voice {background:#f4e9fb;color:#693394}
.pillar h2 {margin:0 0 4px;font-size:16px;line-height:1.6}
.pillar p {margin:0;color:#54455b;font-size:12px;line-height:1.95}

/* Shared sections */
.section-space {padding:70px 0 90px}
.section-title {margin:0;color:var(--ink);font-size:clamp(28px,3.1vw,43px);line-height:1.55;font-weight:900}
.section-title span {color:var(--ink)}
.section-title.light {color:#fff}
.section-title.light span {color:#fff}
.eyebrow {margin:0 0 7px;color:#b96e48;letter-spacing:.02em;font-size:12px;font-weight:800}
.eyebrow.light {color:#fdb47c}
.accent-rule {height:4px;width:75px;margin:5px 0 26px;background:linear-gradient(90deg,var(--orange),#ffb14c);border-radius:5px}
.text-link {display:inline-flex;align-items:center;gap:12px;margin-top:16px;border:1.5px solid var(--purple);border-radius:999px;padding:9px 23px;font-size:14px;font-weight:800;transition:background .2s,color .2s,transform .2s}
.text-link:hover {background:var(--purple);color:#fff;transform:translateY(-2px)}

/* About */
.about-section {position:relative;background:linear-gradient(120deg,#fff5ec,#fffdfb 63%,#fffaf7);overflow:hidden}
.content-grid {display:grid;grid-template-columns:1fr 1.16fr;min-height:340px;gap:60px;align-items:center}
.about-copy {max-width:545px;justify-self:start}
.about-copy p:not(.eyebrow) {font-size:15px;line-height:2.45;color:#433451;margin:0 0 12px}
.about-visual {height:350px;align-self:stretch;position:relative;background:url('about-women.webp') center 62%/cover no-repeat;border-radius:22px;box-shadow:var(--shadow);overflow:hidden}
.about-visual::after {content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(255,243,229,.04),rgba(50,15,48,.07))}
.visual-bloom {position:absolute;border:2px solid rgba(248,140,52,.25);border-radius:80% 20% 70% 30%;width:130px;height:70px;transform:rotate(30deg);pointer-events:none}
.visual-bloom.one {top:-35px;left:0}
.visual-bloom.two {bottom:-45px;right:30px}

/* Activities */
.activities-section {background:#fffbf8}
.center-heading {display:flex;align-items:center;flex-direction:column;text-align:center;margin-bottom:30px}
.center-heading .accent-rule {margin-bottom:7px}
.section-subtitle {font-size:14px;color:#75677d;margin:0}
.activity-cards {display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.activity-card {border-radius:19px;padding:23px 27px 25px;text-align:center;min-height:330px;box-shadow:0 10px 23px rgba(71,28,64,.07);border:1px solid rgba(121,62,102,.05);transition:transform .28s,box-shadow .28s;overflow:hidden}
.activity-card:hover {transform:translateY(-7px);box-shadow:0 24px 36px rgba(71,28,64,.12)}
.activity-card.awareness {background:linear-gradient(155deg,#f0e5fc,#eaddf9)}
.activity-card.research {background:linear-gradient(155deg,#fff0df,#ffe1ce)}
.activity-card.solidarity {background:linear-gradient(155deg,#f0e6fd,#e8dbf8)}
.activity-art {height:138px;display:grid;place-items:center;margin-bottom:4px}
.activity-art svg {width:100%;max-width:226px;height:135px;filter:drop-shadow(0 6px 6px rgba(52,17,73,.06))}
.activity-card h3 {font-size:19px;line-height:1.6;margin:0 0 8px;font-weight:900}
.activity-card p {font-size:13px;line-height:2.05;color:#4e4059;margin:0}

/* Support */
.support-section {position:relative;min-height:390px;isolation:isolate;background:linear-gradient(115deg,#74469d,#522b7d 75%);color:#fff;display:flex;align-items:center;overflow:hidden}
.support-section::before {content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 20% 40%,rgba(244,150,70,.3),transparent 37%)}
.support-visual {position:absolute;inset:0 auto 0 0;z-index:-1;width:49%;background:url('support-hands.webp') 48% center/cover no-repeat;mask-image:linear-gradient(to right,#000 62%,transparent)}
.support-container {display:flex;justify-content:flex-start;padding-block:53px}
.support-copy {max-width:715px;text-align:right}
.support-copy p:not(.eyebrow) {margin:0 0 27px;color:#f1e6f2;font-size:15px;line-height:2.3}
.support-buttons {justify-content:flex-start;gap:12px}
.support-buttons .btn {min-width:150px;font-size:13px}

/* Quote closing */
.closing-section {position:relative;min-height:200px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(to left,#fff4ee 0%,#ffe2da 57%,#f4bdab 100%)}
.closing-visual {position:absolute;left:0;top:0;bottom:0;width:64%;background:url('hope-sky.webp') 50% 52%/cover no-repeat;mask-image:linear-gradient(to right,#000 58%,transparent 100%)}
.closing-content {position:relative;display:flex;align-items:center;gap:10px;justify-content:flex-start}
.closing-content p {font-size:clamp(20px,2.5vw,30px);line-height:1.9;font-weight:900;margin:0;max-width:620px;text-shadow:0 2px 0 rgba(255,255,255,.4)}
.quote-mark {font-family:Georgia,serif;color:#b99acb;font-size:100px;line-height:.9;transform:rotate(180deg)}

/* Footer */
.site-footer {background:#4c2474;color:#f5eafb;padding:37px 0 12px}
.footer-main {display:grid;grid-template-columns:1.2fr 1fr 1.15fr auto;gap:27px;align-items:center}
.footer-brand {display:flex;gap:9px;align-items:center}
.footer-brand img {width:70px;height:70px;flex:none}
.footer-brand div {display:flex;flex-direction:column;line-height:1.6}
.footer-brand strong {font-size:14px;white-space:nowrap}
.footer-brand span {font:800 13px/1.6 Arial,sans-serif;white-space:nowrap}
.footer-blurb {font-size:12px;color:#e7d5eb;line-height:2;margin:0}
.footer-contact {display:flex;flex-direction:column;gap:1px;font-size:12px;line-height:1.75}
.footer-contact strong {color:#fff;font-size:13px}
.footer-contact a {color:#e9d8ef;transition:color .2s}
.footer-contact a:hover {color:#ffab62}
.footer-languages {gap:6px}
.footer-languages .lang {min-width:61px;padding:6px 10px;font-size:11px}
.footer-bottom {border-top:1px solid rgba(255,255,255,.13);margin-top:28px;padding-top:12px;display:flex;justify-content:space-between;align-items:center;color:#c6b4ce;font-size:11px;direction:ltr}
.footer-bottom a {direction:rtl;color:#eddfef}
.footer-bottom a:hover {color:#ffb76b}

/* Reveals: readable even when JS is unavailable */
.reveal {transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.has-js body .reveal:not(.is-visible) {opacity:0;transform:translateY(24px)}
.reveal.is-visible {opacity:1;transform:translateY(0)}
.pillar:nth-child(2),.activity-card:nth-child(2) {transition-delay:.1s}
.pillar:nth-child(3),.activity-card:nth-child(3) {transition-delay:.19s}

@media(max-width:1150px) {
  .header-shell {padding-inline:23px;gap:12px}
  .desktop-nav {gap:14px;font-size:12px}
  .brand-text {font-size:12px}
  .brand-text>span:last-child {font-size:12px}
  .lang {min-width:58px;padding-inline:9px}
  .pillar {padding:20px 17px}
  .pillar-icon {width:62px;height:62px}
  .pillar h2 {font-size:14px}
  .content-grid {gap:38px}
  .footer-main {grid-template-columns:1.3fr 1fr 1fr;row-gap:20px}
  .footer-languages {grid-column:1/-1;justify-content:center}
}
@media(max-width:920px) {
  .header-shell {grid-template-columns:1fr auto;min-height:72px}
  .desktop-nav {display:none}
  .menu-toggle {display:flex}
  .mobile-menu {display:flex;flex-direction:column;align-items:stretch;gap:0;padding:6px 25px 16px;background:#60338c;box-shadow:0 15px 20px rgba(0,0,0,.16)}
  .mobile-menu a {padding:10px 4px;border-bottom:1px solid rgba(255,255,255,.13);font-size:14px}
  .mobile-menu a:hover {color:#ffbc8b}
  .hero {min-height:620px}
  .hero-art-left {width:47%;opacity:.65}
  .hero-art-right {width:39%;opacity:.26}
  .pillar {padding:15px 12px;gap:9px}
  .pillar-icon {width:54px;height:54px}
  .pillar-icon svg {width:32px;height:32px}
  .pillar h2 {font-size:13px}
  .pillar p {font-size:11px}
  .about-visual {height:330px}
  .support-visual {opacity:.6}
  .support-copy {max-width:650px}
}
@media(max-width:700px) {
  .container,.pillars {width:min(calc(100% - 34px),var(--container))}
  .header-shell {min-height:68px;padding:6px 15px;gap:7px}
  .brand img {width:44px;height:44px}
  .brand-text {font-size:10px}
  .brand-text>span:last-child {font-size:10px}
  .header-actions {gap:8px}
  .languages {gap:4px}
  .languages .lang {min-width:auto;min-height:30px;padding:4px 7px;font-size:10px}
  .menu-toggle {width:35px;height:35px}
  .hero {min-height:650px}
  .hero-art-left {width:87%;opacity:.28;mask-image:linear-gradient(to right,#000 24%,transparent 100%)}
  .hero-art-right {width:65%;opacity:.17}
  .hero-glow {background:radial-gradient(ellipse at 50% 47%,rgba(161,112,213,.28),rgba(124,78,184,.34) 65%,transparent)}
  .hero-inner {padding:36px 20px 120px}
  .hero-identity img {width:120px;height:120px}
  .identity-fa {font-size:16px}
  .identity-en {font-size:16px}
  .hero-lead {font-size:13px;line-height:2.15;margin-bottom:18px}
  .hero-buttons {gap:8px}
  .hero-buttons .btn {min-width:130px;font-size:12px;padding:10px 15px}
  .scroll-hint {bottom:63px}
  .pillars-wrap {margin-top:-49px;padding-bottom:24px}
  .pillars {grid-template-columns:1fr;border-radius:18px}
  .pillar {min-height:auto;padding:16px 21px;gap:18px}
  .pillar:not(:last-child)::after {bottom:0;right:20px;left:20px;width:auto;height:1px}
  .pillar-icon {width:56px;height:56px}
  .pillar h2 {font-size:16px}
  .pillar p {font-size:12px}
  .section-space {padding:52px 0 65px}
  .content-grid {grid-template-columns:1fr;gap:27px}
  .about-copy {max-width:none}
  .about-copy p:not(.eyebrow) {font-size:13px}
  .about-visual {height:250px;grid-row:2}
  .about-section {padding-bottom:40px}
  .section-title {font-size:31px}
  .activity-cards {grid-template-columns:1fr;gap:14px}
  .activity-card {min-height:auto;padding:18px 24px 23px}
  .activity-art {height:124px}
  .activity-art svg {height:122px}
  .section-subtitle {font-size:12px}
  .support-section {min-height:455px}
  .support-visual {width:100%;opacity:.28;mask-image:linear-gradient(to right,#000,transparent)}
  .support-container {padding-block:45px}
  .support-copy p:not(.eyebrow) {font-size:13px}
  .support-buttons {justify-content:flex-start;gap:9px}
  .support-buttons .btn {min-width:0;flex:1 1 43%;font-size:12px;padding:10px 14px}
  .closing-section {min-height:180px}
  .closing-visual {width:100%;opacity:.36}
  .closing-content p {font-size:22px}
  .quote-mark {font-size:70px}
  .site-footer {padding-top:30px}
  .footer-main {grid-template-columns:1fr;gap:14px;justify-items:center;text-align:center}
  .footer-brand {justify-content:center}
  .footer-contact {align-items:center}
  .footer-languages {grid-column:auto;margin-top:7px}
  .footer-bottom {margin-top:20px}
}
@media(max-width:380px) {
  .brand-text {display:none}
  .languages .lang {font-size:10px;padding-inline:10px}
  .hero-buttons {flex-direction:column;width:100%}
  .hero-buttons .btn {width:205px}
}
@media(prefers-reduced-motion:reduce) {
  html {scroll-behavior:auto}
  *,*::before,*::after {animation-duration:.01ms!important;transition-duration:.01ms!important}
  .has-js body .reveal:not(.is-visible) {opacity:1;transform:none}
}