/* =========================================================
   LALEH — MISSION, EQUITY & EVENT UPDATE
   Loaded after all existing site styles.
   ========================================================= */

:root {
  --eq-burgundy:#861438;
  --eq-wine:#64102b;
  --eq-rose:#cf8f9d;
  --eq-blush:#f3dedf;
  --eq-gold:#c39a52;
  --eq-olive:#717348;
  --eq-cream:#fff8f2;
  --eq-ink:#34282d;
}

/* The old language-centred manifesto is replaced by the stronger mission section. */
.manifesto{display:none!important;}

.equity-shell{width:min(1380px,86vw);margin:0 auto;position:relative;z-index:2;}
.equity-kicker{margin:0 0 14px;text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:800;color:var(--eq-burgundy);}

/* ===================== MISSION ===================== */
.equity-mission{
  position:relative;overflow:hidden;padding:108px 0 116px;
  background:
    radial-gradient(circle at 86% 18%,rgba(207,143,157,.30),transparent 23%),
    radial-gradient(circle at 7% 84%,rgba(195,154,82,.18),transparent 20%),
    linear-gradient(132deg,#fff9f4 0%,#f8e9e5 49%,#f3e5da 100%);
}
.equity-mission::before{
  content:"";position:absolute;inset:0;opacity:.18;pointer-events:none;
  background-image:linear-gradient(30deg,transparent 47%,rgba(195,154,82,.24) 48%,rgba(195,154,82,.24) 51%,transparent 52%),linear-gradient(150deg,transparent 47%,rgba(134,20,56,.09) 48%,rgba(134,20,56,.09) 51%,transparent 52%);
  background-size:92px 92px;
  mask-image:linear-gradient(90deg,transparent,black 25%,black 75%,transparent);
}
.equity-mission__tulip{position:absolute;width:620px;height:620px;right:-170px;bottom:-190px;background:url("assets/logo-mark-transparent.png") center/contain no-repeat;opacity:.10;mix-blend-mode:multiply;}
.equity-mission__heading{display:grid;grid-template-columns:1.18fr .82fr;gap:7vw;align-items:end;margin-bottom:58px;}
.equity-mission__heading h2{font-family:var(--serif);font-size:clamp(48px,5.5vw,82px);line-height:1.01;letter-spacing:-.035em;color:#761431;margin:0;max-width:900px;}
.equity-mission__statement{padding:28px 30px;border-radius:24px;background:rgba(255,255,255,.64);border:1px solid rgba(134,20,56,.10);box-shadow:0 24px 60px rgba(81,29,43,.09);backdrop-filter:blur(10px);}
.equity-mission__statement p{margin:0 0 18px;font-size:18px;line-height:1.7;color:#5d4d52;}
.equity-mission__statement strong{display:block;color:#761431;font-family:var(--serif);font-size:23px;line-height:1.35;}

.equity-carousel{border-radius:30px;overflow:hidden;background:linear-gradient(135deg,#7c1434,#9b1e48 58%,#667044);box-shadow:0 28px 70px rgba(99,16,43,.18);color:white;}
.equity-carousel__topline{display:flex;justify-content:space-between;align-items:center;padding:22px 26px;border-bottom:1px solid rgba(255,255,255,.16);}
.equity-carousel__topline p{margin:0;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:800;color:#f4d8df;}
.equity-carousel__controls{display:flex;align-items:center;gap:12px;}
.equity-carousel__controls button{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.08);color:white;font-size:18px;}
.equity-carousel__controls button:hover{background:white;color:var(--eq-burgundy);}
.equity-carousel__controls span{min-width:50px;text-align:center;font-size:12px;color:#f3dfe4;}
.equity-carousel__viewport{position:relative;min-height:360px;}
.equity-slide{display:none;grid-template-columns:70px 95px 1fr;gap:28px;align-items:center;padding:55px 64px 64px;min-height:360px;animation:eqFade .42s ease;}
.equity-slide.is-active{display:grid;}
.equity-slide__number{align-self:start;font-family:var(--serif);font-size:20px;color:#e9c879;}
.equity-slide__icon{width:86px;height:86px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.18);font-size:34px;color:#f0d28f;}
.equity-slide p:first-child{margin:0;color:#efcad4;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800;}
.equity-slide h3{font-family:var(--serif);font-size:clamp(34px,4vw,58px);line-height:1.05;margin:8px 0 14px;max-width:800px;}
.equity-slide p:last-child{margin:0;max-width:840px;font-size:18px;line-height:1.7;color:#faedf0;}
.equity-carousel__dots{display:flex;justify-content:center;gap:9px;padding:0 0 25px;}
.equity-carousel__dots button{width:35px;height:5px;border:0;border-radius:99px;background:rgba(255,255,255,.28);padding:0;}
.equity-carousel__dots button.is-active{background:#efd28f;width:62px;}
@keyframes eqFade{from{opacity:.25;transform:translateX(18px)}to{opacity:1;transform:none}}

/* ===================== ABOUT OVERRIDES ===================== */
.about .about-heading h2{color:#761431;}
.about .pillar-card:nth-child(2) .icon-flower{color:var(--eq-gold);}

/* ===================== WHY LALEH EXISTS ===================== */
.equity-barriers{position:relative;overflow:hidden;padding:112px 0;background:#261d21;color:white;}
.equity-barriers::before{content:"";position:absolute;width:640px;height:640px;left:-250px;top:-190px;background:url("assets/logo-mark-transparent.png") center/contain no-repeat;opacity:.075;filter:grayscale(.1);}
.equity-barriers::after{content:"";position:absolute;right:-130px;bottom:-180px;width:430px;height:600px;border-radius:70% 30% 60% 40%;background:linear-gradient(160deg,rgba(207,143,157,.20),rgba(195,154,82,.07));transform:rotate(19deg);}
.equity-barriers .equity-kicker{color:#e9c36f;}
.equity-barriers__heading{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:end;margin-bottom:52px;}
.equity-barriers__heading h2{font-family:var(--serif);font-size:clamp(48px,5.4vw,78px);line-height:1.02;margin:0;color:#fff8f2;}
.equity-barriers__heading>p{margin:0;font-size:18px;line-height:1.75;color:#d9cbd0;}
.equity-barriers__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.equity-barrier-card{position:relative;min-height:330px;border-radius:25px;padding:30px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 50px rgba(0,0,0,.16);}
.equity-barrier-card::after{content:"";position:absolute;width:160px;height:220px;right:-50px;bottom:-70px;border-radius:70% 30% 60% 40%;background:rgba(255,255,255,.08);transform:rotate(22deg);}
.equity-barrier-card--rose{background:linear-gradient(145deg,#7d1737,#a94862);}
.equity-barrier-card--gold{background:linear-gradient(145deg,#72592f,#a98243);}
.equity-barrier-card--olive{background:linear-gradient(145deg,#4f5437,#74794e);}
.equity-barrier-card--burgundy{background:linear-gradient(145deg,#4d1026,#7e1738);}
.equity-barrier-card__index{font-size:11px;letter-spacing:.16em;color:#f4daa0;font-weight:800;}
.equity-barrier-card__symbol{font-size:33px;margin:21px 0 10px;color:#f1d48d;}
.equity-barrier-card h3{font-family:var(--serif);font-size:34px;line-height:1.12;margin:0 0 12px;color:white;}
.equity-barrier-card p{font-size:16px;line-height:1.7;color:#f5e9ec;margin:0 0 22px;max-width:620px;}
.equity-barrier-card a{position:relative;z-index:2;color:#ffe7a9;font-weight:800;font-size:13px;text-decoration:underline;text-underline-offset:4px;}
.equity-barrier-card__links{display:flex;gap:16px;flex-wrap:wrap;}
.equity-evidence{margin-top:30px;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:rgba(255,255,255,.055);overflow:hidden;}
.equity-evidence summary{padding:20px 24px;cursor:pointer;font-weight:800;color:#f5d997;}
.equity-evidence__body{padding:4px 28px 28px;color:#d8cbd0;line-height:1.65;}
.equity-evidence__body ol{padding-left:23px;display:grid;gap:12px;}
.equity-evidence__body em{color:#f1e3e6;}

/* ===================== TRANSLATION HUB REPOSITION ===================== */
.translations::before{content:"ACCESS • EQUITY • LANGUAGE";position:absolute;right:5vw;top:25px;color:rgba(255,255,255,.10);font-family:var(--serif);font-size:clamp(34px,5vw,76px);letter-spacing:.08em;white-space:nowrap;}
.translations .translation-copy{position:relative;z-index:2;}
.translations .translation-copy::after{content:"One of the tools we use to remove barriers.";display:block;margin-top:24px;padding:14px 17px;border-left:2px solid var(--gold);font-family:var(--serif);font-size:19px;color:#ffe5eb;}
html[lang="fa"] .translations .translation-copy::after{content:"یکی از ابزارهایی که برای کاهش موانع استفاده می‌کنیم.";}
html[lang="fr"] .translations .translation-copy::after{content:"Un des outils que nous utilisons pour réduire les obstacles.";}
html[lang="es"] .translations .translation-copy::after{content:"Una de las herramientas que utilizamos para reducir barreras.";}
html[lang="de"] .translations .translation-copy::after{content:"Eines der Werkzeuge, mit denen wir Barrieren abbauen.";}
html[lang="tr"] .translations .translation-copy::after{content:"Engelleri azaltmak için kullandığımız araçlardan biri.";}

/* ===================== EVENT REGISTRATION ===================== */
.equity-event-register{margin-top:14px;border:1px solid rgba(255,255,255,.26);border-radius:999px;padding:10px 17px;background:#fff8f2;color:#751330;font-weight:800;}
.equity-event-register:hover{background:#eacb82;color:#4d1026;transform:translateY(-1px);}
.equity-modal[hidden]{display:none!important;}
.equity-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;}
.equity-modal__backdrop{position:absolute;inset:0;background:rgba(28,17,21,.70);backdrop-filter:blur(8px);}
.equity-modal__dialog{position:relative;z-index:2;width:min(720px,95vw);max-height:90vh;overflow:auto;border-radius:28px;padding:36px;background:linear-gradient(145deg,#fffaf5,#f5e4df);box-shadow:0 30px 90px rgba(0,0,0,.32);}
.equity-modal__close{position:absolute;right:18px;top:16px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(134,20,56,.16);background:white;color:#7d1434;font-size:25px;}
.equity-modal__dialog h2{font-family:var(--serif);color:#761431;font-size:45px;margin:0 0 8px;}
.equity-modal__event-name{font-weight:800;color:#776049;margin:0 0 24px;}
#equity-event-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
#equity-event-form label{display:flex;flex-direction:column;gap:7px;color:#5a494f;font-size:13px;font-weight:700;}
#equity-event-form input,#equity-event-form select{width:100%;border:1px solid rgba(90,73,79,.18);border-radius:12px;padding:13px;background:white;color:#33262b;}
.equity-modal__full{grid-column:1/-1;}
.equity-check{flex-direction:row!important;align-items:flex-start!important;font-weight:500!important;}
.equity-check input{width:auto!important;margin-top:4px;}
.equity-modal__privacy{font-size:12px;color:#76676c;}
.equity-modal__status{margin:0;color:#7b1535;font-weight:800;}
body.equity-modal-open{overflow:hidden;}

/* ===================== RTL ===================== */
html[dir="rtl"] .equity-mission__heading,html[dir="rtl"] .equity-barriers__heading{text-align:right;}
html[dir="rtl"] .equity-evidence__body ol{padding-left:0;padding-right:23px;}
html[dir="rtl"] .equity-modal__close{right:auto;left:18px;}

/* ===================== RESPONSIVE ===================== */
@media(max-width:980px){
  .equity-mission__heading,.equity-barriers__heading{grid-template-columns:1fr;gap:24px;}
  .equity-slide{grid-template-columns:55px 70px 1fr;padding:42px 34px;}
  .equity-slide__icon{width:66px;height:66px;}
  .equity-barriers__grid{grid-template-columns:1fr;}
}
@media(max-width:680px){
  .equity-shell{width:min(100% - 36px,1380px);}
  .equity-mission,.equity-barriers{padding:76px 0;}
  .equity-mission__heading h2,.equity-barriers__heading h2{font-size:43px;}
  .equity-mission__statement{padding:22px;}
  .equity-slide{grid-template-columns:1fr;padding:34px 24px;gap:14px;min-height:420px;}
  .equity-slide__number{position:absolute;opacity:.4;right:20px;}
  .equity-slide__icon{width:58px;height:58px;}
  .equity-carousel__viewport{min-height:420px;}
  .equity-barrier-card{padding:25px;}
  #equity-event-form{grid-template-columns:1fr;}
  .equity-modal__full{grid-column:auto;}
  .equity-modal__dialog{padding:30px 20px;}
  .equity-modal__dialog h2{font-size:37px;}
}

@media(prefers-reduced-motion:reduce){.equity-slide{animation:none}.equity-event-register{transition:none}}
/* =========================================================
   WHY LALEH EXISTS — COMPACT / ARTISTIC LAYOUT FIX
   Paste at the END of laleh-mission-equity.css
   ========================================================= */

.equity-barriers {
  padding: 82px 0 92px !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(138, 23, 57, .20), transparent 24%),
    radial-gradient(circle at 88% 82%, rgba(181, 139, 69, .10), transparent 22%),
    linear-gradient(135deg, #241b1f 0%, #2b2024 58%, #21191c 100%) !important;
}

.equity-barriers::before {
  width: 350px !important;
  height: 350px !important;
  left: 4vw !important;
  top: 72px !important;
  opacity: .115 !important;
  background: url("assets/logo-mark-transparent.png") center / contain no-repeat !important;
  filter: sepia(.12) saturate(.9) !important;
}

.equity-barriers::after {
  right: -80px !important;
  bottom: -110px !important;
  width: 330px !important;
  height: 460px !important;
  opacity: .9 !important;
  background:
    radial-gradient(ellipse at 50% 35%, rgba(201,141,154,.18) 0 27%, transparent 28%),
    radial-gradient(ellipse at 34% 62%, rgba(181,139,69,.09) 0 22%, transparent 23%) !important;
  transform: rotate(14deg) !important;
}

.equity-barriers__heading {
  position: relative;
  z-index: 2;

  display: grid !important;
  grid-template-columns: minmax(260px, .72fr) minmax(0, 1.28fr) !important;

  grid-template-areas:
    "kicker title"
    "intro  title" !important;

  column-gap: clamp(42px, 6vw, 92px) !important;
  row-gap: 16px !important;
  align-items: start !important;

  margin-bottom: 38px !important;
}

.equity-barriers__heading .equity-kicker {
  grid-area: kicker;
  margin: 4px 0 0 !important;
  padding-top: 14px;
  position: relative;

  font-size: 12px !important;
  letter-spacing: .20em !important;
}

.equity-barriers__heading .equity-kicker::before {
  content: "";
  display: block;

  width: 56px;
  height: 2px;

  margin-bottom: 16px;

  border-radius: 999px;

  background:
    linear-gradient(
      90deg,
      #d8b96f,
      #a76c3e
    );
}

.equity-barriers__heading h2 {
  grid-area: title;
  align-self: start;

  max-width: 760px;

  margin: 0 !important;

  font-size: clamp(50px, 5vw, 74px) !important;
  line-height: 1.00 !important;

  letter-spacing: -.025em;
}

.equity-barriers__heading > p {
  grid-area: intro;

  max-width: 470px !important;

  margin: 0 !important;

  padding: 18px 20px !important;

  border: 1px solid rgba(255,255,255,.09);

  border-inline-start:
    2px solid #c69d51;

  border-radius:
    0 16px 16px 0;

  background:
    rgba(255,255,255,.045);

  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);

  font-size: 16px !important;
  line-height: 1.65 !important;

  color: #e5d9dc !important;
}

html[dir="rtl"]
.equity-barriers__heading > p {
  border-radius:
    16px 0 0 16px;
}

.equity-barriers__grid {
  position: relative;
  z-index: 2;

  margin-top: 0 !important;

  gap: 20px !important;
}

.equity-barrier-card {
  min-height: 300px !important;
  padding: 28px !important;
}

.equity-barrier-card h3 {
  font-size:
    clamp(28px, 2.3vw, 34px) !important;
}

.equity-barrier-card::before {
  content: "";

  position: absolute;

  width: 135px;
  height: 185px;

  inset-inline-end: -32px;
  top: -42px;

  border-radius:
    70% 30% 60% 40%;

  transform:
    rotate(26deg);

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.09),
      rgba(255,255,255,.015)
    );

  pointer-events: none;
}

/* ================= TABLET ================= */

@media (max-width: 980px) {

  .equity-barriers {
    padding:
      68px 0 76px !important;
  }

  .equity-barriers__heading {
    grid-template-columns:
      1fr !important;

    grid-template-areas:
      "kicker"
      "title"
      "intro" !important;

    gap: 18px !important;

    margin-bottom:
      32px !important;
  }

  .equity-barriers__heading h2 {
    max-width: 720px;
  }

  .equity-barriers__heading > p {
    max-width:
      720px !important;
  }

  .equity-barriers::before {
    width: 270px !important;
    height: 270px !important;

    left: auto !important;
    right: -70px !important;

    top: 36px !important;

    opacity: .08 !important;
  }
}

/* ================= MOBILE ================= */

@media (max-width: 620px) {

  .equity-barriers {
    padding:
      58px 0 64px !important;
  }

  .equity-barriers__heading {
    margin-bottom:
      26px !important;
  }

  .equity-barriers__heading h2 {
    font-size:
      42px !important;

    line-height:
      1.02 !important;
  }

  .equity-barriers__heading > p {
    padding:
      15px 16px !important;

    font-size:
      15px !important;
  }

  .equity-barrier-card {
    min-height:
      auto !important;

    padding:
      24px !important;
  }
}
