/*
Theme Name: MFTA Theme
Theme URI: https://mena-fintech.org
Author: MENA Fintech Association
Author URI: https://mena-fintech.org
Description: Custom theme for the MENA Fintech Association website.
Version: 1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: mfta-theme
*/

/* Page display fix for standalone */
.page { display: block !important; ;}

.footer-links {
    display: none !important;
}
/* =========================================================
   MFTA SECURITY / COPY DETERRENCE
   This is deterrence, not DRM. Public web assets can never
   be made completely non-downloadable.
   ========================================================= */

/* Make images harder to select/drag/save through normal UI. */
img {
  -webkit-user-drag: none;
  -webkit-touch-callout: none;
  user-select: none;
}



/* Keep normal form fields usable while discouraging selection of public page content. */
html, body {
  -webkit-touch-callout: none;
}

input, textarea, select, button, [contenteditable="true"], [contenteditable=""] {
  -webkit-touch-callout: default;
  user-select: text;
}


/* ---------------------------------------------------------
   Gravity Forms datepicker inside MFTA Event Partner modal
   --------------------------------------------------------- */

#partnerModalOverlay .wg-join-modal {
    overflow-y: auto;
    overflow-x: visible;
}

#partnerModalOverlay .wg-join-modal-body {
    overflow: visible;
    position: relative;
}

/* Gravity Forms / jQuery UI datepicker */
#ui-datepicker-div,
.ui-datepicker {
    z-index: 1000000 !important;
}

/* Make sure the calendar is not clipped by Gravity Forms wrappers */
#partnerModalOverlay .gform_wrapper,
#partnerModalOverlay .gform_body,
#partnerModalOverlay .gform_fields,
#partnerModalOverlay .gfield {
    overflow: visible !important;
}

/* Date field itself */
#partnerModalOverlay .gfield_date input {
    position: relative;
    z-index: 1;
}

/* Keep the calendar above the modal */
#partnerModalOverlay #ui-datepicker-div {
    position: absolute !important;
}

:root {
  --night:#000810;--navy:#010E26;--navy-m:#04142E;--navy-s:#081A3D;--navy-b:#0B2258;
  --white:#FFFFFF;--dim:rgb(255 255 255);--dimmer:rgba(255,255,255,.88);--dimmest:rgba(255,255,255,.70);
  --g1:#5C430E;--g2:#B8882A;--g3:#E2C45A;--g4:#F4DC82;--g5:#B8882A;
  --gold:linear-gradient(105deg,var(--g1) 0%,var(--g2) 28%,var(--g3) 48%,var(--g4) 58%,var(--g5) 78%,var(--g1) 100%);
  --gold-solid:#C4992E;--dk-txt:#040D22;--dk-dim:#000000;
  --serif:"Montserrat", sans-serif;--sans:"Inter",system-ui,sans-serif;--cond:"Barlow Condensed",sans-serif;
  --ease:cubic-bezier(.16,1,.3,1);--t:.38s var(--ease);
;}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:var(--sans);background:var(--night);color:var(--white);overflow-x:hidden;-webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none;}
img{display:block;max-width:100%;}
button{background:none;border:none;cursor:pointer;color:inherit;font-family:inherit;}
.ch-page-flag, .ch-detail-flag-lg {
    display:none !important;
}
.lightsec .sec-label span {
    color: #000;
}
.tier-features li:nth-child(n+5) {
    filter: blur(3px);
    opacity: 0.6;
    user-select: none;
}
.nav-item a.mfta-rp-report-image {
    max-height: 350px;
        border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.nav-item .mfta-rp-report-title {
    flex: 1;
    font-size: 13px;
    line-height: 1.25;
    margin: 0 0 8px;
    font-weight: 400;
    min-height: 40px;
}
.nav-item .mfta-rp-report-date {
    font-size: 10px;
    color: #ffffff;
}
.nav-item .mfta-rp-report-content {
    display:none !important;
    background: #060f21;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    padding: 10px 2px;
}
li.nav-item article.mfta-rp-report {
    padding: 12px !important;
    background: #060f21 !important;
}
div#evt-cat-content .sec-label.in {
    display: none !important;
}

p.gform_required_legend {
    display: none;
}
.gform-theme--foundation .ginput_address_country
 {
    inline-size: 100% !important;
}
div#input_2_36 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.gfield_checkbox {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
}
div#input_2_36 .gchoice, .gfield_checkbox .gchoice {
    min-width: 300px;
}
input#gform_submit_button_2 {
    background: var(--gold-solid);
    min-width: 200px;
    font-size: 18px;
    padding: 13px;
    border-radius:0px;
}
label.gfield_label.gform-field-label, legend.gfield_label, .gchoice label {
    color: #fff !important;
}
/* SCROLL PROGRESS */
#scroll-line{position:fixed;top:0;left:0;height:3px;width:0%;z-index:9999;
  background:linear-gradient(90deg,var(--g1),var(--g3),var(--g4),var(--g3));
  box-shadow:0 0 10px rgba(226,196,90,.5);transition:width .1s linear;}

/* PAGE SYSTEM */

body:not(.home) .hero-content {
    top: 150px;
}
.page-template-template-partners .mn-overlay {
    position: inherit !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.page{display:none;}
em {
    letter-spacing: 3px;
}
/* GOLD UTILS */
.gtext{background:var(--gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.grule{height:1px;background:linear-gradient(90deg,transparent,var(--g2) 25%,var(--g4) 50%,var(--g2) 75%,transparent);opacity:.55;}
.grule-v{width:1px;background:linear-gradient(180deg,transparent,var(--g3) 40%,var(--g3) 60%,transparent);}

/* NAV */

.Menus {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}
.nav{position:fixed;top:0;left:0;right:0;z-index:900;height:80px;display:flex;align-items:stretch;
  transition:background .4s,border-color .4s,box-shadow .4s;border-bottom:1px solid transparent;justify-content: center;}
.nav.scrolled{background:rgba(1,14,38,.97);backdrop-filter:blur(22px);border-bottom-color:rgba(255,255,255,.05);box-shadow:0 2px 60px rgba(0,0,0,.6);}
.nav-logo{display:flex;align-items:center;gap:13px;padding:0 32px 0 40px;flex-shrink:0;border-right:1px solid rgba(255,255,255,.06);cursor:pointer;}

.nav-logo-box {
    width: 150px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--serif);
    font-size: 16px;
    font-weight: 600;
;}

.nav-menu{display:flex;align-items:stretch;list-style:none;flex:1;padding:0 8px;}
.nav-item{position:relative;display:flex;align-items:center;}
.nav-item>a{display:flex;align-items:center;gap:5px;padding:0 14px;height:66px;font-size:13px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.7);white-space:nowrap;position:relative;transition:color .2s;cursor:pointer;}
.nav-item>a::after{content:"";position:absolute;bottom:0;left:14px;right:14px;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform var(--t);}
.nav-item:hover>a{color:var(--white);}.nav-item:hover>a::after{transform:scaleX(1);}
.nav-item>a.nav-active{color:var(--white);}.nav-item>a.nav-active::after{transform:scaleX(1);}
.caret{font-size:7px;color:rgba(255,255,255,.2);transition:transform var(--t);}.nav-item:hover .caret{transform:rotate(180deg);}
.drop{position:absolute;top:100%;left:0;background:var(--white);min-width:540px;border-top:2px solid;border-image:linear-gradient(90deg,var(--g1),var(--g3),var(--g4),var(--g3),var(--g1)) 1;box-shadow:0 32px 80px rgba(0,0,10,.5);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px);transition:opacity .22s,transform .22s,visibility .22s;}
.nav-item:hover .drop{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);}
.drop.wide{min-width:680px;}.drop-inner{display:flex;}
.dcol{padding:28px 24px;flex:1;min-width:240px;border-right:1px solid rgba(4,13,34,.07);}.dcol:last-child{border-right:none;}
.dlabel{display:block;font-size:16px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;padding-bottom:11px;margin-bottom:13px;border-bottom:1px solid rgba(4,13,34,.4);background:var(--gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.dcol a{display:block;padding:7px 0;font-size:15px;font-weight:500;color:rgba(4,13,34,.7);transition:color .18s,padding-left .18s;cursor:pointer;}
.dcol a:hover{color:var(--dk-txt);padding-left:6px;}
.dfeat{background:#F7F8FB;padding:28px 24px;min-width:190px;display:flex;flex-direction:column;justify-content:space-between;}
.dfeat-lbl{display:block;font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;margin-bottom:11px;background:var(--gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.dfeat h4{font-family:var(--serif);font-size:18px;font-weight:600;color:var(--dk-txt);line-height:1.3;margin-bottom:8px;}
.dfeat p{font-size:12px;color:var(--dk-dim);line-height:1.6;}
.dfeat-link{display:inline-flex;align-items:center;gap:7px;margin-top:18px;font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--dk-txt);border-bottom:1px solid rgba(4,13,34,.2);padding-bottom:2px;}
.nav-cta{display:flex;align-items:center;border-left:1px solid rgba(255,255,255,.06);flex-shrink:0;}
.nav-join{display:flex;align-items:center;padding:0 45px;height:66px;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;position:relative;color:var(--white);white-space:nowrap;cursor:pointer;}
.nav-join::before{content:"";position:absolute;inset:14px 18px;border:1px solid rgba(255,255,255,.7);transition:border-color var(--t);}
.nav-join:hover::before{border-color:rgba(255,255,255,.45);}

/* REVEAL */
.rv{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease);}
.rv.in{opacity:1;transform:none;}
.d1{transition-delay:.09s;}.d2{transition-delay:.18s;}.d3{transition-delay:.27s;}.d4{transition-delay:.36s;}

/* SHARED COMPONENTS */
.wrap{max-width:1400px;margin:0 auto;padding:0 72px;}
.sec-label{display:flex;align-items:center;gap:14px;margin-bottom:18px;}
.sec-label span{font-size:16px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.70);transition:color var(--t);}
.sec-label-rule{width:24px;height:1px;background:linear-gradient(90deg, #000430, #ffffff);opacity:.5;}
.display{font-family:var(--serif);font-size:clamp(36px,4.5vw,68px);font-weight:400;line-height:.97;letter-spacing:-.025em;}
.on-dark{color:var(--white);}.on-light{color:var(--dk-txt);}
.body-text{font-size:15.5px;font-weight:300;color:var(--dim);line-height:1.95;margin:28px 0 36px;max-width:480px;}
.link-arrow,.link-lt,.link-dk{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding-bottom:3px;white-space:nowrap;transition:gap var(--t),color var(--t);}
.link-lt{color:rgb(255 255 255 / 87%);border-bottom:1px solid rgba(255 255 255 / 55%);}
.link-lt:hover{color:rgba(255,255,255,.75);gap:16px;}
.link-dk{color:rgb(4 13 34 / 84%);border-bottom:1px solid rgba(4,13,34,.12);}
.link-dk:hover{color:var(--dk-txt);gap:16px;}
.btn-w {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    background: var(--white);
    color: var(--dk-txt);
    padding: 16px 36px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    transition: box-shadow var(--t), transform .2s;
    cursor: pointer;
}
.btn-w:hover{box-shadow:0 20px 60px rgba(0,0,0,.5);transform:translateY(-2px);}
.btn-ol {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border: 2px solid rgb(255 255 255 / 75%);
    color: rgb(255 255 255);
    padding: 16px 32px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .12em;
    text-transform: uppercase;
    transition: border-color var(--t), color var(--t), transform .2s;
    cursor: pointer;
}
.btn-ol:hover{border-color:rgba(255,255,255,.5);color:var(--white);transform:translateY(-2px);}
.btn-gold{display:inline-flex;align-items:center;gap:10px;background:var(--gold-solid);color:var(--night);padding:16px 36px;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;transition:background var(--t),transform .2s;cursor:pointer;}
.btn-gold:hover{background:#E2C45A;transform:translateY(-2px);}
.btn-row{display:flex;gap:12px;}
.itag{display:inline-block;border:1px solid rgba(255,255,255,.12);font-size:9.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.35);padding:4px 12px;margin-bottom:16px;}

/* ══ HOMEPAGE HERO ══════════════════════════════════ */
#page-home .hero{position:relative;min-height:100vh;display:flex;align-items:flex-end;overflow:hidden;}
.hero-bg{position:absolute;inset:0;background:var(--night);overflow:hidden;}
.hero-glow-a{position:absolute;width:900px;height:900px;border-radius:50%;background:radial-gradient(circle,rgba(8,42,140,.55) 0%,rgba(4,18,70,.25) 45%,transparent 70%);top:-15%;left:-5%;animation:floatA 14s ease-in-out infinite;}
.hero-glow-b{position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(4,22,90,.6) 0%,rgba(2,10,40,.2) 50%,transparent 72%);bottom:-10%;right:5%;animation:floatB 18s ease-in-out infinite;}
.hero-glow-c{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(12,55,180,.4) 0%,transparent 68%);top:25%;right:25%;animation:floatC 11s ease-in-out infinite;}
@keyframes floatA{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(60px,-40px) scale(1.12);};}
@keyframes floatB{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(-50px,30px) scale(1.08);};}
@keyframes floatC{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(30px,50px) scale(1.15);};}
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 38%;opacity:0;transition:opacity 1.8s ease;}
.hero-photo.loaded{opacity:1;}
.hero-veil{position:absolute;inset:0;background: linear-gradient(to right, rgb(0 8 16 / 40%) 28%, rgb(0 8 16 / 10%) 100%), linear-gradient(to top, rgb(0 8 16 / 40%) 0%, transparent 55%);}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to right,rgba(0,0,0,.4) 0%,transparent 60%);}
.hero-content {
    position: relative;
    z-index: 2;
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    padding: 0 22px 10px;
    height: 100vh !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
;}
.hero-eyebrow{display:inline-flex;align-items:center;gap:14px;margin-bottom:22px;}
.hero-eyebrow-line{width:36px;height:1px;background:linear-gradient(90deg, transparent, #ffffff);opacity:.8;}
.hero-eyebrow span{font-size:13px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:#fff;}
h1.hero-h{font-family:var(--serif);font-size:clamp(56px,9vw,80px);font-weight:300;line-height:1;letter-spacing:-.025em;color:var(--white);max-width:860px;}
h1.hero-h .ital{font-style:italic;font-weight:300;color:#fff;}
.hero-since{display:block;font-family:var(--sans);font-size:clamp(11px,1vw,13px);font-weight:400;letter-spacing:.28em;text-transform:uppercase;margin-top:22px;margin-bottom:22px;background:#fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.hero-sub{font-size:16px;font-weight:300;color:#fff;max-width:420px;line-height:1.95;margin-bottom:30px;}
.hero-btns{display:flex;gap:14px;align-items:center;}
.hero-scroll{position:absolute;bottom:48px;left:72px;z-index:2;display:flex;flex-direction:column;align-items:center;gap:12px;}
.scroll-line{width:1px;height:72px;background:linear-gradient(to bottom,transparent,var(--g2) 35%,var(--g4) 60%,var(--g2) 80%,transparent);animation:scrollPulse 2.4s ease-in-out infinite;}
@keyframes scrollPulse{0%,100%{opacity:.4;transform:scaleY(.8);}50%{opacity:1;transform:scaleY(1);};}
.scroll-dot{width:5px;height:5px;border-radius:50%;background:var(--gold-solid);box-shadow:0 0 8px 2px rgba(196,153,46,.5);animation:dotPulse 2.4s ease-in-out infinite;}
@keyframes dotPulse{0%,100%{opacity:.5;box-shadow:0 0 6px 1px rgba(196,153,46,.3);}50%{opacity:1;box-shadow:0 0 14px 4px rgba(196,153,46,.6);};}
.scroll-lbl{font-size:8.5px;letter-spacing:.26em;text-transform:uppercase;color:rgba(255,255,255,.2);writing-mode:vertical-rl;}
.hero-geo {
    position: absolute;
    right: 0px;
    bottom: 48px;
    z-index: 2;
    text-align: right;
    background: rgb(0 0 0 / 62%);
    padding: 20px;
    border-radius: 0px;
    min-width: 200px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
;}
.hero-geo span{display:block;font-size:10px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:8px;background:#fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:1;}
.hero-geo p{font-size:12px;color:#fff;line-height:2;letter-spacing:.05em;}

/* ══ INNER PAGE HERO ══════════════════════════════ */
.inner-hero{position:relative;padding:220px 0 140px;overflow:hidden;}
.inner-hero-bg{position:absolute;inset:0;background:var(--navy-m);overflow:hidden;}
.hg-a{position:absolute;width:800px;height:800px;border-radius:50%;background:radial-gradient(circle,rgba(8,42,140,.5) 0%,transparent 70%);top:-20%;left:-8%;animation:floatA 14s ease-in-out infinite;}
.hg-b{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(4,22,90,.55) 0%,transparent 70%);bottom:-10%;right:5%;animation:floatB 18s ease-in-out infinite;}
.inner-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to right,rgba(0,0,0,.5),transparent 65%);}
.inner-hero-veil{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 50%,var(--night) 100%);}
.inner-hero-img{position:absolute;right:0;top:0;bottom:0;width:50%;object-fit:cover;opacity:0;transition:opacity 1.4s;mix-blend-mode:luminosity;}
.inner-hero-img.loaded{opacity:.18;}
.inner-hero-content{position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:0 72px;}
.page-eyebrow{display:inline-flex;align-items:center;gap:14px;margin-bottom:36px;}
.page-eyebrow-line{width:36px;height:1px;background:linear-gradient(90deg,transparent,var(--g3));opacity:.6;}
.page-eyebrow span{font-size:10px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:rgb(255 255 255);}
.page-title{font-family:var(--serif);font-size:clamp(56px,8vw,120px);font-weight:300;line-height:.88;letter-spacing:-.03em;color:var(--white);}
.page-title em{font-style:italic;font-weight:300;color:rgba(255,255,255,.5);}
.page-sub{font-size:18px;font-weight:300;color:#fff;max-width:520px;line-height:1.45;margin-top:8px;}

/* ══ DECLARATION ══════════════════════════════════ */
.decl{background:var(--white);padding:112px 72px;max-width:100%;overflow:hidden;position:relative;}
.decl::before{content:"";position:absolute;top:0;left:72px;right:72px;height:1px;background:linear-gradient(90deg,transparent,rgba(4,13,34,.12) 30%,rgba(4,13,34,.12) 70%,transparent);}
.decl-inner{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:96px;align-items:center;}
.decl-statement{font-family:var(--serif);font-size:clamp(30px,3.2vw,48px);font-weight:500;line-height:1.1;color:var(--dk-txt);letter-spacing:-.02em;}
.decl-statement em{font-style:italic;font-weight:400;color:#1A3080;}
.decl-detail{font-size:15px;font-weight:300;color:var(--dk-dim);line-height:1.95;padding-left:36px;border-left:1px solid;border-image:linear-gradient(180deg,transparent,var(--g3) 30%,var(--g3) 70%,transparent) 1;}
.decl-detail strong{font-weight:500;color:var(--dk-txt);}

/* ══ ABOUT SECTION (homepage) ══════════════════════ */
.about-band{background:var(--navy-m);padding:180px 0;}
.about-inner{max-width:1400px;margin:0 auto;padding:0 72px;display:grid;grid-template-columns:1fr 1fr;gap:112px;align-items:start;}
.about-quote{margin-bottom:40px;padding:28px 0 28px 32px;border-left:1px solid;border-image:linear-gradient(180deg,transparent,var(--g3) 25%,var(--g3) 75%,transparent) 1;}
.about-quote blockquote{font-family:var(--serif);font-size:20px;font-style:italic;font-weight:400;color:rgba(255,255,255,.7);line-height:1.55;margin-bottom:10px;}
.about-quote cite{font-size:11px;color:var(--dimmer);letter-spacing:.04em;}
.pillars{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:rgba(255,255,255,.04);}
.pillar{background:var(--navy-s);padding:36px 28px;position:relative;overflow:hidden;transition:background var(--t);}
.pillar::after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform var(--t);}
.pillar:hover{background:rgba(11,34,88,.6);}.pillar:hover::after{transform:scaleX(1);}
.pillar-n{font-size:9.5px;letter-spacing:.2em;color:var(--dimmest);display:block;margin-bottom:22px;}
.pillar h4{font-family:var(--serif);font-size:19px;font-weight:600;color:var(--white);margin-bottom:10px;}
.pillar p{font-size:13.5px;color:var(--dimmer);line-height:1.75;}

/* ══ INTELLIGENCE ══════════════════════════════════ */
.mfta-rp-report-content {
    background: #060f21;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
;}
.mfta-rp-report-title a {
    color: #ffffff !important;
;}
.mfta-rp-report-button {
    color: #e1e1e1 !important;
;}
.intel{background:var(--night);padding:180px 0;}
.intel-w{max-width:1400px;margin:0 auto;padding:0 72px;}
.intel-hdr{display:flex;justify-content:space-between;align-items:flex-end;}
.intel-intro{font-size:15px;font-weight:300;color:rgba(255,255,255,.80);line-height:1.9;max-width:960px;margin-top:16px; margin-bottom: 72px;}
.intel-layout{display:grid;gap:2px;margin-bottom:2px;}
.intel-feat{position:relative;overflow:hidden;min-height:500px;display:flex;flex-direction:column;justify-content:flex-end;background:var(--navy-s);}
.intel-feat:hover .ic-img{opacity:.65;transform:scale(1.04);}
.ic-bg{position:absolute;inset:0;background:linear-gradient(135deg,#04204A,#0A3888,#031C50);}
.ic-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .9s,transform .9s;}
.ic-img.loaded{opacity:.45;}
.ic-veil{position:absolute;inset:0;background:linear-gradient(to top,rgba(1,14,38,.98) 0%,rgba(1,14,38,.5) 55%,rgba(1,14,38,.08) 100%);}
.intel-feat-body{position:relative;z-index:1;padding:44px;}
.intel-feat-body h3{font-family:var(--serif);font-size:30px;font-weight:400;color:var(--white);line-height:1.15;margin-bottom:14px;}
.intel-feat-body p{font-size:14px;color:rgba(255, 255, 255, .28) !important;line-height:1.75;margin-bottom:32px;max-width:460px;}
.idl{display:inline-flex;align-items:center;gap:10px;font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.3);border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:3px;transition:color var(--t),gap var(--t);}
.intel-feat:hover .idl{color:var(--white);gap:16px;}
.intel-stack{display:flex;flex-direction:column;gap:2px;}
.iitem{background:var(--navy-s);padding:30px 32px;flex:1;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:background var(--t);}
.iitem::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--gold);transform:scaleY(0);transform-origin:top;transition:transform var(--t);}
.iitem:hover{background:rgba(11,34,88,.5);}.iitem:hover::before{transform:scaleY(1);}
.itag2{font-size:9.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;display:block;margin-bottom:10px;background:var(--gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.75;}
.iitem h4{font-family:var(--serif);font-size:18px;font-weight:400;color:var(--white);line-height:1.25;margin-bottom:7px;}
.iitem p{font-size:13px;color:rgba(255,255,255,.28);line-height:1.7;}
.iitem-foot{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:14px;border-top:1px solid rgba(255,255,255,.05);}
.iitem-meta{font-size:10.5px;color:rgba(255,255,255,.18);}
.iitem-lnk{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.22);transition:color .2s;}
.iitem:hover .iitem-lnk{color:rgba(255,255,255,.7);}
.intel-secondary{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:2px;}
.isec{background:rgba(11,22,50,.5);border:1px solid rgba(255,255,255,.04);padding:30px 32px;transition:background var(--t),border-color var(--t);}
.isec:hover{background:var(--navy-s);border-color:rgba(255,255,255,.08);}
.isec-type{font-size:9.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;display:block;margin-bottom:14px;background:var(--gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.65;}
.isec h4{font-family:var(--serif);font-size:17px;font-weight:400;color:var(--white);line-height:1.3;margin-bottom:8px;}
.isec p{font-size:13px;color:rgba(255,255,255,.28);line-height:1.65;}
.isec-meta{font-size:10.5px;color:rgba(255,255,255,.18);margin-top:18px;}

/* ══ WORKING GROUPS (homepage) ════════════════════ */
.wg{background:var(--white);padding:60px 0;}
.workinggroups p {
    font-size: 16px !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;
}
.wg-w{max-width:1400px;margin:0 auto;padding:0 72px;}
.wg-hdr{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:16px;}
.wg-intro-txt{font-size:15px;font-weight:300;color:rgb(4 13 34 / 80%);line-height:1.9;max-width:950px;margin-bottom:72px;}
.wg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;}
.wg-card{position:relative;overflow:hidden;height:340px;cursor:pointer;background:#000;display:block;}
.wg-card:hover .wg-photo{transform:scale(1.08);filter:saturate(.8) brightness(.75);}
.wg-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.35) brightness(.55);transition:transform .7s var(--ease),filter .6s;}
.wg-veil{position:absolute;inset:0;background:linear-gradient(to top,rgba(1,14,38,.95) 0%,rgba(1,14,38,.55) 30%,rgba(1,14,38,0) 55%);transition:background var(--t);}
.wg-card:hover .wg-veil{background:linear-gradient(to top,rgba(1,14,38,.97) 0%,rgba(1,14,38,.7) 42%,rgba(1,14,38,0) 65%);}
.wg-num{position:absolute;top:24px;left:24px;font-family:var(--serif);font-size:13px;font-weight:400;letter-spacing:.04em;background:var(--gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.wg-body{position:absolute;bottom:0;left:0;right:0;padding:32px;display:flex;flex-direction:column;}
.wg-desc{font-size:13px;color:rgba(255,255,255,.85);line-height:1.7;max-height:0;overflow:hidden;opacity:0;transition:max-height .5s var(--ease),opacity .4s,padding-top .4s;}
.wg-card .wg-desc{max-height:120px;opacity:1 !important;padding-top:0;}
.wg-card-rule{width:0;height:2px;margin-top:16px;background:var(--gold);transition:width var(--t);}
.wg-card:hover .wg-card-rule{width:36px;}
 
/* Working Groups — logo treatment (replaces .wg-photo cover-image styling) */
.wg-logo-wrap{position:absolute;top:64px;left:28px;right:28px;height:120px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:3px;}
.wg-logo{max-width:78%;max-height:78%;width:auto;height:auto;object-fit:contain;opacity:.96;transition:transform .5s var(--ease);}
.wg-card:hover .wg-logo{transform:scale(1.06);}
 
/* Working Groups — carousel */
.wg-carousel{position:relative;}
.wg-car-viewport{overflow:hidden;}
.wg-car-track{display:flex;gap:3px;transition:transform .6s var(--ease);}
.wg-car-track .wg-card{flex:0 0 calc(25% - 2.25px);}

/* The JS (wgVisible() below) already assumes 1 card visible ≤600px and
   2 ≤900px, but this width never changed to match, so mobile showed 4
   squeezed cards and each "next" click jumped 4 cards at once instead
   of 1. Must stay below the base rule above (equal specificity, later
   source order wins). */
@media(max-width:900px){
  .wg-car-track .wg-card{flex:0 0 calc(50% - 1.5px);}
}
@media(max-width:600px){
  .wg-car-track .wg-card{flex:0 0 100%;}
}
.wg-car-nav{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:36px;}
.wg-car-btn{width:44px;height:44px;border-radius:50%;border:1px solid rgba(4,13,34,.15);background:none;display:flex;align-items:center;justify-content:center;font-size:17px;color:var(--dk-txt);cursor:pointer;transition:all var(--t);}
.wg-car-btn:hover{border-color:var(--gold-solid);color:var(--gold-solid);}
.wg-car-btn:disabled{opacity:.25;cursor:default;border-color:rgba(4,13,34,.1);color:var(--dk-txt);}
.wg-car-btn:disabled:hover{border-color:rgba(4,13,34,.1);color:var(--dk-txt);}

/* ══ INITIATIVES (homepage) ═══════════════════════ */
.init{background:var(--white);padding:60px 0;}
.init-w{max-width:1400px;margin:0 auto;padding:0 72px;}
.init-hdr{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:72px;}
.init-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;}
.init-card{position:relative;overflow:hidden;background:var(--white);border:1px solid rgba(4,13,34,.09);box-shadow:0 2px 24px rgba(4,13,34,.05);transition:transform .25s,box-shadow var(--t);}
.init-card:hover{transform:translateY(-5px);box-shadow:0 28px 80px rgba(4,13,34,.13);}
.init-card-img{height:300px;overflow:hidden;position:relative;}
.init-card-img img:not(.init-logo){width:100%;height:100%;object-fit:cover;filter:blur(4px) brightness(.55) saturate(.85);transition:filter .5s var(--ease),transform var(--t);}
.init-card:hover .init-card-img img:not(.init-logo){filter:blur(0) brightness(1) saturate(1);transform:scale(1.05);}
.init-card-img::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.4);transition:opacity .45s var(--ease);pointer-events:none;z-index:1;}
.init-card:hover .init-card-img::after{opacity:0;}
.init-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:56%;max-height:52%;width:auto;height:auto;object-fit:contain;z-index:2;transition:opacity .35s var(--ease);filter:drop-shadow(0 4px 18px rgba(0,0,0,.5));pointer-events:none;}
.init-card:hover .init-logo{opacity:0;}
.init-logo-text{display:flex;align-items:center;justify-content:center;text-align:center;width:56%;font-family:var(--serif);font-size:15px;font-weight:500;line-height:1.3;color:var(--white);text-shadow:0 4px 18px rgba(0,0,0,.6);}
.init-badge{position:absolute;top:16px;left:16px;border:1px solid rgba(255,255,255,.15);font-size:9px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.4);padding:4px 10px;z-index:2;}
.init-body{padding:36px 32px;}
.init-body h3{font-family:var(--serif);font-size:23px;font-weight:400;color:var(--dk-txt);margin-bottom:14px;line-height:1.2;}
.init-body p{font-size:13.5px;color:var(--dk-dim);line-height:1.8;margin-bottom:28px;}
.init-lnk{display:inline-flex;align-items:center;gap:10px;font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(4,13,34,.35);border-bottom:1px solid rgba(4,13,34,.1);padding-bottom:3px;transition:color var(--t),gap var(--t);}
.init-card:hover .init-lnk{color:var(--dk-txt);gap:16px;}

/* ══ EVENTS (homepage) ════════════════════════════ */
span.etype, .evt-cat-card .ebody h3 {
    display: none !important;
}
.events{background:var(--night);padding:160px 0;border-top:1px solid rgba(255,255,255,.03);}
.ev-w{max-width:1400px;margin:0 auto;padding:0 72px;}
.ev-hdr{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:64px;}
.ev-grid{display:grid;grid-template-columns:3fr 2fr 2fr;grid-template-rows:1fr 1fr;gap:3px;min-height:560px;}
.ecard{position:relative;overflow:hidden;cursor:pointer;}
.ecard.main{grid-row:span 2;}
.ebg{position:absolute;inset:0;background-size:cover;background-position:center;filter:brightness(.6) saturate(.45);transition:transform .75s var(--ease),filter .5s;}
.ecard:hover .ebg{transform:scale(1.07);filter:brightness(.8) saturate(.7);}
.eveil{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,8,16,.98) 0%,rgba(0,8,16,.28) 55%,transparent 100%);}
.ebody{position:relative;z-index:1;padding:28px;}
.etype{display:inline-block;border:1px solid rgba(255,255,255,.12);font-size:9px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.38);padding:4px 10px;margin-bottom:10px;}
.ebody h3{font-family:var(--serif);font-size:18px;font-weight:400;color:var(--white);line-height:1.2;}
.ecard.main .ebody h3{font-size:28px;}
.emeta{font-size:12px;color:rgba(255,255,255,.3);display:flex;gap:14px;flex-wrap:wrap;margin-top:10px;}
.ev1 .ebg{background-image:url(https://images.unsplash.com/photo-1540575467063-178a50c2df87?w=900&q=80&auto=format&fit=crop);}
.ev2 .ebg{background-image:url(https://images.unsplash.com/photo-1559136555-9303baea8ebd?w=700&q=80&auto=format&fit=crop);}
.ev3 .ebg{background-image:url(https://images.unsplash.com/photo-1529543544282-ea669407fca3?w=700&q=80&auto=format&fit=crop);}
.ev4 .ebg{background-image:url(https://images.unsplash.com/photo-1601506521793-dc748fc80b67?w=700&q=80&auto=format&fit=crop);}
.ev5 .ebg{background-image:url(https://images.unsplash.com/photo-1527529482837-4698179dc6ce?w=700&q=80&auto=format&fit=crop);}

/* ══ MARQUEE ══════════════════════════════════════ */
.mq-band{background:var(--night);padding:56px 0;overflow:hidden;border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04);}
.mq-lbl{text-align:center;font-size:14px;letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255);margin-bottom:28px;}
.mq-wrap{display:flex;width:max-content;animation:scrollMq 60s linear infinite;}
.mq-set{display:flex;gap:8px;padding:0 4px;}
.mq-tag{border:1px solid rgba(255,255,255,.06);padding:9px 22px;font-size:11.5px;color:rgba(255,255,255,.28);white-space:nowrap;}
@keyframes scrollMq{to{transform:translateX(-50%);};}

/* Logo marquees — Members / Strategic Partners / Event Partners */
.mq-wrap:hover{animation-play-state:paused;}
.mq-set{gap:16px;padding:0 8px;}
.mq-logo{flex:0 0 auto;width:calc(16.6vw - 14px);height:88px;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:14px 18px;box-shadow:0 2px 12px rgba(0,0,0,.18);}
.mq-logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;}

/* ══ MEMBERS & EVENT PARTNERS (tile grid with hover tooltip) ══ */
/* .mep-w / .mep-hdr — this section previously used inline styles only
   (padding:0 72px; a space-between header row), so it had no mobile
   treatment at all: heavy side padding, and the "View All" link
   colliding with the wrapping heading text. These match the section's
   original inline values exactly at desktop widths, and are wired into
   the same responsive padding scale / header-stacking pattern already
   used by .wg-w/.wg-hdr and .ch-w/.ch-hdr. */
.mep-w{max-width:1400px;margin:0 auto;padding:0 72px;}
.mep-hdr{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:64px;}
.partner-tile-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;}
.partner-tile{position:relative;background:#fff;border-radius:10px;height:110px;display:flex;align-items:center;justify-content:center;padding:20px;box-shadow:0 2px 12px rgba(0,0,0,.18);cursor:pointer;}
.partner-tile-placeholder{background:rgba(255,255,255,.03);border:1px dashed rgba(255,255,255,.22);box-shadow:none;cursor:default;}
.partner-tile-placeholder .ph-name{font-size:11px;font-weight:600;color:rgba(255,255,255,.4);text-align:center;line-height:1.45;letter-spacing:.01em;}
.partner-tile img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;}
.partner-tooltip{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(-6px);width:240px;background:var(--navy-m);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:18px 20px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s,transform .22s,visibility .22s;z-index:30;box-shadow:0 24px 60px rgba(0,0,0,.5);text-align:left;}
.partner-tile:hover .partner-tooltip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.partner-tooltip::before{content:"";position:absolute;bottom:100%;left:50%;transform:translateX(-50%);border:7px solid transparent;border-bottom-color:var(--navy-m);}
.partner-tooltip h5{font-family:var(--serif);font-size:15px;font-weight:600;color:var(--white);margin-bottom:6px;}
.partner-tooltip p{font-size:12px;color:rgba(255,255,255,.55);line-height:1.6;}

/* ══ VOICES ═══════════════════════════════════════ */

.voices{background:var(--white);padding:60px 0;overflow:hidden;}
.vc-w{max-width:1400px;margin:0 auto;padding:0 72px;}
.vc-hdr{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:80px;}
.vc-nav{display:flex;gap:8px;}
.vc-btn{width:40px;height:40px;border-radius:50%;border:1px solid rgba(4,13,34,.1);color:rgba(4,13,34,.35);font-size:15px;display:flex;align-items:center;justify-content:center;transition:border-color var(--t),color var(--t);}
.vc-btn:hover{border-color:rgba(4,13,34,.4);color:var(--dk-txt);}
.vc-slider{overflow:hidden;transition:height .4s var(--ease);}
.vc-track{display:flex;align-items:flex-start;transition:transform .7s var(--ease);}
.vc-slide{min-width:100%;}
.vc-layout{display:grid;grid-template-columns:5fr 7fr;gap:112px;align-items:center;}
.vc-photo{position:relative;padding-bottom:20px;}
.vc-frame{aspect-ratio:3/4;overflow:hidden;background:var(--navy-s);position:relative;width: 85%;height: 85%;z-index: 1;}
.vc-fill{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(160deg,#0D1E5E 0%,#050D22 100%);}
.vc-initials{font-family:var(--serif);font-size:96px;font-weight:300;color:rgba(255,255,255,.05);line-height:1;margin-bottom:14px;}
.vc-photo-img{width:100%;height:100%;object-fit:cover;display:block;}
.vc-photo-scrim{position:absolute;inset:0;background:linear-gradient(to top,rgba(1,14,38,.82) 0%,rgba(1,14,38,.15) 40%,rgba(1,14,38,0) 60%);pointer-events:none;}
.vc-id{position:absolute;left:20px;bottom:18px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.75);}
.vc-shadow{position:absolute;top:20px;left:20px;right:-20px;bottom:-20px;border: 1px solid #000430;
    width: 85%;height: 96%;
    z-index: 0;}
.vc-qm{font-family:var(--serif);font-size:120px;line-height:.5;color:rgba(4,13,34,.06);display:block;margin-bottom:20px;}
.vc-q{font-family:var(--serif);font-size:clamp(19px,2.2vw,28px);font-weight:400;font-style:italic;color:rgba(4,13,34,.75);line-height:1.6;margin-bottom:48px;}
.vc-by{display:flex;align-items:center;gap:18px;}
.vc-rule{width:32px;height:1px;background:rgba(4,13,34,.12);}
.vc-name{font-size:14px;font-weight:600;color:var(--dk-txt);display:block;margin-bottom:4px;}
.vc-role {
    font-size: 13px;
    color: rgb(4 13 34 / 85%);
}
.vc-dots{display:flex;gap:8px;justify-content:center;margin-top:56px;}
.vc-dot{width:5px;height:5px;border-radius:50%;background:rgba(4,13,34,.1);border:none;cursor:pointer;transition:background var(--t),width var(--t);}
.vc-dot.on{background:rgba(4,13,34,.5);width:18px;border-radius:3px;}
@media(max-width:900px){
  .vc-qm {margin-bottom: 0px !important;}
  .vc-nav {
    display: none !important;
}

    button.btn-w, button.btn-ol, .join-btns .btn-w, .join-btns .btn-ol, .btn-ol {
        padding: 14px 30px !important;
        font-size: 12px !important;
        text-align: center !important;
        min-width: 240px;
        display: block;
    }
}
/* ══ NEWS ═════════════════════════════════════════ */

.mfta-rp-title a {
    color: #000 !important;
;}
.mfta-rp-content {
    background: #f5f5f5 !important;
;}
.mfta-rp-excerpt {
    display: none !important;

;}
.mfta-rp-title {
    font-size: 14px !important;
;}
.news{background:var(--white);padding:160px 0;}
.news-w{max-width:1400px;margin:0 auto;padding:0 72px;}
.news-hdr{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:60px;}
.news-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3px;}
.ncard{overflow:hidden;border:1px solid rgba(4,13,34,.07);transition:box-shadow var(--t),transform .2s;}
.ncard:hover{box-shadow:0 16px 60px rgba(4,13,34,.09);transform:translateY(-3px);position:relative;z-index:1;}
.nimg{height:240px;overflow:hidden;}
.nimg img{width:100%;height:100%;object-fit:cover;transition:transform var(--t);}
.ncard:hover .nimg img{transform:scale(1.04);}
.nbody{padding:32px;}
.ntag{display:block;font-size:9.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin-bottom:14px;background:var(--gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.nbody h3{font-family:var(--serif);font-size:19px;font-weight:600;color:var(--dk-txt);margin-bottom:10px;line-height:1.3;}
.ncard.sm .nbody h3{font-size:15.5px;}
.nbody p{font-size:13.5px;color:var(--dk-dim);line-height:1.7;margin-bottom:16px;}
.nmeta{font-size:11px;color:rgba(4,13,34,.28);}

/* ══ CHAPTERS (homepage) ══════════════════════════ */
.chapters{background:var(--night);padding:160px 0 0;}
.ch-w{max-width:1400px;margin:0 auto;padding:0 72px;}
.ch-hdr{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:72px;}
.ch-grid{display:grid;grid-template-columns:repeat(6,1fr);min-height:560px;}
.ch{position:relative;overflow:hidden;cursor:pointer;display:block;}
.ch-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .7s var(--ease);}
.ch:hover .ch-bg{transform:scale(1.1);}
.ch-veil{position:absolute;inset:0;background:rgba(0,8,16,0);transition:background .35s var(--ease);}
.ch:hover .ch-veil{background:rgba(0,8,16,.28);}
.ch-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 100%,rgba(15,30,100,.45) 0%,transparent 65%);opacity:0;transition:opacity var(--t);}
.ch:hover .ch-glow{opacity:1;}
.ch-body{    background: linear-gradient(360deg, black, rgb(0 0 0 / 11%));position:absolute;bottom:0;left:0;right:0;padding:22px 16px;z-index:2;}
.ch-lbl{font-family:var(--cond);font-size:9px;font-weight:900;letter-spacing:.3em;text-transform:uppercase;color:rgba(255,255,255,.26);display:block;margin-bottom:3px;}
.ch-name{font-family:var(--cond);font-size:clamp(19px,1.7vw,25px);font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--white);line-height:1;margin-bottom:8px;}
.ch-logo{height:clamp(28px,3vw,40px);width:auto;max-width:80%;object-fit:contain;margin-bottom:8px;filter:brightness(0) invert(1);}
.ch-name-text{display:block;font-family:var(--serif);font-size:clamp(16px,1.6vw,20px);font-weight:500;line-height:1.15;color:var(--white);margin-bottom:8px;}
.ch-line{width:16px;height:1px;background:linear-gradient(90deg,var(--g2),var(--g4));margin-bottom:8px;transition:width var(--t);}
.ch:hover .ch-line{width:28px;}
.ch-cities {
    font-size: 12px;
    color: rgb(255 255 255 / 85%);
    letter-spacing: .04em;
;}
.ch-hq{position:absolute;top:12px;right:8px;border:1px solid rgba(255,255,255,.1);font-size:8px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:3px 7px;color:rgba(255,255,255,.28);}
.ch-ksa .ch-bg{background-image:url(https://mena-fintech.org/uat/wp-content/uploads/2026/08/Saudia.png);}
.ch-bah .ch-bg{background-image:url(https://mena-fintech.org/uat/wp-content/uploads/2026/08/Bahrian-1.png);}
.ch-qat .ch-bg{background-image:url(https://mena-fintech.org/uat/wp-content/uploads/2026/08/qatar-3.png);}
.ch-jor .ch-bg{background-image:url(https://mena-fintech.org/uat/wp-content/uploads/2026/08/jordan-1.png);}
.ch-afr .ch-bg{background-image:url(https://mena-fintech.org/uat/wp-content/uploads/2026/09/AfricaHomeThumb.png);}
.ch-irq .ch-bg{background-image:url(https://mena-fintech.org/uat/wp-content/uploads/2026/09/IraqThumb.png);}

/* ══ JOIN (homepage) ══════════════════════════════ */
.join{background:var(--navy-b);padding:160px 0;position:relative;overflow:hidden;text-align:center;}
.join::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:60px 60px;}
.join-inner{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:0 72px;}
.join-title{margin-bottom:20px;}
.join-desc{font-size:16px;font-weight:300;color:rgba(255,255,255,.8);max-width:440px;margin:0 auto 56px;line-height:1.95;}
.tier-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:48px;}
.ttag{border:1px solid rgba(255,255,255,.1);padding:10px 24px;font-size:12px;color:rgba(255,255,255,.60);transition:border-color var(--t),color var(--t);background: rgb(212 176 74 / 17%);}
.ttag:hover{border-color:rgba(196,153,46,.4);color:var(--gold-solid);background:rgba(196,153,46,.06);}
.ttag.f{border-color:rgba(196,153,46,.4);color:var(--gold-solid);background:rgba(196,153,46,.06);}
.join-btns{display:flex;gap:12px;justify-content:center;}

/* ══ PARTNERS / MEDIA ═════════════════════════════ */
.partners-band{background:var(--night);padding:60px 0;border-top:1px solid rgba(255,255,255,.04);}
.pl{text-align:center;font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.13);margin-bottom:28px;}
.pr{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:1400px;margin:0 auto;padding:0 72px;}
.pchip{border:1px solid rgba(255,255,255,.07);padding:9px 22px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.22);transition:border-color .2s,color .2s;}
.pchip:hover{border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.6);}
.media-band{background:var(--night);padding:48px 0;border-top:1px solid rgba(255,255,255,.04);}
.ml{text-align:center;font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.1);margin-bottom:24px;}
.mr{display:flex;gap:52px;justify-content:center;align-items:center;flex-wrap:wrap;}
.mname{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.1);transition:color var(--t);}
.mname:hover{color:rgba(255,255,255,.38);}

/* ══ FOOTER ═══════════════════════════════════════ */
.footer{background:var(--night);border-top:1px solid rgba(255,255,255,.06);padding:96px 0 0;}
.footer-w{max-width:1400px;margin:0 auto;padding:0 72px;}
.footer-grid{display:grid;grid-template-columns:2.5fr 1fr 1fr 1fr 1fr;gap:52px;padding-bottom:80px;border-bottom:1px solid rgba(255,255,255,.06);}
.footer-brand{font-family:var(--serif);font-size:18px;font-weight:400;color:var(--white);margin-bottom:16px;}
.footer-desc {
    font-size: 16px;
    color: rgb(255 255 255 / 85%);
    line-height: 1.9;
    margin-bottom: 28px;
    max-width: 340px;
}
.footer-social{display:flex;gap:8px;}
.fsoc {
    width: 38px;
    height: 38px;
    border: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    color: rgb(255 255 255);
    transition: border-color .2s, color .2s;
    box-shadow: inset 0px 0px 0px 4px #ffffff;
    border-radius: 50% !important;
}
.fsoc:hover{border-color:rgba(255,255,255,.25);color:var(--white);}
.footer-col h5 {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: rgb(255 255 255);
    margin-bottom: 18px;
}
.footer-col ul{list-style:none;}.footer-col li{margin-bottom:12px;}
.footer-col a{font-size:15px;color: rgb(255 255 255);transition:color .2s;}
.footer-col a:hover{color:rgba(255,255,255,.8);}
.footer-btm{padding:24px 0;display:flex;justify-content:space-between;align-items:center;}
.footer-copy {
    font-size: 14px;
    color: rgb(255 255 255 / 80%);
}
.footer-links{display:flex;gap:22px;}
.footer-links a{font-size:14px;color: rgb(255 255 255 / 80%);transition:color .2s;}
.footer-links a:hover{color:rgba(255,255,255,.4);}

/* ══ ABOUT PAGE ═══════════════════════════════════ */
.story{background:var(--white);padding:160px 0;}
.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:start;max-width:1400px;margin:0 auto;padding:0 72px;}
.story-sticky-col{position:sticky;top:96px;}
 
/* Standalone quote section - split out from the story section */
.story-quote{background:var(--navy-m);padding:80px 0;text-align:center;position:relative;overflow:hidden;}
.story-quote-inner{max-width:900px;margin:0 auto;padding:0 72px;position:relative;z-index:1;}
.story-quote-mark{display:block;font-family:var(--serif);font-size:100px;line-height:1;color:rgba(255,255,255,.14);}
.story-quote-text{font-family:var(--serif);font-size:clamp(24px,3vw,36px);font-weight:400;font-style:italic;color:var(--white);line-height:1.5;margin-bottom:32px;}
.story-quote-rule{width:36px;height:1px;background:linear-gradient(90deg,var(--g2),var(--g4));margin:0 auto 20px;}
.story-quote-cite{font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5);font-style:normal;}
.story-label{font-size:9.5px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;background:var(--gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;margin-bottom:22px;}
.story-h{font-family:var(--serif);font-size:clamp(38px,4.5vw,64px);font-weight:400;line-height:.97;letter-spacing:-.025em;color:var(--dk-txt);margin-bottom:32px;}
.story-h em{font-style:italic;font-weight:300;color:#1A3080;}
.story-body{font-size:18px;font-weight:300;color:var(--dk-dim);line-height:1.45;margin-bottom:24px;}
.story-pull{border-left:1px solid;border-image:linear-gradient(180deg,transparent,var(--g3) 30%,var(--g3) 70%,transparent) 1;padding:24px 0 24px 32px;margin:36px 0;}
.story-pull blockquote{font-family:var(--serif);font-size:21px;font-style:italic;font-weight:400;color:var(--dk-txt);line-height:1.55;margin-bottom:10px;}
.story-pull cite{font-size:11px;color:rgba(4,13,34,.4);letter-spacing:.04em;}
.timeline{padding-top:8px;}
.tl-item{display:flex;gap:24px;margin-bottom:36px;position:relative;}
.tl-item:not(:last-child)::after{content:"";position:absolute;left:19px;top:39px;bottom:-36px;width:1px;background:linear-gradient(to bottom, #1a3080, transparent);}
.tl-year{width:40px;height:40px;border:1px solid;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-image:linear-gradient(135deg, #000430, #86aaff) 1;font-size:9px;font-weight:700;letter-spacing:.06em;background:#000430;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.tl-content h4{font-family:var(--serif);font-size:17px;font-weight:600;color:var(--dk-txt);margin-bottom:5px;}
.tl-content p{font-size:16px;color:var(--dk-dim);line-height:1.7;font-weight: 300;}
.mission-sec{background:#000;padding:80px 0;position:relative;overflow:hidden;}
.mission-bg-txt{position:absolute;right:-2%;top:50%;transform:translateY(-50%);font-family:var(--serif);font-size:clamp(120px,15vw,220px);font-weight:700;color:rgba(255,255,255,.02);line-height:1;pointer-events:none;white-space:nowrap;}
.mission-inner{max-width:1200px;margin:0 auto;padding:0 72px;text-align:center;position:relative;z-index:1;}
.mission-statement{font-family:var(--serif);font-size:clamp(28px,3.5vw,52px);font-weight:400;line-height:1.2;color:var(--white);letter-spacing:-.02em;margin-bottom:56px;}
.mission-statement em{font-style:italic;font-weight:300;color:rgba(255,255,255,.55);}
.mission-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:72px;}
.mpillar{background:var(--navy-s);padding:40px 32px;text-align:left;position:relative;overflow:hidden;transition:background var(--t);}
.mpillar::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform var(--t);}
.mpillar:hover{background:rgba(11,34,88,.6);}.mpillar:hover::before{transform:scaleX(1);}
.mpillar-n {
    font-size: 14.5px;
    letter-spacing: .2em;
    color: rgb(255 255 255 / 50%);
    display: block;
    margin-bottom: 22px;
}
.mpillar h4{font-family:var(--serif);font-size:20px;font-weight:600;color:var(--white);margin-bottom:12px;}
.mpillar p{font-size:16px;color:rgb(255 255 255);line-height:1.45;}
.values-sec{background:var(--white);padding:160px 0;}
.values-inner{max-width:1400px;margin:0 auto;padding:0 72px;}
.values-hdr{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:80px;}
.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;}
.vcard{padding:40px 32px;border:1px solid rgba(4,13,34,.07);position:relative;overflow:hidden;transition:box-shadow var(--t),transform .2s;}
.vcard::after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform var(--t);}
.vcard:hover{box-shadow:0 16px 48px rgba(4,13,34,.07);transform:translateY(-2px);}.vcard:hover::after{transform:scaleX(1);}
.vcard-n{font-size:13px;letter-spacing:.2em;color:rgb(4 13 34 / 50%);display:block;margin-bottom:24px;}
.vcard h4{font-family:var(--serif);font-size:21px;font-weight:600;color:var(--dk-txt);margin-bottom:12px;}
.vcard p{font-size:16px;color:var(--dk-dim);line-height:1.45;}
.about-cta-sec{background:var(--navy-b);padding:120px 0;text-align:center;position:relative;overflow:hidden;}
.about-cta-sec::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:60px 60px;}
.about-cta-inner{position:relative;z-index:1;max-width:700px;margin:0 auto;padding:0 72px;}
.about-cta-inner h2{font-family:var(--serif);font-size:clamp(36px,4.5vw,60px);font-weight:400;color:var(--white);margin-bottom:22px;line-height:1.05;letter-spacing:-.02em;}
.about-cta-inner h2 em{font-style:italic;font-weight:300;color:rgba(255,255,255,.55);}
.about-cta-inner p {
    font-size: 18px;
    font-weight: 300;
    color: rgb(255 255 255);
    margin-bottom: 48px;
    line-height: 1.65;
}


/* ══ LEADERSHIP PAGE ══════════════════════════════ */
.chairman-sec{background:var(--white);padding:160px 0;}
.chairman-grid{display:grid;grid-template-columns:1fr 1fr;gap:112px;align-items:center;max-width:1400px;margin:0 auto;padding:0 72px;}
.chairman-photo-wrap{position:relative;}
.chairman-photo{aspect-ratio:4/5;overflow:hidden;background:var(--navy-m);position:relative;width: 80%;
    height: 80%;
    z-index: 1;}
.chairman-initials-bg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:120px;font-weight:300;color:rgba(255,255,255,.06);letter-spacing:-.04em;}
.chairman-shadow{position:absolute;top:24px;left:24px;right:-24px;bottom:-24px;    border: 1px solid rgb(4 13 34 / 98%);
    width: 80%;
    z-index: 0;}
.chairman-body h2{font-family:var(--serif);font-size:clamp(36px,4vw,56px);font-weight:400;color:var(--dk-txt);letter-spacing:-.025em;margin-bottom:8px;line-height:.95;}
.chairman-role{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;display:block;margin-bottom:32px;background:var(--gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.chairman-body p{font-size:16px;font-weight:300;color:var(--dk-dim);line-height:1.45;margin-bottom:20px;}

/* Team member cards (photo or initials fallback) + click-to-open modal */
.team-cat-sec{padding:120px 0;}
.team-cat-inner{max-width:1400px;margin:0 auto;padding:0 72px;}
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.team-card{background:var(--navy-s);cursor:pointer;transition:background var(--t);position:relative;text-align:left;border:none;color:inherit;font-family:inherit;display:block;width:100%;padding:0;}
.team-card:hover{background:#000430;}
.team-card-media{aspect-ratio:3/4;overflow:hidden;position:relative;background:linear-gradient(160deg,#0D1E5E,#050D22);}
.team-card-media img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9);}
.team-card-initials{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:34px;font-weight:300;color:rgba(255,255,255,.32);}
.team-card-tap {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 28px;
    height: 28px;
    border: 1.5px solid #000430;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #000430;
    opacity: 0;
    transition: opacity .2s;
    line-height: 20px;
}
.team-card:hover .team-card-tap{opacity:1;}
.team-card-body{padding:20px 22px 24px;}
.team-card-body h3{font-family:var(--serif);font-size:16.5px;font-weight:600;color:var(--white);margin-bottom:4px;line-height:1.25;}
.team-card-role{font-size:13px;color:rgb(255 255 255 / 85%);line-height:1.5;display:block;}

.team-modal-overlay{position:fixed !important;top:0 !important;left:0 !important;width:100vw !important;height:100vh !important;inset:0;background:rgba(0,0,0,.75);backdrop-filter:blur(6px);z-index:99999;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0 !important;visibility:hidden !important;transition:opacity .28s,visibility .28s;}
.team-modal-overlay.open{opacity:1 !important;visibility:visible !important;}
.team-modal{background:var(--white);max-width:480px;width:100%;max-height:85vh;overflow-y:auto;position:relative;transform:translateY(16px);transition:transform .28s;border:1px solid rgba(4,13,34,.08);box-shadow:0 40px 100px rgba(0,0,0,.4);}
.team-modal-overlay.open .team-modal{transform:translateY(0);}
.team-modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;background:rgba(4,13,34,.05);border:none;color:var(--dk-txt);font-size:15px;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center;}
.team-modal-close:hover{background:rgba(4,13,34,.1);}
.team-modal-media{width:120px;height:120px;border-radius:50%;overflow:hidden;margin:40px auto 0;background:linear-gradient(160deg,#0D1E5E,#050D22);display:flex;align-items:center;justify-content:center;}
.team-modal-media img{width:100%;height:100%;object-fit:cover;}
.team-modal-media span{font-family:var(--serif);font-size:40px;font-weight:300;color:rgba(255,255,255,.4);}
.team-modal-body{padding:26px 40px 44px;text-align:center;}
.team-modal-body h3{font-family:var(--serif);font-size:24px;font-weight:400;color:var(--dk-txt);margin-bottom:8px;line-height:1.2;}
.team-modal-role{font-size:11.5px;color:#000430;letter-spacing:.03em;display:block;margin-bottom:24px;line-height:1.5;}
.team-modal-body p{font-size:14.5px;font-weight:300;color:#000;line-height:1.85;margin-bottom:28px;text-align:center;}
.team-modal-body .btn-ol{display:inline-flex;border-color:rgba(4,13,34,.18);color: rgb(255 255 255) !important;
    padding: 10px 20px;
    background: #000430;}
.team-modal-body .btn-ol:hover{border-color:rgba(4,13,34,.4);color:var(--dk-txt);}

section.team-cat-sec.wt .sec-label span {
    color: #000430;
}
.sec-label.foundr span {
    color: #000430;
}
.lightSec .sec-label span {
    color: #000430 !important;
}

.board-sec{background:var(--navy-m);padding:160px 0;}
.board-inner{max-width:1400px;margin:0 auto;padding:0 72px;}
.board-hdr{margin-bottom:80px;}
.board-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;}
.bcard{background:var(--navy-s);padding:36px 28px;position:relative;overflow:hidden;transition:background var(--t);}
.bcard::after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform var(--t);}
.bcard:hover{background:rgba(11,34,88,.55);}.bcard:hover::after{transform:scaleX(1);}
.bcard-init{width:52px;height:52px;border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:20px;font-weight:400;color:rgba(255,255,255,.4);margin-bottom:20px;}
.bcard h3{font-family:var(--serif);font-size:18px;font-weight:600;color:var(--white);margin-bottom:5px;}
.bcard-role{font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;display:block;margin-bottom:8px;background:var(--gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.8;}
.bcard-org{font-size:12.5px;color:var(--dimmer);}
.advisory-sec{background:var(--white);padding:120px 0;}
.advisory-inner{max-width:1400px;margin:0 auto;padding:0 72px;}
.advisory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;}
.acard{padding:28px 24px;border:1px solid rgba(4,13,34,.07);transition:box-shadow var(--t);}
.acard:hover{box-shadow:0 8px 32px rgba(4,13,34,.07);}
.acard h4{font-family:var(--serif);font-size:16px;font-weight:600;color:var(--dk-txt);margin-bottom:4px;}
.acard p{font-size:12.5px;color:var(--dk-dim);}
.secretariat-sec{background:var(--night);padding:120px 0;}
.secretariat-inner{max-width:1400px;margin:0 auto;padding:0 72px;}
.sec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;}
.sec-member{position:relative;overflow:hidden;background:var(--navy-s);padding:44px 32px;text-align:center;transition:background var(--t);}
.sec-member:hover{background:rgba(11,34,88,.55);}
.sec-avatar{width:72px;height:72px;border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:26px;font-weight:400;color:rgba(255,255,255,.3);margin:0 auto 20px;}
.sec-member h3{font-family:var(--serif);font-size:18px;font-weight:600;color:var(--white);margin-bottom:5px;}
.sec-role{font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;display:block;background:var(--gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.8;}

/* ══ WORKING GROUPS PAGE ══════════════════════════ */
.wg-page-intro{background:var(--white);padding:160px 0;}
.page-template-template-working-groups .page-sub {
     max-width: 800px !important;
}
.wg-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:112px;align-items:start;max-width:1400px;margin:0 auto;padding:0 72px;}
.wg-intro-h{font-family:var(--serif);font-size:clamp(34px,4.3vw,58px);font-weight:400;line-height:.97;letter-spacing:-.025em;color:var(--dk-txt);margin-bottom:28px;}
.wg-intro-h em{font-style:italic;font-weight:300;color:#1A3080;}
.wg-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;}
.wg-stat{background:var(--navy-m);padding:32px 28px;}
.wg-stat-num{font-family:var(--serif);font-size:48px;font-weight:300;line-height:1;color:var(--white);margin-bottom:8px;}
.wg-stat-label{font-size:12px;color:rgba(255,255,255,.35);letter-spacing:.06em;}
.wg-full-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;}
.wgp-card{position:relative;overflow:hidden;height:520px;cursor:pointer;background:var(--navy-s);}
.wgp-card:hover .wgp-photo{transform:scale(1.06);filter:saturate(.65) brightness(.7);}
.wgp-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.25) brightness(.45);transition:transform .7s var(--ease),filter .6s;}
.wgp-veil{position:absolute;inset:0;background:linear-gradient(to top,rgba(1,14,38,.98) 0%,rgba(1,14,38,.55) 50%,rgba(1,14,38,.15) 100%);}
.wgp-num{position:absolute;top:36px;left:44px;font-family:var(--serif);font-size:72px;font-weight:300;color:rgba(255,255,255,.05);line-height:1;}
.wgp-body{position:absolute;bottom:0;left:0;right:0;padding:52px 44px;}
.wgp-card h3{font-family:var(--serif);font-size:clamp(24px,2.5vw,34px);font-weight:400;color:var(--white);line-height:1.1;margin-bottom:14px;transition:margin-bottom var(--t);}
.wgp-card p{font-size:14px;color:rgba(255,255,255,.45);line-height:1.75;max-width:420px;}
.wgp-arrow{position:absolute;bottom:44px;right:40px;width:40px;height:40px;border:1px solid rgba(255,255,255,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.35);font-size:17px;transition:all var(--t);}
.wgp-card:hover .wgp-arrow{border-color:var(--gold-solid);color:var(--gold-solid);transform:rotate(45deg);}

/* WG Detail Panel */
.wg-detail-panel{display:none;grid-column:1/-1;background:var(--white);padding:96px 72px;border-top:3px solid var(--gold-solid);}
.wg-detail-panel.open{display:block;}
.wg-close-btn{display:inline-flex;align-items:center;gap:10px;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(4,13,34,.38);cursor:pointer;background:none;border:none;margin-bottom:48px;transition:color var(--t);}
.wg-close-btn:hover{color:var(--dk-txt);}
.wg-detail-panel h2{font-family:var(--serif);font-size:clamp(36px,4vw,56px);font-weight:400;line-height:.97;letter-spacing:-.025em;color:var(--dk-txt);margin-bottom:20px;}
.wg-detail-panel .wg-detail-desc{font-size:16px;font-weight:300;color:var(--dk-dim);line-height:1.9;max-width:740px;margin-bottom:56px;}
.wg-detail-cols{display:grid;grid-template-columns:3fr 2fr;gap:80px;}
.wg-detail-list h4{font-size:9.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:rgba(4,13,34,.28);margin-bottom:24px;}
.wg-detail-list ul{list-style:none;}
.wg-detail-list li{padding:16px 0;border-bottom:1px solid rgba(4,13,34,.07);font-size:15px;font-weight:300;color:var(--dk-dim);display:flex;align-items:flex-start;gap:16px;line-height:1.6;}
.wg-detail-list li::before{content:"";width:4px;height:4px;border-radius:50%;background:var(--gold-solid);flex-shrink:0;margin-top:8px;}
.wg-detail-sidebar{background:var(--navy-m);padding:44px;color:var(--white);}
.wg-detail-sidebar h4{font-size:9.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.28);margin-bottom:28px;}
.wg-meta-item{margin-bottom:22px;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.07);}
.wg-meta-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none;}
.wg-meta-label{font-size:10px;color:rgba(255,255,255,.28);margin-bottom:5px;letter-spacing:.06em;}
.wg-meta-val{font-family:var(--serif);font-size:17px;font-weight:400;color:var(--white);}
/* Who Can Join — eligibility + selection criteria */
.wg-eligibility{background:var(--white);padding:140px 0;border-top:1px solid rgba(4,13,34,.06);}
.wg-eligibility-inner{max-width:1400px;margin:0 auto;padding:0 72px;}
.wg-crit-heading{font-family:var(--serif);font-size:26px;font-weight:600;color:var(--dk-txt);margin:64px 0 8px;}
.wg-crit-sub{font-size:15px;font-weight:300;color:#000;margin-bottom:32px;}
.wg-crit-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;}
.wg-crit-item{background:var(--white);border:1px solid rgba(4,13,34,.08);padding:32px 36px;display:flex;gap:22px;align-items:flex-start;transition:box-shadow .25s,transform .2s;}
.wg-crit-item:hover{box-shadow:0 16px 48px rgba(4,13,34,.08);transform:translateY(-2px);}
.wg-crit-num{font-family:var(--serif);font-size:15px;font-weight:600;letter-spacing:.04em;background:var(--gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex-shrink:0;padding-top:2px;}
.wg-crit-item h4{font-family:var(--serif);font-size:17px;font-weight:600;color:var(--dk-txt);margin-bottom:8px;letter-spacing:-.01em;}
.wg-crit-item p{font-size:14.5px;font-weight:300;color:#000;line-height:1.65;}

/* How to Join — animated 4-step process timeline */
.wg-howjoin{background:var(--navy-b);padding:80px 0;position:relative;overflow:hidden;}
.wg-howjoin::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:60px 60px;}
.wg-howjoin-inner{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 72px;}
.wg-howjoin .display{margin-bottom:40px;}
.wg-steps{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:32px;}
.wg-steps::before{content:"";position:absolute;top:34px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--g2) 8%,var(--g4) 50%,var(--g2) 92%,transparent);z-index:0;}
.wg-step{position:relative;z-index:1;}
.wg-step-num{display:flex;align-items:center;justify-content:center;width:68px;height:68px;border-radius:50%;background:var(--navy-b);border:1px solid rgba(255,255,255,.18);font-family:var(--serif);font-size:22px;font-weight:400;color:var(--white);margin-bottom:26px;transition:border-color .3s var(--ease),transform .3s var(--ease);}
.wg-step:hover .wg-step-num{border-color:var(--gold-solid);transform:scale(1.08);}
.wg-step h4{font-family:var(--serif);font-size:19px;font-weight:600;color:var(--white);margin-bottom:10px;line-height:1.3;letter-spacing:-.01em;}
.wg-step p{font-size:14px;font-weight:300;color:rgb(255 255 255 / 75%);line-height:1.7;}
.wg-howjoin-cta{text-align:center;margin-top:72px;}

@media(max-width:1100px){
  .wg-eligibility-inner{padding:0 40px;}
  .wg-howjoin-inner{padding:0 40px;}
}
@media(max-width:900px){
  .wg-eligibility{padding:100px 0;}
  .wg-eligibility-inner{padding:0 28px;}
  .wg-crit-grid{grid-template-columns:1fr;}
  .wg-howjoin{padding:100px 0;}
  .wg-howjoin-inner{padding:0 28px;}
  .wg-steps{grid-template-columns:1fr 1fr;gap:48px 24px;}
  .wg-steps::before{display:none;}

}
@media(max-width:600px){
  .wg-eligibility-inner{padding:0 20px;}
  .wg-crit-item{padding:26px 24px;}
  .wg-howjoin-inner{padding:0 20px;}
  .wg-steps{grid-template-columns:1fr;gap:44px;}
  .wg-step-num{width:56px;height:56px;font-size:19px;}
}

.wg-cta{background:var(--navy-b);padding:120px 0;text-align:center;position:relative;overflow:hidden;}
.wg-cta::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:60px 60px;}
.wg-cta-inner{position:relative;z-index:1;max-width:700px;margin:0 auto;padding:0 72px;}

/* Join a Working Group — popup form, matching .event-modal's pattern */
.wg-join-modal-overlay{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(6px);z-index:99999;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0!important;visibility:hidden!important;transition:opacity .28s,visibility .28s;}
.wg-join-modal-overlay.open{opacity:1!important;visibility:visible!important;}

.wg-join-modal{background:var(--navy-m);width:min(92vw,760px);max-height:88vh;overflow-y:auto;position:relative;transform:translateY(16px);transition:transform .28s;border:1px solid rgba(255,255,255,.08);box-shadow:0 40px 100px rgba(0,0,0,.5);}


.wg-join-modal-overlay.open .wg-join-modal{transform:translateY(0);}
.wg-join-modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.06);border:none;color:var(--white);font-size:15px;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center;transition:background .2s;}
.wg-join-modal-close:hover{background:rgba(255,255,255,.14);}
.wg-join-modal-head{padding:44px 44px 0;}
.wg-join-modal-head h3{font-family:var(--serif);font-size:clamp(24px,3vw,32px);font-weight:400;color:var(--white);line-height:1.1;letter-spacing:-.02em;margin-bottom:10px;}
.wg-join-modal-head p{font-size:16px;color:rgb(255 255 255 / 85%);line-height:1.45;}
.wg-join-modal-body{padding:28px 44px 44px;}

/* ══ INTELLIGENCE PAGE ════════════════════════════ */
.intel-page-feat{background:var(--white);padding:160px 0;}
.intel-feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:112px;align-items:center;max-width:1400px;margin:0 auto;padding:0 72px;}
.intel-cover{aspect-ratio:3/4;background:var(--navy);position:relative;overflow:hidden;max-width:380px;}
.intel-cover-inner{position:absolute;inset:0;padding:52px;display:flex;flex-direction:column;justify-content:space-between;}
.intel-cover-year{font-family:var(--serif);font-size:72px;font-weight:300;color:rgba(255,255,255,.07);line-height:1;}
.intel-cover-title{font-family:var(--serif);font-size:22px;font-weight:400;color:var(--white);line-height:1.3;}
.intel-cover-bar{height:3px;background:var(--gold-solid);width:60%;margin-top:8px;}
.intel-feat-body h2{font-family:var(--serif);font-size:clamp(32px,4vw,52px);font-weight:400;color:var(--dk-txt);line-height:.97;letter-spacing:-.025em;margin-bottom:22px;}
.intel-feat-body p{font-size:15.5px;font-weight:300;color:var(--dk-dim);line-height:1.9;margin-bottom:32px;}
.intel-meta-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:32px 0;border-top:1px solid rgba(4,13,34,.07);border-bottom:1px solid rgba(4,13,34,.07);margin-bottom:36px;}
.intel-meta-item label{font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(4,13,34,.28);display:block;margin-bottom:5px;}
.intel-meta-item span{font-family:var(--serif);font-size:17px;font-weight:400;color:var(--dk-txt);}
.reports-sec{background:var(--navy-m);padding:120px 0;}
.reports-inner{max-width:1400px;margin:0 auto;padding:0 72px;}
.reports-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:64px;}
.rcard{background:var(--navy-s);padding:36px 30px;position:relative;overflow:hidden;cursor:pointer;transition:background var(--t);}
.rcard::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--gold);transform:scaleY(0);transform-origin:top;transition:transform var(--t);}
.rcard:hover{background:rgba(11,34,88,.55);}.rcard:hover::before{transform:scaleY(1);}
.rcard-type{font-size:9.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;display:block;margin-bottom:14px;background:var(--gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.75;}
.rcard h3{font-family:var(--serif);font-size:19px;font-weight:400;color:var(--white);margin-bottom:10px;line-height:1.25;}
.rcard p{font-size:13px;color:rgba(255,255,255,.32);line-height:1.7;margin-bottom:20px;}
.rcard-meta{font-size:10.5px;color:rgba(255,255,255,.18);display:flex;justify-content:space-between;}
.webinar-sec{background:var(--white);padding:120px 0;}
.webinar-inner{max-width:1400px;margin:0 auto;padding:0 72px;}
.webinar-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;margin-top:64px;}
.wv-card{background:var(--navy-m);padding:36px;display:flex;gap:24px;align-items:flex-start;cursor:pointer;transition:background var(--t);}
.wv-card:hover{background:var(--navy-s);}
.wv-play{width:52px;height:52px;border:1px solid rgba(255,255,255,.12);border-radius:50%;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.3);font-size:17px;flex-shrink:0;transition:border-color var(--t),color var(--t),background var(--t);}
.wv-card:hover .wv-play{border-color:var(--gold-solid);color:var(--gold-solid);}
.wv-body h3{font-family:var(--serif);font-size:18px;font-weight:400;color:var(--white);margin-bottom:8px;line-height:1.25;}
.wv-meta{font-size:11px;color:rgba(255,255,255,.28);}

/* ══ EVENTS PAGE ══════════════════════════════════ */
#page-events .inner-hero{background:transparent;}
#page-events .inner-hero-bg{background:var(--night);}
.events-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35;mix-blend-mode:luminosity;}
.flagship-sec{background:var(--white);padding:160px 0;}
.flagship-grid{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;max-width:1400px;margin:0 auto;padding:0 72px;gap:80px;align-items:center;}
.flagship-img{position:relative;aspect-ratio:4/3;overflow:hidden;}
.flagship-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease);}
.flagship-img:hover img{transform:scale(1.03);}
.flagship-body h2{font-family:var(--serif);font-size:clamp(32px,4vw,52px);font-weight:400;color:var(--dk-txt);line-height:.97;letter-spacing:-.025em;margin-bottom:22px;}
.flagship-body p{font-size:15.5px;font-weight:300;color:var(--dk-dim);line-height:1.9;margin-bottom:28px;}
.flagship-stats{display:flex;gap:48px;margin-top:16px;padding-top:36px;border-top:1px solid rgba(4,13,34,.07);}
.fs-num{font-family:var(--serif);font-size:38px;font-weight:300;color:var(--dk-txt);line-height:1;}
.fs-label{font-size:11px;color:rgba(4,13,34,.35);margin-top:4px;letter-spacing:.06em;}
.upcoming-sec{background:var(--navy-m);padding:120px 0;}
.upcoming-inner{max-width:1400px;margin:0 auto;padding:0 72px;}
.upcoming-list{margin-top:64px;display:flex;flex-direction:column;gap:2px;}
.uev{background:var(--navy-s);padding:36px 44px;display:flex;align-items:center;gap:48px;cursor:pointer;transition:background var(--t);}
.uev:hover{background:rgba(11,34,88,.55);}
.uev-date{min-width:72px;text-align:center;}
.uev-day{font-family:var(--serif);font-size:42px;font-weight:300;color:var(--white);line-height:1;}
.uev-month{font-size:9px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;display:block;background:var(--gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.uev-div{width:1px;height:52px;background:rgba(255,255,255,.08);}
.uev-body{flex:1;}
.uev-body h3{font-family:var(--serif);font-size:20px;font-weight:400;color:var(--white);margin-bottom:5px;}
.uev-body p{font-size:13px;color:rgba(255,255,255,.3);}
.uev-tag{border:1px solid rgba(255,255,255,.1);font-size:9px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.28);padding:5px 14px;white-space:nowrap;}



.evt-partner-cta{background:var(--navy-b);padding:120px 0;text-align:center;position:relative;overflow:hidden;}
.evt-partner-cta::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:60px 60px;}
.evt-partner-cta-inner{position:relative;z-index:1;max-width:780px;margin:0 auto;padding:0 72px;}
.evt-partner-cta-text{font-size:16px;font-weight:300;color:rgb(255 255 255 / 80%);line-height:1.85;margin:20px 0 40px;}
 
@media(max-width:900px){
  .evt-partner-cta{padding:90px 0;}
  .evt-partner-cta-inner{padding:0 28px;}
}
@media(max-width:600px){
  .evt-partner-cta-inner{padding:0 20px;}
}
 
 

/* ══ CHAPTERS PAGE ════════════════════════════════ */
.ch-page-hero-night{background:var(--night) !important;}
.ch-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;}
.ch-page-card{position:relative;cursor:pointer;background:var(--white);display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .3s var(--ease);}
.ch-page-card:hover{box-shadow:0 24px 60px rgba(0,0,0,.35);}

/* Photo zone - full clarity, no permanent overlay; a light tint appears on hover */
.ch-page-photo{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--navy-s);}
.ch-page-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease);}
.ch-page-card:hover .ch-page-img{transform:scale(1.06);}
.ch-page-photo-veil{position:absolute;inset:0;background:rgba(0,8,16,0);transition:background .35s var(--ease);pointer-events:none;}
.ch-page-card:hover .ch-page-photo-veil{background:rgba(0,8,16,.18);}

/* Body zone - white panel (chapter logos are black, so this needs to stay light) */
.ch-page-body{background:var(--white);padding:30px 30px 26px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;flex:1;}
.ch-page-logo{height:38px;width:auto;max-width:75%;object-fit:contain;}
.ch-page-logo-text{font-family:var(--serif);font-size:21px;font-weight:600;color:var(--dk-txt);letter-spacing:-.01em;}
.ch-page-body p{font-size:13px;color:rgba(4,13,34,.5);letter-spacing:.02em;}
.ch-page-btn{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding:11px 18px;border:1px solid rgba(4,13,34,.16);font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--dk-txt);transition:border-color .25s,background .25s,color .25s,gap .25s;}
.ch-page-card:hover .ch-page-btn{border-color:var(--gold-solid);background:var(--gold-solid);color:var(--night);gap:12px;}

/* Chapter Detail Panel */
.ch-detail-panel{display:none;grid-column:1/-1;background:var(--white);padding:96px 72px;border-top:3px solid var(--gold-solid);}
.ch-detail-panel.open{display:block;}
.ch-detail-header{display:flex;align-items:flex-end;gap:32px;margin-bottom:56px;padding-bottom:48px;border-bottom:1px solid rgba(4,13,34,.07);}
.ch-detail-flag-lg{font-size:56px;line-height:1;}
.ch-detail-header h2{font-family:var(--serif);font-size:clamp(36px,5vw,72px);font-weight:300;color:var(--dk-txt);letter-spacing:-.04em;line-height:.92;}
.ch-detail-sub{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(4,13,34,.3);display:block;margin-top:8px;}
.ch-detail-body{display:grid;grid-template-columns:3fr 2fr;gap:80px;}
.ch-detail-desc{font-size:15.5px;font-weight:300;color:var(--dk-dim);line-height:1.9;margin-bottom:40px;}
.ch-highlights h4{font-size:9.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:rgba(4,13,34,.28);margin-bottom:20px;}
.ch-highlights ul{list-style:none;}
.ch-highlights li{padding:14px 0;border-bottom:1px solid rgba(4,13,34,.07);font-size:15px;font-weight:300;color:var(--dk-dim);display:flex;gap:16px;line-height:1.55;}
.ch-highlights li::before{content:"";width:4px;height:4px;border-radius:50%;background:var(--gold-solid);flex-shrink:0;margin-top:9px;}
.ch-sidebar-card{background:var(--navy-m);padding:44px;color:var(--white);margin-bottom:16px;}
.ch-sidebar-card h5{font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.85);margin-bottom:24px;}
.ch-kv{margin-bottom:16px;}
.ch-kv label{font-size:10px;color:rgba(255,255,255,.85);display:block;margin-bottom:4px;letter-spacing:.06em;}
.ch-kv span{font-family:var(--serif);font-size:17px;font-weight:400;color:var(--white);}

/* Chapters page — informational sections (definition, leadership opportunity, benefits, criteria, final CTA) */
.ch-info-sec{padding:140px 0;}
.ch-info-light{background:var(--white);}
.ch-info-dark{background:var(--navy-m);}
.ch-info-inner{max-width:1400px;margin:0 auto;padding:0 72px;}
.ch-info-inner-narrow{max-width:1400px;}
.ch-info-h{font-family:var(--serif);font-size:clamp(32px,4vw,48px);font-weight:400;line-height:1.08;letter-spacing:-.02em;margin-bottom:32px;}
.ch-info-h.on-light{color:var(--dk-txt);}
.ch-info-h.on-dark{color:var(--white);}
.ch-info-copy p{font-size:17px;font-weight:300;color:#000;line-height:1.85;margin-bottom:20px;}
.ch-info-copy p:last-child{margin-bottom:0;}
.ch-info-copy-dark p{color:rgb(255 255 255 / 88%);}

.ch-benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin-top:56px;}
.ch-benefit-item{background:var(--white);border:1px solid rgba(4,13,34,.08);padding:32px 36px;display:flex;gap:22px;align-items:flex-start;transition:box-shadow .25s,transform .2s;}
.ch-benefit-item:hover{box-shadow:0 16px 48px rgba(4,13,34,.08);transform:translateY(-2px);}
.ch-benefit-num{font-family:var(--serif);font-size:15px;font-weight:600;letter-spacing:.04em;background:var(--gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex-shrink:0;padding-top:2px;}
.ch-benefit-item h4{font-family:var(--serif);font-size:17px;font-weight:600;color:var(--dk-txt);margin-bottom:8px;letter-spacing:-.01em;}
.ch-benefit-item p{font-size:14.5px;font-weight:300;color:#000;line-height:1.7;}

.ch-crit-lead{font-size:16px;font-weight:500;color:rgb(255 255 255 / 88%);max-width:720px;margin-bottom:32px;}
.ch-crit-list{list-style:none;margin-bottom:36px;}
.ch-crit-list li{padding:16px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:15px;font-weight:300;color:rgb(255 255 255 / 85%);display:flex;gap:16px;line-height:1.6;}
.ch-crit-list li::before{content:"";width:4px;height:4px;border-radius:50%;background:var(--gold-solid);flex-shrink:0;margin-top:9px;}
.ch-crit-note{font-size:13px;font-style:italic;color:rgba(255,255,255,.45);padding-top:24px;border-top:1px solid rgba(255,255,255,.08);}

.ch-lead-cta{background:var(--navy-b);padding:160px 0;text-align:center;position:relative;overflow:hidden;}
.ch-lead-cta::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:60px 60px;}
.ch-lead-cta-inner{position:relative;z-index:1;max-width:760px;margin:0 auto;padding:0 72px;}
.ch-lead-cta-text{font-size:16px;font-weight:300;color:rgb(255 255 255 / 85%);line-height:1.85;margin-bottom:16px;}
.ch-lead-cta-btns{margin-top:36px;}
.ch-lead-cta-email{display:inline-block;margin-top:22px;font-size:14px;color:rgba(255,255,255,.55);border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:2px;transition:color .2s,border-color .2s;}
.ch-lead-cta-email:hover{color:var(--white);border-color:rgba(255,255,255,.5);}

@media(max-width:1100px){
  .ch-info-inner{padding:0 40px;}
  .ch-lead-cta-inner{padding:0 40px;}
}
@media(max-width:900px){
  .ch-info-sec{padding:100px 0;}
  .ch-info-inner{padding:0 28px;}
  .ch-benefit-grid{grid-template-columns:1fr;}
  .ch-lead-cta{padding:120px 0;}
}
@media(max-width:600px){
  .ch-info-inner{padding:0 20px;}
  .ch-benefit-item{padding:26px 24px;}
  .ch-lead-cta-inner{padding:0 20px;}
}

/* ══ MEMBERSHIP PAGE ══════════════════════════════ */
.membership-why{background:var(--white);padding:160px 0;}
.membership-why-grid{display:grid;grid-template-columns:1fr 1fr;gap:112px;align-items:start;max-width:1400px;margin:0 auto;padding:0 72px;}
.membership-why h2{font-family:var(--serif);font-size:clamp(36px,4.5vw,60px);font-weight:400;color:var(--dk-txt);line-height:.97;letter-spacing:-.025em;margin-bottom:28px;}
.membership-why h2 em{font-style:italic;font-weight:300;color:#1A3080;}
.benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;}
.bfit{background:var(--navy-m);padding:28px 24px;transition:background var(--t);}
.bfit:hover{background:var(--navy-s);}
.bfit-icon{font-size:22px;margin-bottom:14px;display:block;}
.bfit h4{font-family:var(--serif);font-size:16px;font-weight:600;color:var(--white);margin-bottom:6px;}
.bfit p{font-size:13px;color:rgba(255,255,255,.85);line-height:1.7;}
.tiers-sec{background:var(--navy-m);padding:120px 0;}
.tiers-inner{max-width:1400px;margin:0 auto;padding:0 72px;}
.tiers-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;margin-top:72px;}
.tiers-grid .tier-card:nth-child(-n+3){grid-column:span 2;}
.tiers-grid .tier-card:nth-child(n+4){grid-column:span 3;}
.tier-card{padding:36px 28px;position:relative;background:var(--navy-s);border:none;display:flex;flex-direction:column;}
.tier-card>button{margin-top:auto;}
.tier-card.featured{background:var(--navy-b);border-top:3px solid var(--gold-solid);}
.tier-badge{position:absolute;top:-1px;left:0;right:0;display:flex;justify-content:center;}
.tier-badge span{background:var(--gold-solid);color:var(--night);font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:5px 16px;}
.tier-name{font-size:13px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;display:block;margin-bottom:14px;background:var(--gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:1;}
.tier-card h3{font-family:var(--serif);font-size:clamp(20px,2vw,26px);font-weight:400;color:var(--white);margin-bottom:10px;line-height:1;}
.tier-desc{font-size:14.5px;color:rgba(255,255,255,.8);line-height:1.6;margin-bottom:28px;}
.tier-features{list-style:none;margin-bottom:28px;}
.tier-features li{padding:9px 0;border-bottom:1px solid rgba(255,255,255,.07);font-size:14px;color:rgba(255,255,255,.8);display:flex;align-items:flex-start;gap:10px;line-height:1.5;}
.tier-features li::before{content:"";width:4px;height:4px;border-radius:50%;background:var(--gold-solid);flex-shrink:0;margin-top:7px;}
.mem-form-sec{background:var(--night);padding:120px 0;}
.mem-form-inner{max-width:1400px;margin:0 auto;padding:0 72px;}
.form-wrap{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);padding:80px;max-width:820px;margin:72px auto 0;}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.fgroup{display:flex;flex-direction:column;gap:8px;}
.fgroup.full{grid-column:1/-1;}
.fgroup label{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.3);}
.fgroup input,.fgroup select,.fgroup textarea{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);padding:14px 18px;color:var(--white);font-size:14px;font-family:var(--sans);outline:none;transition:border-color var(--t);}
.fgroup input:focus,.fgroup select:focus,.fgroup textarea:focus{border-color:var(--gold-solid);}
.fgroup textarea{resize:vertical;min-height:120px;}
.fgroup input::placeholder,.fgroup textarea::placeholder{color:rgba(255,255,255,.2);}

/* ══ INITIATIVES PAGE ═════════════════════════════ */
.init-block{display:grid;grid-template-columns:1fr 1fr;min-height:500px;}
.init-block.reverse{direction:rtl;}.init-block.reverse>*{direction:ltr;}
.init-block-photo{position:relative;overflow:hidden;background:var(--navy-m);}
.init-block-photo img{position:absolute;inset:0px;object-fit:contain;transition:transform .7s var(--ease);}
.init-block:hover .init-block-photo img{transform:scale(1.03);}
.init-block-body{background:var(--night);padding:60px 70px;display:flex;flex-direction:column;justify-content:center;}
.init-block-num{font-size:13px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;display:block;margin-bottom:24px;background:var(--gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.8;}
.init-block-body h2{font-family:var(--serif);font-size:clamp(32px,4vw,52px);font-weight:400;color:var(--white);line-height:.97;letter-spacing:-.025em;margin-bottom:22px;}
.init-block-body p{font-size:15.5px;font-weight:300;color:rgba(255,255,255,.85);line-height:1.9;margin-bottom:32px;}
.awards-sec{background:var(--white);padding:160px 0;}
.awards-inner{max-width:1400px;margin:0 auto;padding:0 72px;}
.awards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:72px;}
.awd-item{padding:40px 32px;border:1px solid rgba(4,13,34,.07);position:relative;overflow:hidden;transition:box-shadow var(--t),transform .2s;}
.awd-item::after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform var(--t);}
.awd-item:hover{box-shadow:0 12px 40px rgba(4,13,34,.08);transform:translateY(-2px);}.awd-item:hover::after{transform:scaleX(1);}
.awd-icon{font-size:28px;margin-bottom:16px;}
.awd-item h4{font-family:var(--serif);font-size:18px;font-weight:600;color:var(--dk-txt);margin-bottom:10px;}
.awd-item p{font-size:13px;color:var(--dk-dim);line-height:1.7;}

/* ══ CAPACITY BUILDING PAGE ═══════════════════════ */
#page-capacity .inner-hero-bg{background:linear-gradient(135deg,var(--navy-b) 0%,#0D1E5E 100%);}
/* ══ CAPACITY DEVELOPMENT PAGE (content-driven rebuild) ═══════════ */
.cd-sec{padding:140px 0;}
.cd-light{background:var(--white);}
.cd-dark{background:var(--navy-m);}
.cd-inner{max-width:1400px;margin:0 auto;padding:0 72px;}
.cd-inner-narrow{max-width:1400px;}
.cd-inner-pull{max-width:840px;}
.cd-h2{font-family:var(--serif);font-size:clamp(32px,4vw,48px);font-weight:400;line-height:1.08;letter-spacing:-.02em;margin-bottom:32px;}
.cd-h2.on-light{color:var(--dk-txt);}
.cd-h2.on-dark{color:var(--white);}
.cd-copy p{font-size:17px;font-weight:300;color:#000;line-height:1.85;margin-bottom:20px;}
.cd-copy p:last-child{margin-bottom:0;}
.cd-copy-dark p{color:rgb(255 255 255 / 88%);}
.cd-lead{font-size:16px;font-weight:500;color:rgb(255 255 255 / 88%);max-width:640px;margin-bottom:40px;}
.cd-lead-light{color:#000;margin-top:36px;margin-bottom:28px;}

/* Flow diagram: Industry Expertise → Knowledge Exchange → Institutional Capability → Informed Decision-Making */
.cd-flow{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:48px;}
.cd-flow-node{border:1px solid rgba(255,255,255,.16);padding:14px 22px;font-size:13px;font-weight:600;letter-spacing:.06em;color:var(--white);background:rgba(255,255,255,.03);white-space:nowrap;}
.cd-flow-arrow{color:var(--gold-solid);font-size:16px;flex-shrink:0;}

/* Card grids: What We Do (5), Areas of Focus (8), Who We Work With (6) */
.cd-card-grid{display:grid;gap:2px;margin-top:56px;}
.cd-card{background:var(--white);border:1px solid rgba(4,13,34,.08);padding:36px 32px;transition:box-shadow .25s,transform .2s;}
.cd-card:hover{box-shadow:0 16px 48px rgba(4,13,34,.08);transform:translateY(-2px);}
.cd-card h3{font-family:var(--serif);font-size:20px;font-weight:600;color:var(--dk-txt);margin-bottom:14px;line-height:1.3;letter-spacing:-.01em;}
.cd-card p{font-size:15.5px;font-weight:300;color:#000;line-height:1.75;margin-bottom:12px;}
.cd-card p:last-child{margin-bottom:0;}
.cd-card-dark{background:var(--navy-s);border-color:rgba(255,255,255,.07);}
.cd-card-dark h3{color:var(--white);}
.cd-card-dark p{color:rgb(255 255 255 / 85%);}
.cd-card-dark:hover{box-shadow:0 16px 48px rgba(0,0,0,.3);}

.cd-card-grid-5{grid-template-columns:repeat(3,1fr);}
.cd-card-grid-5 .cd-card:last-child{grid-column:1/-1;}
.cd-card-grid-2{grid-template-columns:1fr 1fr;}
.cd-card-grid-6{grid-template-columns:repeat(3,1fr);}

/* Workshop topics — lighter weight than the full cards above */
.cd-topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 32px;}
.cd-topic-item{padding-top:20px;border-top:2px solid;border-image:linear-gradient(90deg,var(--g2),var(--g4)) 1;}
.cd-topic-item h4{font-family:var(--serif);font-size:17px;font-weight:600;color:var(--dk-txt);margin-bottom:8px;}
.cd-topic-item p{font-size:14.5px;font-weight:300;color:#000;line-height:1.65;}

/* Process timeline — 5 steps, Identify → Design → Engage → Apply → Continue */
.cd-steps{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:24px;margin-top:72px;}
.cd-steps::before{content:"";position:absolute;top:30px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--g2) 6%,var(--g4) 50%,var(--g2) 94%,transparent);z-index:0;}
.cd-step{position:relative;z-index:1;}
.cd-step-num{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:var(--navy-m);border:1px solid rgba(255,255,255,.18);font-family:var(--serif);font-size:19px;font-weight:400;color:var(--white);margin-bottom:22px;transition:border-color .3s var(--ease),transform .3s var(--ease);}
.cd-step:hover .cd-step-num{border-color:var(--gold-solid);transform:scale(1.08);}
.cd-step h4{font-family:var(--serif);font-size:18px;font-weight:600;color:var(--white);margin-bottom:8px;letter-spacing:-.01em;}
.cd-step p{font-size:14.5px;font-weight:300;color:rgb(255 255 255 / 85%);line-height:1.65;}

/* Pull-quote — Knowledge That Leads to Action */
.cd-pull p{font-family:var(--serif);font-size:clamp(19px,2.2vw,26px);font-weight:400;color:var(--dk-txt);line-height:1.55;margin-bottom:24px;}
.cd-pull p:last-child{margin-bottom:0;}
.cd-pull-emphasis{font-style:italic;color:#1A3080 !important;}

/* Partner With MFTA — final CTA */
.cd-partner{background:var(--navy-b);padding:160px 0;text-align:center;position:relative;overflow:hidden;}
.cd-partner::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:60px 60px;}
.cd-partner-inner{position:relative;z-index:1;max-width:760px;margin:0 auto;padding:0 72px;}
.cd-partner-text{font-size:16px;font-weight:300;color:rgb(255 255 255 / 85%);line-height:1.85;margin-bottom:20px;}
.cd-partner-tagline{font-family:var(--serif);font-size:19px;font-style:italic;color:rgba(255,255,255,.7);margin:36px 0 44px;}
.cd-partner-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}

@media(max-width:1100px){
  .cd-inner{padding:0 40px;}
  .cd-card-grid-2,.cd-card-grid-6{grid-template-columns:1fr 1fr;}
  .cd-topic-grid{grid-template-columns:1fr 1fr;}
  .cd-steps{grid-template-columns:repeat(3,1fr);row-gap:56px;text-align:center;}
  .cd-steps::before{display:none;}
  .cd-step-num{margin-left:auto;margin-right:auto;}
}
@media(max-width:900px){
  .cd-sec{padding:100px 0;}
  .cd-inner{padding:0 28px;}
  .cd-card-grid-5{grid-template-columns:1fr 1fr;}
  .cd-card-grid-5 .cd-card:last-child{grid-column:1/-1;}
  .cd-flow{flex-direction:column;align-items:flex-start;}
  .cd-flow-arrow{transform:rotate(90deg);margin-left:20px;}
  /* .cd-flow-light is the Pledge page's "From Commitment to Action"
     variant of this flow — centered, equal-width nodes instead of the
     left-aligned/natural-width default above. */
  .cd-flow-light{align-items:center;}
  .cd-flow-light .cd-flow-node{width:100%;max-width:320px;text-align:center;}
  .cd-partner{padding:120px 0;}
  .page-template-template-partners section {
    padding: 50px 0 !important;
}
.page-template-template-partners section.hero {
    padding: 0px !important;
}
.sec-label span {
    font-size: 12px !important;}
}
@media(max-width:600px){
  .cd-inner{padding:0 20px;}
  .cd-card{padding:28px 26px;}
  .cd-card-grid-5,.cd-card-grid-2,.cd-card-grid-6{grid-template-columns:1fr;}
  .cd-card-grid-5 .cd-card:last-child{grid-column:auto;}
  .cd-topic-grid{grid-template-columns:1fr;gap:32px;}
  .cd-steps{grid-template-columns:1fr;gap:40px;}
  .cd-partner-inner{padding:0 20px;}
  .cd-partner-btns{flex-direction:column;align-items:center;gap:10px;}
  .cd-partner-btns .btn-gold,.cd-partner-btns .btn-ol{padding:14px 26px;font-size:11.5px;}
  /* .cd-partner-btns is reused in 3 places on this page; 2 of them
     (Areas of Focus, Who We Work With) sit directly in .cd-sec with no
     padding of their own, so once the rule above stretches each button
     edge-to-edge, they touch the screen edges. The 3rd usage is already
     inside .cd-partner-inner (padded above), so this is scoped to
     .cd-sec's direct child only — an unscoped addition here would
     double-pad that 3rd case. */
  .cd-sec > .cd-partner-btns{padding:0 20px;}
}

.cap-intro{background:var(--white);padding:160px 0;}
.cap-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:112px;align-items:center;max-width:1400px;margin:0 auto;padding:0 72px;}
.cap-intro h2{font-family:var(--serif);font-size:clamp(36px,4.5vw,60px);font-weight:400;color:var(--dk-txt);line-height:.97;letter-spacing:-.025em;margin-bottom:28px;}
.cap-intro h2 em{font-style:italic;font-weight:300;color:#1A3080;}
.cap-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px;padding-top:52px;border-top:1px solid rgba(4,13,34,.07);}
.cap-stat{text-align:center;}
.cap-stat-num{font-family:var(--serif);font-size:clamp(40px,4vw,60px);font-weight:300;color:var(--dk-txt);line-height:1;letter-spacing:-.04em;}
.cap-stat-label{font-size:12px;color:var(--dk-dim);margin-top:8px;letter-spacing:.04em;}
.cap-visual{background:var(--navy-b);padding:72px;position:relative;overflow:hidden;}
.cap-visual-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:60px 60px;opacity:.6;}
.cap-visual-content{position:relative;z-index:2;}
.cap-visual h3{font-family:var(--serif);font-size:32px;font-weight:400;color:var(--white);margin-bottom:18px;line-height:1.1;}
.cap-visual p{font-size:14px;font-weight:300;color:rgba(255,255,255,.85);line-height:1.85;}
.cap-visual-stat{margin-top:48px;padding-top:44px;border-top:1px solid rgba(255,255,255,.1);}
.cap-vis-num{font-family:var(--serif);font-size:64px;font-weight:300;color:var(--white);line-height:1;letter-spacing:-.04em;}
.cap-vis-label{font-size:12px;color:rgba(255,255,255,.85);margin-top:8px;letter-spacing:.06em;}
.programs-sec{background:var(--navy-m);padding:160px 0;}
.programs-inner{max-width:1400px;margin:0 auto;padding:0 72px;}
.programs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:72px;}
.prog-card{background:var(--navy-s);padding:52px 40px;position:relative;overflow:hidden;cursor:pointer;transition:background var(--t);}
.prog-card::after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform var(--t);}
.prog-card:hover{background:rgba(11,34,88,.55);}.prog-card:hover::after{transform:scaleX(1);}
.prog-icon{font-size:28px;margin-bottom:24px;display:block;}
.prog-card h3{font-family:var(--serif);font-size:22px;font-weight:400;color:var(--white);margin-bottom:14px;line-height:1.2;}
.prog-card p{font-size:13.5px;color:rgba(255,255,255,.75);line-height:1.8;margin-bottom:24px;}
.prog-meta{font-size:10.5px;color:rgba(255,255,255,.85);padding-top:20px;border-top:1px solid rgba(255,255,255,.8);letter-spacing:.06em;}
.cap-impact{background:var(--night);padding:120px 0;}
.cap-impact-inner{max-width:1400px;margin:0 auto;padding:0 72px;}
.cap-impact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:72px;}
.ci-block{padding:22px 30px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);text-align:center;}
.ci-num{font-family:var(--serif);font-size:clamp(40px,4.5vw,42px);font-weight:300;color:var(--white);line-height:1;margin-bottom:12px;}
.ci-label{font-size:14px;color:rgb(255 255 255 / 91%);letter-spacing:.06em;line-height:1.45;}
.cap-apply{background:var(--navy-b);padding:160px 0;position:relative;overflow:hidden;}
.cap-apply::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:60px 60px;}
.cap-apply-inner{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:0 72px;display:grid;grid-template-columns:1fr 1fr;gap:112px;align-items:start;}
.cap-apply h2{font-family:var(--serif);font-size:clamp(36px,4.5vw,60px);font-weight:400;color:var(--white);line-height:.97;letter-spacing:-.025em;margin-bottom:20px;}
.cap-apply h2 em{font-style:italic;font-weight:300;color:rgba(255,255,255,.5);}
.cap-apply p{font-size:15.5px;font-weight:300;color:rgba(255,255,255,.38);line-height:1.9;margin-bottom:36px;}
.cap-apply-form{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);padding:52px;}
.cap-apply-form h3{font-family:var(--serif);font-size:24px;font-weight:400;color:var(--white);margin-bottom:32px;}
.cap-fg{margin-bottom:22px;}
.cap-fg label{display:block;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.28);margin-bottom:8px;}
.cap-fg input,.cap-fg select{width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);padding:13px 18px;color:var(--white);font-size:14px;font-family:var(--sans);outline:none;transition:border-color var(--t);}
.cap-fg input:focus,.cap-fg select:focus{border-color:var(--gold-solid);}
.cap-fg input::placeholder{color:rgba(255,255,255,.2);}
.cap-fg select option{background:var(--navy);color:var(--white);}

/* Base (desktop-default) hamburger state — defined here, BEFORE the
   1200px/900px breakpoints below, so their display:flex rules win by
   source order at those widths. (This previously lived after both
   breakpoints and silently beat them again, hiding the hamburger for
   901-1200px viewports where the full nav-menu is also hidden.) */
.nav-hamburger{display:none;}

@media(max-width:1200px){
  .nav-menu{display:none;}.nav-cta{margin-left:auto;}
  .nav-hamburger{display:flex;}
;}

/* ════════════════════════════════════════════════════
   HAMBURGER & MOBILE NAV
════════════════════════════════════════════════════ */
.nav-hamburger{flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;margin-right:12px;background:none;border:none;cursor:pointer;flex-shrink:0;}
.nav-hamburger span{display:block;height:1.5px;background:rgba(255,255,255,.6);transition:transform .3s,opacity .3s,width .3s;}
.nav-hamburger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg);}
.nav-hamburger.open span:nth-child(2){opacity:0;width:0;}
.nav-hamburger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);}

.mobile-nav{position:fixed;top:0;right:0;bottom:0;width:min(88vw,360px);background:var(--navy-m);z-index:950;display:flex;flex-direction:column;padding:20px 32px 30px;gap:8px;transform:translateX(100%);transition:transform .38s var(--ease);overflow-y:auto;}
.mobile-nav.open{transform:translateX(0);}
.mn-logo{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;color:var(--white);}
.mn-close{position:relative;flex-shrink:0;width:36px;height:36px;background:none;border:none;cursor:pointer;}
.mn-close::before,.mn-close::after{content:"";position:absolute;top:50%;left:50%;width:20px;height:1.5px;background:rgba(255,255,255,.7);transition:background .18s;}
.mn-close::before{transform:translate(-50%,-50%) rotate(45deg);}
.mn-close::after{transform:translate(-50%,-50%) rotate(-45deg);}
.mn-close:hover::before,.mn-close:hover::after{background:var(--white);}
.mn-links{display:flex;flex-direction:column;gap:2px;}
.mn-links a{display:block;font-family:var(--serif);font-size:22px;font-weight:400;color:rgba(255,255,255,.7);padding:13px 0;border-bottom:1px solid rgba(255,255,255,.07);transition:color .18s,padding-left .18s;cursor:pointer;}
.mn-links a:hover{color:var(--white);padding-left:8px;}
/* Expandable submenus in the mobile nav (one open at a time via
   mnToggle() in footer.php) — mirrors the desktop dropdown contents. */

.mn-group-hd{display:flex;align-items:stretch;border-bottom:1px solid rgba(255,255,255,.07);}
.mn-group-hd a{flex:1;border-bottom:none;padding:13px 0;}
.mn-group-hd a:hover{padding-left:8px;}
.mn-caret{flex-shrink:0;width:36px;background:none;border:none;color:rgba(255,255,255,.45);cursor:pointer;transition:transform .3s var(--ease),color .18s;}
.mn-caret::after{content:"▾";display:block;font-size:15px;}
.mn-group.open .mn-caret{transform:rotate(180deg);color:var(--white);}
.mn-sub{max-height:0;overflow:hidden;transition:max-height .35s var(--ease);}
.mn-group.open .mn-sub{max-height:640px;}
.mn-sub a{display:block;font-family:var(--serif);font-size:16px;font-weight:400;color:rgba(255,255,255,.45);padding:10px 0 10px 18px;border-bottom:1px solid rgba(255,255,255,.04);transition:color .18s,padding-left .18s;cursor:pointer;}
.mn-sub a:hover{color:var(--white);padding-left:24px;}
.mn-sub a:last-child{border-bottom:none;}
.mn-overlay{position:fixed ;inset:0;background:rgba(0,0,0,.6);z-index:940;opacity:0 ;visibility:hidden ;transition:opacity .38s,visibility .38s;backdrop-filter:blur(4px);}
.mn-overlay.open{opacity:1 !important;visibility:visible !important;}


.page-template-template-leadership-team-php .mn-overlay {
    position: inherit!important;
    inset: 0;
    background: rgba(0, 0, 0, .6);
    opacity: 1 !important;
    visibility: visible !important;
    transition: opacity .38s, visibility .38s;
    backdrop-filter: blur(4px);
}

/* ════════════════════════════════════════════════════
   BREAKPOINT — 1100px (large tablet / small laptop)
════════════════════════════════════════════════════ */
@media(max-width:1100px){
  .wrap,.hero-content,.intel-w,.wg-w,.init-w,.ev-w,.vc-w,.news-w,.mep-w,.ch-w,.join-inner,.footer-w,
  .story-grid,.mission-inner,.values-inner,.about-cta-inner,.chairman-grid,.board-inner,
  .secretariat-inner,.advisory-inner,.wg-intro-grid,.reports-inner,.webinar-inner,
  .flagship-grid,.upcoming-inner,.wg-cta-inner,.intel-feat-grid,.intel-page-feat .intel-feat-grid,
  .cap-intro-grid,.programs-inner,.cap-impact-inner,.cap-apply-inner,.awards-inner,
  .membership-why-grid,.tiers-inner,.mem-form-inner,.about-inner,
  .cd-partner-inner,.ch-lead-cta-inner,.council-close-inner,
  .evt-partner-cta-inner,.story-quote-inner,.team-cat-inner{padding-left:40px;padding-right:40px;}
  .hero-content{padding-bottom:96px;}
  .hero-scroll{left:40px;}
  .hero-geo{right:40px;}
  .ch-grid{grid-template-columns:repeat(4,1fr);}
  .board-grid{grid-template-columns:repeat(3,1fr);}
  .team-grid{grid-template-columns:repeat(3,1fr);}
  .footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;}
  .intel-secondary{grid-template-columns:1fr 1fr;}
  .awards-grid{grid-template-columns:1fr 1fr;}
  .cap-impact-grid{grid-template-columns:repeat(2,1fr);}
;}

/* ════════════════════════════════════════════════════
   BREAKPOINT — 900px (tablet)
════════════════════════════════════════════════════ */
@media(max-width:900px){
  .nav-hamburger{display:flex;}
  .nav-menu,.nav-cta{display:none!important;}
  .mq-logo{width:calc(25vw - 14px);}
  .partner-tile-grid{grid-template-columns:repeat(3,1fr);}
  
  .wrap,.hero-content,.intel-w,.wg-w,.init-w,.ev-w,.vc-w,.news-w,.mep-w,.ch-w,.join-inner,.footer-w,
  .story-grid,.mission-inner,.values-inner,.about-cta-inner,.chairman-grid,.board-inner,
  .secretariat-inner,.advisory-inner,.wg-intro-grid,.reports-inner,.webinar-inner,
  .flagship-grid,.upcoming-inner,.wg-cta-inner,.intel-feat-grid,
  .cap-intro-grid,.programs-inner,.cap-impact-inner,.cap-apply-inner,.awards-inner,
  .membership-why-grid,.tiers-inner,.mem-form-inner,.inner-hero-content,
  .about-inner,
  .cd-partner-inner,.ch-lead-cta-inner,.council-close-inner,
  .evt-partner-cta-inner,.story-quote-inner,.team-cat-inner{padding-left:28px;padding-right:28px;}
.wg-howjoin-cta button.btn-gold {
    padding: 12px 16px!important;;
    font-size: 12px!important;;
}
.d_version {display:none !important;}
  /* Hero */
  .hero-content{padding:0 28px 80px;}
  .hero-scroll{display:none;}
  .hero-geo{display:none;}
  .hero-btns{flex-wrap:wrap;gap:10px;}

  /* Declaration */
  .decl{padding:80px 28px;}
  .decl-inner{grid-template-columns:1fr;gap:48px;}
  .decl-detail{padding-left:24px;}

  /* About band */
  .about-band{padding:100px 0;}
  .about-inner{grid-template-columns:1fr;gap:52px;padding:0 28px;}
  .pillars{grid-template-columns:1fr 1fr;}

  /* Intel */
  .intel{padding:100px 0;}
  .intel-hdr{flex-direction:column;gap:22px;align-items:flex-start;margin-bottom:56px;}
  .intel-layout{grid-template-columns:1fr;}
  .intel-secondary{grid-template-columns:1fr 1fr;}
  .intel-feat{min-height:300px;}

  /* WG homepage */
  .wg{padding:100px 0;}
  .wg-hdr{flex-direction:column;gap:20px;align-items:flex-start;}
  .wg-grid{grid-template-columns:1fr 1fr;}
  .wg-card{height:320px;}

  /* Initiatives */
  .init{padding:100px 0;}
  .init-hdr{flex-direction:column;gap:20px;align-items:flex-start;}
  .init-grid{grid-template-columns:1fr 1fr;}

  /* Events */
  .events{padding:100px 0;}
  .ev-hdr{flex-direction:column;gap:20px;align-items:flex-start;margin-bottom:44px;}
  .ev-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto;}
  .ecard.main{grid-row:span 1;grid-column:span 2;}

  /* Chapters strip */
  .chapters{padding:100px 0 0;}
  .ch-hdr{flex-direction:column;gap:20px;align-items:flex-start;}
  .mep-hdr{flex-direction:column;gap:20px;align-items:flex-start;}
  .news-hdr{flex-direction:column;gap:20px;align-items:flex-start;}
  .ch-grid{grid-template-columns:repeat(4,1fr);}
  .ch{height:220px;}

  /* Voices */
  .voices{padding:100px 0;}
  .vc-hdr{flex-direction:column;gap:20px;align-items:flex-start;margin-bottom:52px;}
  .vc-layout{grid-template-columns:1fr;gap:40px;}
  .vc-q{font-size:clamp(18px,3.5vw,24px);}

  /* News strip */
  .news-grid,.news-grid-inner{grid-template-columns:1fr!important;}

  /* Join */
  .join{padding:100px 0;}
  .join-btns{flex-direction:column;align-items:center;gap:10px;}
  .join-btns .btn-w,.join-btns .btn-ol{padding:14px 30px;font-size:12px;}

  /* Footer */
  .footer{padding:64px 0 0;}
  .footer-grid{grid-template-columns:1fr 1fr;gap:36px;padding-bottom:52px;}
  .footer-btm{flex-direction:column;gap:14px;text-align:center;}

  /* Inner hero */
  .inner-hero{padding:160px 0 96px;}
  .page-title{font-size:clamp(44px,8vw,80px)!important;}

  /* About page */
  .story{padding:100px 0;}
  .story-grid{grid-template-columns:1fr;gap:56px;padding:0 28px;}
  /* .story-sticky-col's position:sticky is only correct in the 2-column
     desktop layout, where it sits beside the independently-scrolling
     timeline. Once story-grid stacks to 1 column above, the "sticky"
     intro block and the timeline share the same column, so the intro
     pins itself over the timeline text as the page scrolls. */
  .story-sticky-col{position:static;}
  .story-h{font-size:clamp(30px,5vw,48px)!important;}
  .mission-sec{padding:100px 0;}
  .mission-pillars{grid-template-columns:1fr;}
  .values-sec{padding:100px 0;}
  .values-hdr{flex-direction:column;gap:20px;align-items:flex-start;}
  .values-grid{grid-template-columns:1fr 1fr;}
  .about-cta-sec{padding:80px 0;}

  /* Leadership */
  .chairman-sec{padding:100px 0;}
  .chairman-grid{grid-template-columns:1fr;gap:26px;padding:0 28px;}
  .chairman-shadow{display:none;}
  .chairman-photo{max-width:320px;}
  .board-sec{padding:100px 0;}
  .board-grid{grid-template-columns:1fr 1fr;}
  .team-grid{grid-template-columns:1fr 1fr;}
  .team-cat-sec{padding:80px 0;}
  .advisory-sec{padding:80px 0;}
  .advisory-grid{grid-template-columns:1fr 1fr;}
  .secretariat-sec{padding:80px 0;}
  .sec-grid{grid-template-columns:1fr 1fr;}

  /* WG Page */
  .wg-page-intro{padding:100px 0;}
  .wg-intro-grid{grid-template-columns:1fr;gap:48px;padding:0 28px;}
  .wg-detail-cols{grid-template-columns:1fr;gap:36px;}
  /* !important: each .wg-detail-panel carries its own inline
     padding:64px 0 64px 128px (a deliberate desktop indent that lines
     the panel up with the row's number column), which otherwise beats
     these breakpoint rules regardless of specificity. */
  .wg-detail-panel{padding:52px 28px!important;}

  /* Intelligence */
  .intel-page-feat{padding:100px 0;}
  .intel-feat-grid{grid-template-columns:1fr;gap:48px;padding:0 28px;}
  .intel-meta-row{grid-template-columns:1fr 1fr;}
  .reports-sec{padding:80px 0;}
  .reports-grid{grid-template-columns:1fr 1fr;}
  .webinar-sec{padding:80px 0;}
  .webinar-grid{grid-template-columns:1fr;}

  /* Events page */
  .flagship-sec{padding:100px 0;}
  .flagship-grid{grid-template-columns:1fr;gap:44px;padding:0 28px;}
  .flagship-stats{flex-wrap:wrap;gap:28px;}
  .upcoming-sec{padding:80px 0;}
  .uev{gap:20px;padding:24px 20px;}
  .uev-date{min-width:52px;}

  /* Chapters page */
  .ch-page-grid{grid-template-columns:1fr 1fr;}
  .ch-detail-panel{padding:52px 28px;}
  .ch-detail-body{grid-template-columns:1fr;gap:32px;}
  .ch-detail-header{flex-wrap:wrap;gap:14px;}

  /* Membership */
  .membership-why{padding:100px 0;}
  .membership-why-grid{grid-template-columns:1fr;gap:48px;padding:0 28px;}
  .benefit-grid{grid-template-columns:1fr 1fr;}
  .tiers-sec{padding:80px 0;}
  .tiers-grid{grid-template-columns:1fr 1fr;gap:3px;}
  .tiers-grid .tier-card:nth-child(-n+3),.tiers-grid .tier-card:nth-child(n+4){grid-column:span 1;}
  .tier-card.featured{margin-top:0;}
  .mem-form-sec{padding:80px 0;}
  .form-wrap{padding:40px 28px;margin-top:48px;}
  .form-grid{grid-template-columns:1fr;}

  /* Initiatives page */
  .init-block{grid-template-columns:1fr;}
  .init-block-photo{height:280px;}
  .init-block-body{padding:60px 28px;}
  .init-block.reverse{direction:ltr;}
  .awards-sec{padding:100px 0;}
  .awards-grid{grid-template-columns:1fr 1fr;}

  /* Capacity */
  .cap-intro{padding:100px 0;}
  .cap-intro-grid{grid-template-columns:1fr;gap:48px;padding:0 28px;}
  .cap-stats{grid-template-columns:1fr 1fr 1fr;gap:16px;}
  .programs-sec{padding:100px 0;}
  .programs-grid{grid-template-columns:1fr 1fr;}
  .cap-impact{padding:80px 0;}
  .cap-impact-grid{grid-template-columns:1fr 1fr;}
  .cap-apply{padding:100px 0;}
  .cap-apply-inner{grid-template-columns:1fr;gap:48px;padding:0 28px;}
  .cap-apply-form{padding:40px 28px;}

  /* Marquee */
  .pr{padding:0 28px;}
  .mr{gap:28px;padding:0 28px;}
;}

/* ════════════════════════════════════════════════════
   BREAKPOINT — 600px (mobile)
════════════════════════════════════════════════════ */
@media(max-width:600px){
  /* All paddings */
  .wrap,.hero-content,.intel-w,.wg-w,.init-w,.ev-w,.vc-w,.news-w,.mep-w,.ch-w,.join-inner,.footer-w,
  .story-grid,.mission-inner,.values-inner,.about-cta-inner,.chairman-grid,.board-inner,
  .secretariat-inner,.advisory-inner,.wg-intro-grid,.reports-inner,.webinar-inner,
  .flagship-grid,.upcoming-inner,.wg-cta-inner,.intel-feat-grid,
  .cap-intro-grid,.programs-inner,.cap-impact-inner,.cap-apply-inner,.awards-inner,
  .membership-why-grid,.tiers-inner,.mem-form-inner,.inner-hero-content,
  .about-inner,.decl,#wg-panels-container,
  .cd-partner-inner,.ch-lead-cta-inner,.council-close-inner,
  .evt-partner-cta-inner,.story-quote-inner,.team-cat-inner{padding-left:20px;padding-right:20px;}

  /* Headings — both were flat (non-fluid) at this width since their
     clamp() floor is above what 600px's vw component produces, so a
     plain override is needed rather than adjusting the clamp inputs. */
  h1.hero-h{font-size:clamp(30px,9vw,38px);}
  .display{font-size:clamp(26px,7.5vw,32px);}

  .partner-tile-grid{grid-template-columns:1fr 1fr;}
  .partner-tooltip{width:200px;}

  .mq-logo{width:calc(50vw - 12px);height:76px;padding:12px 16px;}

  .hero-content{padding:0 20px 72px;}
  .decl{padding:60px 20px;}

  /* Grids → 1 col */
  .wg-grid{grid-template-columns:1fr;}
  .wg-card{height:280px;}
  .init-grid{grid-template-columns:1fr;}
  .team-grid{grid-template-columns:1fr 1fr;}
      .team-card-body {
        min-height: 122px;
        padding: 10px 10px 10px;
    }
    section#board-of-directors .team-grid button:nth-child(2) .team-card-body {
    min-height: 122px !important;
}
  .btn-row{flex-direction:column;align-items:stretch;}
  .btn-row .btn-gold{justify-content:center;}
  .ch-grid{grid-template-columns:1fr 1fr;}
  .ch{height:180px;}
  .ev-grid{grid-template-columns:1fr;}
  .ecard.main{grid-column:span 1;}
  .intel-secondary{grid-template-columns:1fr;}
  .intel-meta-row{grid-template-columns:1fr;gap:14px;}
  .values-grid{grid-template-columns:1fr;}
  .board-grid{grid-template-columns:1fr;}
  .advisory-grid{grid-template-columns:1fr;}
  .sec-grid{grid-template-columns:1fr 1fr;}
  .awards-grid{grid-template-columns:1fr;}
  .pillars{grid-template-columns:1fr;}
  .cap-stats{grid-template-columns:1fr;}
  .programs-grid{grid-template-columns:1fr;}
  .reports-grid{grid-template-columns:1fr;}
  .cap-impact-grid{grid-template-columns:1fr 1fr;}
  .tiers-grid{grid-template-columns:1fr;}
  .tiers-grid .tier-card:nth-child(-n+3),.tiers-grid .tier-card:nth-child(n+4){grid-column:span 1;}
  .benefit-grid{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;}
  .mission-pillars{grid-template-columns:1fr;}
  .ch-page-grid{grid-template-columns:1fr;}
  .ch-big-name{display:none;}

  /* Typography */
  .decl-statement{font-size:clamp(22px,5.5vw,32px)!important;}
  .hero-sub{font-size:14px;}
  .hero-since{font-size:10px;}
  .join-desc{font-size:14px;}
  .tier-row{flex-direction:column;align-items:stretch;}
  .tier-row .ttag{text-align:center;}

  /* Events */
  .uev{flex-wrap:wrap;gap:14px;padding:20px 16px;}
  .uev-div{display:none;}
  .flagship-stats{flex-direction:column;gap:18px;}

  /* WG accordion rows (also matched via the [wg-row] attribute selector:
     the rows in template-working-groups.php carry a bare wg-row attribute
     instead of a wg-row class — class="rv" wg-row instead of class="rv
     wg-row" — so this selector is needed for the override to actually
     reach them; align-items/gap/padding are !important to beat the
     row's own inline styles) */
  .wg-row,[wg-row]{display:flex!important;flex-direction:column;align-items:stretch!important;gap:14px!important;padding:28px 0!important;}
  .wg-row > div:first-child,[wg-row] > div:first-child{font-size:32px!important;}
  .wg-row > div:last-child,[wg-row] > div:last-child{align-self:flex-start;}
  .wg-detail-panel{padding:40px 20px!important;}
  .wg-detail-cols{grid-template-columns:1fr;gap:32px;}

  /* Chapter detail */
  .ch-detail-panel{padding:40px 20px;}
  .ch-detail-body{grid-template-columns:1fr;gap:28px;}

  /* Voices */
  .vc-q{margin-bottom:28px;}

  /* Nav logo */
  .nav-wm small{display:none;}

  /* Join buttons */
  .join-btns{flex-direction:column;align-items:center;gap:10px;}
  .join-btns .btn-w,.join-btns .btn-ol{padding:14px 30px;font-size:12px;}

  /* Footer */
  .footer-btm{flex-direction:column;gap:12px;text-align:center;}
  .footer-links{justify-content:center;flex-wrap:wrap;}

  /* Inner hero */
  .inner-hero{padding:130px 0 80px;}

  /* Chairman photo */
  .chairman-photo{max-width:100%;margin:0px;}

  /* About cta */
  .about-cta-inner > div{flex-direction:column;}

  /* Capacity apply */
  .cap-apply-inner > div:first-child > div{flex-direction:column;}
;}

/* ════════════════════════════════════════════════════
   BREAKPOINT — 380px (small mobile)
════════════════════════════════════════════════════ */
@media(max-width:380px){
  .ch-grid{grid-template-columns:1fr;}
  .ch{height:160px;}
  .cap-impact-grid{grid-template-columns:1fr;}
  .sec-grid{grid-template-columns:1fr;}
  .hero-btns{flex-direction:column;}
  .hero-btns .btn-w,.hero-btns .btn-ol{width:100%;justify-content:center;}
;}

/* ════════════════════════════════════════════════════
   EVENTS PAGE — category list, editions grid, Images/Videos
   popup, lightbox. Reuses .ecard/.ebg/.eveil/.ebody/.etype/
   .emeta (bento card look) and .inner-hero (compact sub-page
   header) already defined above, so these rules only add what
   the events page needs on top of the existing design system.
════════════════════════════════════════════════════ */

/* Level 1 — "How We Convene" category grid: photographic bento cards
   replacing the old plain text-only rows. Reuses .ecard/.ebg/.eveil/
   .ebody/.etype (same dark-veil hover-zoom card already used for the
   Level 2 editions grid), so this stays visually consistent with the
   rest of the events page rather than introducing a new pattern. */
.evt-cat-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:340px;gap:3px;margin-top:64px;}
.evt-cat-grid .evt-cat-card:last-child{grid-column:1/-1;}
.evt-cat-card .ebg{filter:brightness(.6) saturate(.45) blur(4px);}
.evt-cat-card:hover .ebg{filter:brightness(.85) saturate(.75) blur(0);}
.evt-cat-card .ebody{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;padding:32px;}
.evt-cat-logo{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);max-width:52%;max-height:120px;width:auto;height:auto;object-fit:contain;z-index:1;transition:opacity .35s var(--ease);filter:drop-shadow(0 4px 16px rgba(0,0,0,.55));pointer-events:none;}
.evt-cat-card:hover .evt-cat-logo{opacity:0;}
.evt-cat-logo-text{display:flex;align-items:center;justify-content:center;text-align:center;width:52%;font-family:var(--serif);font-size:32px;font-weight:500;line-height:1.3;color:var(--white);text-shadow:0 4px 16px rgba(0,0,0,.6);}
.evt-cat-card .ebody h3{font-size:22px;margin-top:2px;}
.evt-cat-desc{font-size:13px;color:#fff;line-height:1.7;margin-top:10px;max-width:380px;}
.evt-cat-cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: auto;
    padding-top: 18px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: rgb(255 255 255);
    transition: color .25s, gap .25s;
}
.evt-cat-card:hover .evt-cat-cta{color:var(--white);gap:14px;}

@media(max-width:1100px){
  .evt-cat-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:320px;}
}
@media(max-width:600px){
  /* 260px was too short for this card's actual content (measured: the
     text block alone needs ~165-185px at this width across the site's
     categories), so the absolutely-positioned logo (centered at 38%
     of card height) and the bottom-anchored text block overlapped.
     Taller card + logo moved higher clears that for every category. */
  .evt-cat-grid{grid-template-columns:1fr;grid-auto-rows:380px;gap:8px;margin-top:44px;}
  .evt-cat-card .ebody{padding:26px;}
  .evt-cat-logo{top:22%;max-height:56px;max-width:44%;}
  .evt-cat-logo-text{font-size:14px;}
}

/* Level 2 — compact category header (no full-bleed photo) */
.evt-subhead .inner-hero-content{padding-bottom:56px;}
.evt-back{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:28px;transition:color .2s;cursor:pointer;}
.evt-back:hover{color:var(--white);}

/* Level 2 — editions grid (auto-fills for any number of editions) */
.evt-editions-sec{padding:60px 0 60px;background:#fff;}
.evt-editions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(25%,1fr));gap:20px;}
.evt-ecard{aspect-ratio:4/3;min-height:260px;}
.evt-badge-upcoming{border-color:rgba(226,196,90,.4)!important;color:var(--g4)!important;}

/* A percentage minmax() in auto-fill always resolves to the same fixed
   number of tracks regardless of container width (verified: 3-across
   at both mobile and desktop widths here), so without this override
   the cards stayed multi-column and illegibly squeezed on phones.
   Must stay below the base rule above (equal specificity, later
   source order wins). */
@media(max-width:1100px){
  .evt-editions-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:600px){
  .evt-editions-grid{grid-template-columns:1fr;}
}

/* Level 3 — Images & Videos popup */
.event-modal-overlay{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(6px);z-index:99999;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0!important;visibility:hidden!important;transition:opacity .28s,visibility .28s;}
.event-modal-overlay.open{opacity:1!important;visibility:visible!important;}
.event-modal{background:var(--navy-m);width:min(92vw,960px);max-height:88vh;overflow-y:auto;position:relative;transform:translateY(16px);transition:transform .28s;border:1px solid rgba(255,255,255,.08);box-shadow:0 40px 100px rgba(0,0,0,.5);}
.event-modal-overlay.open .event-modal{transform:translateY(0);}
.event-modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.06);border:none;color:var(--white);font-size:15px;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center;transition:background .2s;}
.event-modal-close:hover{background:rgba(255,255,255,.14);}
.event-modal-head{padding:44px 44px 0;}
.event-modal-eyebrow{display:block;font-size:9.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;background:var(--gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px;}
.event-modal-head h3{font-family:var(--serif);font-size:clamp(22px,3vw,32px);font-weight:400;color:var(--white);line-height:1.1;letter-spacing:-.02em;margin-bottom:6px;}
.event-modal-sub{display:block;font-size:13px;color:rgba(255,255,255,.4);}
.event-modal-tabs{display:flex;gap:28px;padding:28px 44px 0;border-bottom:1px solid rgba(255,255,255,.08);margin-top:24px;}
.event-modal-tab{background:none;border:none;padding:0 0 16px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.35);cursor:pointer;position:relative;transition:color .2s;}
.event-modal-tab::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--gold);transform:scaleX(0);transition:transform .25s var(--ease);}
.event-modal-tab:hover{color:rgba(255,255,255,.7);}
.event-modal-tab.active{color:var(--white);}
.event-modal-tab.active::after{transform:scaleX(1);}
.event-modal-body{padding:32px 44px 44px;}
.evt-empty-note{font-size:13px;font-style:italic;color:rgba(255,255,255,.3);text-align:center;padding:40px 0;}

.evt-img-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.evt-img-thumb{aspect-ratio:1;background-size:cover;background-position:center;cursor:pointer;transition:transform .3s var(--ease),filter .3s;filter:saturate(.85);}
.evt-img-thumb:hover{transform:scale(1.04);filter:saturate(1.05) brightness(1.05);}

.evt-video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.evt-video-card p{font-size:12.5px;color:rgba(255,255,255,.45);line-height:1.5;margin-top:10px;}
.evt-video-thumb{aspect-ratio:16/9;background-size:cover;background-position:center;position:relative;cursor:pointer;overflow:hidden;}
.evt-video-thumb::after{content:"";position:absolute;inset:0;background:rgba(0,8,16,.25);transition:background .25s;}
.evt-video-thumb:hover::after{background:rgba(0,8,16,.05);}
.evt-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--night);display:flex;align-items:center;justify-content:center;font-size:16px;z-index:1;transition:transform .25s var(--ease),background .25s;}
.evt-video-thumb:hover .evt-play{transform:translate(-50%,-50%) scale(1.1);background:var(--white);}
.evt-video-embed{aspect-ratio:16/9;}
.evt-video-embed iframe{width:100%;height:100%;border:none;}

/* Lightbox — enlarged image viewer, sits above the modal */
.evt-lightbox{display:none;position:fixed;inset:0;z-index:100000;background:rgba(0,0,0,.92);align-items:center;justify-content:center;padding:40px;}
.evt-lightbox.open{display:flex;}
.evt-lightbox img{max-width:100%;max-height:100%;object-fit:contain;}
.evt-lightbox-close{position:absolute;top:20px;right:24px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.1);border:none;color:var(--white);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;}
.evt-lightbox-close:hover{background:rgba(255,255,255,.2);}
.evt-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.08);border:none;color:var(--white);font-size:26px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;}
.evt-lightbox-nav:hover{background:rgba(255,255,255,.2);}
.evt-lightbox-nav.prev{left:20px;}
.evt-lightbox-nav.next{right:20px;}

@media(max-width:600px){
  .event-modal-head{padding:36px 22px 0;}
  .event-modal-tabs{padding:22px 22px 0;gap:20px;}
  .event-modal-body{padding:24px 22px 32px;}
  .evt-img-grid{grid-template-columns:repeat(2,1fr);gap:6px;}
  .evt-video-grid{grid-template-columns:1fr;gap:16px;}
  .evt-lightbox{padding:16px;}
  .evt-lightbox-nav{width:42px;height:42px;font-size:20px;}
  .evt-lightbox-nav.prev{left:6px;}
  .evt-lightbox-nav.next{right:6px;}
}

/* ══ THE COUNCIL PAGE — new CSS only ═══════════════════════════
   Everything else on this page (hero, text sections, mandate
   cards, 5-step process) reuses existing classes already in your
   stylesheet: .inner-hero*, .cd-sec/.cd-light/.cd-dark/.cd-inner/
   .cd-h2/.cd-copy, .cd-card-grid/.cd-card, .cd-steps/.cd-step,
   and .timeline/.tl-item/.tl-year. Only the profile grid and the
   closing section below are new. ═══════════════════════════════ */

/* Mandate grid has 7 items (odd) - span the last card full-width so the
   final row doesn't leave an awkward empty gap. Scoped to this page only
   so it doesn't affect the Capacity page's Areas of Focus grid, which
   reuses .cd-card-grid-2 with an even 8 items. */
.council-mandate-grid .cd-card:last-child{grid-column:1/-1;}

/* Profile grid - small rounded photos, name, title */
.council-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:36px 24px;margin-top:56px;}
.council-member{text-align:center;}
.council-photo{width:84px;height:84px;border-radius:50%;overflow:hidden;margin:0 auto 16px;border:2px solid rgba(255,255,255,.1);transition:border-color .3s var(--ease),transform .3s var(--ease);}
.council-photo img{width:100%;height:100%;object-fit:cover;display:block;}
.council-member:hover .council-photo{border-color:var(--gold-solid);transform:scale(1.07);}
.council-photo-initials{display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#0D1E5E,#050D22);}
.council-photo-initials span{font-family:var(--serif);font-size:22px;font-weight:400;color:rgba(255,255,255,.4);}
.council-name{font-family:var(--serif);font-size:15px;font-weight:600;color:var(--white);margin-bottom:4px;line-height:1.3;transition:color .2s;}
.council-member:hover .council-name{color:var(--gold-solid);}
.council-role{font-size:11.5px;color:rgba(255,255,255,.5);line-height:1.5;}

/* Closing section - "The Future Requires Dialogue" */
.council-close{background:var(--navy-b);padding:160px 0;text-align:center;position:relative;overflow:hidden;}
.council-close::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:60px 60px;}
.council-close-inner{position:relative;z-index:1;max-width:820px;margin:0 auto;padding:0 72px;}
.council-close-text p{font-size:17px;font-weight:300;color:rgb(255 255 255 / 85%);line-height:1.8;margin-bottom:16px;}
.council-close-text p:last-child{margin-bottom:0;}
.council-close-statement{font-family:var(--serif);font-size:clamp(20px,2.4vw,28px);font-style:italic;color:var(--white);margin:40px 0;line-height:1.5;}
.council-signature{margin-top:16px;padding-top:40px;border-top:1px solid rgba(255,255,255,.12);}
.council-signature-name{font-family:var(--serif);font-size:21px;font-weight:400;color:var(--white);margin-bottom:8px;}
.council-signature-org{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:18px;}
.council-signature-invite{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-solid);}
.cd-inner.tcol {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 60px;
}

.cd-inner.tcol .timeline.rv.d3.in, .cd-inner-left {
    max-width: 50%;
}
@media(max-width:1100px){
  .council-grid{grid-template-columns:repeat(4,1fr);}
}
@media(max-width:900px){
  .council-grid{grid-template-columns:repeat(3,1fr);gap:32px 20px;}
  .council-close{padding:120px 0;}
  .council-close-inner{padding:0 28px;}
  /* .cd-inner.tcol's own display:flex (row, no wrap) was untouched by
     the max-width:100% rule below — the two columns kept fighting for
     the same row instead of actually stacking. */
  .cd-inner.tcol{flex-direction:column;align-items:stretch;}
  .cd-inner.tcol .timeline.rv.d3.in, .cd-inner-left{max-width:100%;}
}
@media(max-width:600px){
  .council-grid{grid-template-columns:repeat(2,1fr);}
  .council-photo{width:72px;height:72px;}
  .council-close-inner{padding:0 20px;}
}


/* ══ SUSTAINABLE FINTECH PLEDGE PAGE — new CSS only ═══════════
   Reuses existing classes for everything else on this page: .hero*,
   .cd-sec/.cd-light/.cd-dark/.cd-inner/.cd-h2/.cd-copy/.cd-lead,
   .flagship-grid/.flagship-img (text+photo split), .cd-flow (the
   Education → Implementation → Realisation diagram), .cd-card-grid/
   .cd-card, .partner-tile (signatory chips), and .council-close*
   (closing section, from the Council page). Only the two rules
   below are new. ══════════════════════════════════════════════ */

/* Number badge for the 5 principle cards */
.pledge-num{display:block;font-family:var(--serif);font-size:15px;font-weight:600;letter-spacing:.04em;background:var(--gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:14px;}

/* 5 principles is an odd count in a 2-column grid - span the last
   card full-width so the final row doesn't leave an empty gap.
   Scoped to this page only. */
.pledge-principles-grid .cd-card:last-child{grid-column:1/-1;}

/* Founding signatories - static 6-per-row grid, reusing .partner-tile
   for the chip look but without the tooltip/link behaviour */
.pledge-signatory-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:56px;}

/* .cd-flow-node defaults to white text, which only works on the dark
   sections it was originally built for (Capacity Development page).
   This page uses the flow diagram on a light section, so override
   just here rather than changing the shared component. */
.cd-flow-light .cd-flow-node{color:var(--dk-txt);border-color:rgba(4,13,34,.15);background:rgba(4,13,34,.02);}

@media(max-width:1100px){
  .pledge-signatory-grid{grid-template-columns:repeat(4,1fr);}
}
@media(max-width:600px){
  .pledge-signatory-grid{grid-template-columns:repeat(2,1fr);}
}

/* ══ SITE-WIDE MOBILE SECTION SPACING (≤600px) ══════════════════
   Most section wrappers only had one mobile reduction step (desktop
   ~120-160px vertical padding down to 100px at ≤900px) and stayed at
   100px all the way down to phone widths, which is a lot of top+bottom
   dead space stacked repeatedly down a long single-column mobile page.
   This adds the missing second step for true mobile. Placed at the end
   of the file so it reliably comes after each class's own ≤900px rule
   regardless of where that rule lives above. ══════════════════════ */
@media(max-width:600px){
  .wg-eligibility,.wg-howjoin,.ch-info-sec,.cd-sec,.about-band,.intel,
  .init,.events,.voices,.join,.story,.mission-sec,.values-sec,
  .chairman-sec,.board-sec,.wg-page-intro,.intel-page-feat,.flagship-sec,
  .membership-why,.awards-sec,.cap-intro,.programs-sec,.cap-apply,
  .team-cat-sec{padding:64px 0;}
  .chapters{padding:64px 0 0;}
  .ch-lead-cta,.cd-partner,.council-close{padding:72px 0;}
}

/* ═══════════════════════════════════════════════════════════
   MENA FINTECH AWARDS — 5TH EDITION (template-awards-5th.php)
   Sections 1-4, 6-7 use a dedicated .awd5- prefix so nothing here
   can collide with the rest of the site. Section 5 (interactive
   category grid) keeps the widget's own #mena-awards-categories
   scoping and --blue/--navy custom properties exactly as supplied
   — they're element-scoped, not :root, so they can't leak into or
   be shadowed by the site's own --navy elsewhere.
═══════════════════════════════════════════════════════════ */

/* Section 1 — Hero */
.awd5-hero {
    background: var(--night);
    text-align: center;
    position: relative;
    overflow: hidden;
    padding-top: 100px;
    max-height: 96vh;
}
/* Full-width wordmark, matching the reference exactly — spans the full
   content column rather than being capped to a fixed px value. */
.awd5-logo{width:100%;max-width:100%;height:auto;margin:0 auto 40px;display:block;}
.awd5-yearline{display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:56px;}
.awd5-year,.awd5-edition{font-family:var(--serif);font-size:15px;font-weight:400;letter-spacing:.08em;color:rgba(255,255,255,.55);}
.awd5-edition{font-style:italic;}
.awd5-yearline-rule{width:110px;height:1px;background:rgba(255,255,255,.18);}
/* Enlarged from an earlier, too-small pass — the trophy should read as
   a prominent centerpiece, matching the reference. */
.awd5-trophy-wrap {
    position: relative;
    width: 100%;
    margin: 0px;
    top: -110px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.awd5-trophy-glow{position:absolute;left:50%;bottom:8%;transform:translateX(-50%);width:74%;padding-bottom:74%;border-radius:50%;background:radial-gradient(circle,rgba(0,104,255,.55) 0%,rgba(0,104,255,.18) 55%,transparent 75%);filter:blur(14px);z-index:0;}
.awd5-trophy {
    position: relative;
    z-index: 1;
    width: 76%;
    height: auto;
    display: block;
}

/* Section 2 — Elevate Your Impact */
/* A light-to-transparent scrim (rather than relying on the image's own
   content) guarantees the text stays readable regardless of exactly
   where the building starts in the source image — without this, text
   ran directly into the photo with no contrast. */
.awd5-elevate{background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;padding:140px 0;min-height:90vh !important;display:flex;align-items:center;overflow:hidden;}
.awd5-elevate::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.92) 30%,rgba(255,255,255,.5) 50%,rgba(255,255,255,0) 66%);}
.page-template-template-awards-5th .wrap {
    min-width: 1400px !important;
    padding: 0px 44px !important;
}
.awd5-elevate .wrap{position:relative;z-index:1;}
.awd5-elevate-content{max-width:720px;}
.awd5-elevate-content h2{font-family:var(--serif);font-size:clamp(26px,3vw,60px);font-weight:700;line-height:1.18;letter-spacing:-.01em;color:#0B1935;margin-bottom:20px;}
.awd5-elevate-content p{font-size:15.5px;font-weight:400;color:#3a4459;line-height:1.75;max-width:380px;}

/* Section 3 — The Awards Journey */
/* background-size:cover was cropping/zooming into the trophy graphic
   unpredictably depending on the section's rendered aspect ratio.
   contain guarantees the whole graphic shows intact, right-anchored,
   same as the reference. */
.awd5-journey{background-size:contain;background-position:right center;background-repeat:no-repeat;background-color:var(--night);padding:120px 0;min-height:560px;position:relative;overflow:hidden;}
.awd5-journey-content{max-width:620px;}
.awd5-journey-content h2{font-family:var(--serif);font-size:clamp(24px,2.8vw,36px);font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--white);margin-bottom:20px;}
.awd5-journey-content p{font-size:15px;font-weight:300;color:rgba(255,255,255,.55);line-height:1.85;margin-bottom:48px;max-width:560px;}
.awd5-app-grid{display:grid;grid-template-columns:repeat(3,auto);column-gap:56px;row-gap:40px;}
.awd5-app-item img{width:42px;height:42px;margin-bottom:14px;filter:brightness(0) invert(1);opacity:.8;}
.awd5-app-item span{display:block;font-size:11px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:rgba(255,255,255,.7);}

/* Section 4 — The Ultimate Honour */
.awd5-honour{background:#F3F4F7;padding:80px 0;}
.awd5-honour-card{position:relative;border-radius:16px;overflow:hidden;min-height:340px;display:flex;align-items:center;background-size:cover;background-position:center;}
.awd5-honour-veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.55) 42%,rgba(0,0,0,.08) 78%);}
.awd5-honour-body{position:relative;z-index:1;padding:48px 56px;max-width:460px;}
.awd5-honour-eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-solid);margin-bottom:10px;}
.awd5-honour-body h2{font-family:var(--serif);font-size:clamp(28px,3.4vw,42px);font-weight:400;color:var(--white);line-height:1.05;margin-bottom:18px;}
.awd5-honour-body p{font-size:14.5px;font-weight:300;color:rgba(255,255,255,.75);line-height:1.7;margin-bottom:28px;}

/* Section 5 — Awards Categories (interactive grid + popup). The widget
   below doesn't set its own section background (it was built to drop
   into a page builder section with its own bg controls), so this
   wrapper supplies the light background shown in the reference. */
.awd5-categories-sec{background:#F6F7FA;padding:100px 0;}
#mena-awards-categories {
  --blue: #0068FF;
  --navy: #0B1935;
  --text: #17233A;
  --muted: #66738A;
  --border: #E2E7EF;
  position: relative;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 20px;
  font-family: "Inter", Arial, sans-serif;
  color: var(--text);
}
#mena-awards-categories *,
#mena-awards-categories *::before,
#mena-awards-categories *::after {
  box-sizing: border-box;
}
#mena-awards-categories .award-svg-library {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}
#mena-awards-categories .awards-heading {
  text-align: center;
  margin-bottom: 34px;
}
#mena-awards-categories .awards-eyebrow {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2.5px;
  color: var(--navy);
  margin-bottom: 9px;
}
#mena-awards-categories .awards-heading h2 {
  margin: 0;
  font-size: clamp(34px, 4vw, 58px);
  line-height: 1.05;
  font-weight: 800;
  letter-spacing: -1.5px;
  color: var(--navy);
}
#mena-awards-categories .awards-heading h2 span {
  color: var(--blue);
}
#mena-awards-categories .awards-heading p {
  max-width: 700px;
  margin: 14px auto 0;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.6;
}
#mena-awards-categories .awards-heading-line {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 7px;
  margin-top: 18px;
}
#mena-awards-categories .awards-heading-line i {
  width: 28px;
  height: 1px;
  background: #C9D8ED;
}
#mena-awards-categories .awards-heading-line b {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--blue);
}
#mena-awards-categories .awards-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 14px;
  position: relative;
  z-index: 2;
}
#mena-awards-categories .award-category {
  position: relative;
  min-height: 180px;
  padding: 18px 10px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  font-family: inherit;
  transition:
    border-color .25s ease,
    box-shadow .25s ease,
    transform .25s ease,
    background .25s ease;
}
#mena-awards-categories .award-category::after {
  display: none !important;
}
#mena-awards-categories .award-category:hover,
#mena-awards-categories .award-category.active {
  border-color: var(--blue);
  background: #FFFFFF;
  transform: translateY(-3px);
  box-shadow:
    0 12px 30px rgba(0,104,255,.10);
}
#mena-awards-categories .award-number {
  position: absolute;
  top: 12px;
  left: 14px;
  font-size: 11px;
  font-weight: 700;
  color: #A6B1C1;
  transition: color .25s ease;
}
#mena-awards-categories .award-category:hover .award-number,
#mena-awards-categories .award-category.active .award-number {
  color: var(--blue);
}
#mena-awards-categories .award-icon {
  width: 52px;
  height: 52px;
  margin-bottom: 15px;
  fill: none;
  stroke: var(--navy);
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition:
    stroke .25s ease,
    transform .25s ease;
}
#mena-awards-categories .award-category:hover .award-icon,
#mena-awards-categories .award-category.active .award-icon {
  stroke: var(--blue);
  transform: translateY(-3px);
}
#mena-awards-categories .award-name {
  display: block;
  color: var(--navy);
  font-size: 14px;
  line-height: 1.35;
  font-weight: 650;
  transition: color .25s ease;
}
#mena-awards-categories .award-category:hover .award-name,
#mena-awards-categories .award-category.active .award-name {
  color: var(--blue);
}
#mena-awards-categories .award-popup {
  position: absolute;
  z-index: 9999;
  width: 550px;
  max-width: calc(100% - 30px);
  background: #FFFFFF;
  border: 1px solid #DCE4F0;
  border-radius: 14px;
  box-shadow:
    0 25px 70px rgba(14,35,65,.17),
    0 5px 18px rgba(0,104,255,.06);
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px) scale(.985);
  pointer-events: none;
  transition:
    opacity .22s ease,
    transform .22s ease,
    visibility .22s ease;
}
#mena-awards-categories .award-popup.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}
#mena-awards-categories .popup-close {
  position: absolute;
  top: 13px;
  right: 14px;
  width: 30px;
  height: 30px;
  border: 0;
  background: transparent;
  color: #8793A6;
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
  z-index: 4;
  transition:
    color .2s ease,
    transform .2s ease;
}
#mena-awards-categories .popup-close:hover {
  color: var(--blue);
  transform: rotate(90deg);
}
#mena-awards-categories .popup-top {
  display: grid;
  grid-template-columns: 100px minmax(0,1fr);
  gap: 20px;
  align-items: center;
  padding: 25px 30px 20px;
  border-bottom: 1px solid #EDF0F5;
}
#mena-awards-categories .popup-icon-box {
  width: 86px;
  height: 86px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background:
    linear-gradient(
      145deg,
      #FFFFFF,
      #F1F6FF
    );
  border: 1px solid #DCE8FA;
}
#mena-awards-categories .popup-icon {
  width: 52px;
  height: 52px;
  fill: none;
  stroke: var(--blue);
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}
#mena-awards-categories .popup-number {
  display: block;
  color: var(--blue);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 1px;
  margin-bottom: 5px;
}
#mena-awards-categories .popup-heading h3 {
  margin: 0;
  padding-right: 30px;
  color: var(--navy);
  font-size: 22px;
  line-height: 1.25;
  font-weight: 750;
  letter-spacing: -.3px;
}
#mena-awards-categories .popup-line {
  width: 35px;
  height: 3px;
  margin-top: 12px;
  background: var(--blue);
  border-radius: 5px;
}
#mena-awards-categories .popup-content {
  padding: 21px 30px 27px;
}
#mena-awards-categories .popup-intro {
  color: var(--muted);
  font-size: 12.5px;
  line-height: 1.55;
  margin-bottom: 17px;
}
#mena-awards-categories .popup-label {
  color: var(--blue);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 1.8px;
  margin-bottom: 14px;
}
#mena-awards-categories .popup-criteria {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 14px 25px;
  max-height: 245px;
  overflow-y: auto;
  padding-right: 5px;
}
#mena-awards-categories .popup-criteria::-webkit-scrollbar {
  width: 4px;
}
#mena-awards-categories .popup-criteria::-webkit-scrollbar-track {
  background: #F2F4F7;
}
#mena-awards-categories .popup-criteria::-webkit-scrollbar-thumb {
  background: #C4D6F0;
  border-radius: 10px;
}
#mena-awards-categories .popup-criterion {
  display: grid;
  grid-template-columns: 21px minmax(0,1fr);
  gap: 8px;
  align-items: start;
}
#mena-awards-categories .criterion-check {
  width: 18px;
  height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1.5px solid var(--blue);
  border-radius: 50%;
  color: var(--blue);
  font-size: 10px;
  font-weight: 800;
  margin-top: 1px;
}
#mena-awards-categories .criterion-text {
  color: #536076;
  font-size: 11.5px;
  line-height: 1.5;
}
#mena-awards-categories .criterion-text strong {
  color: var(--navy);
  font-weight: 750;
}
/* Nominate button inside each category popup — sits below the criteria
   list (outside its scrollable area), always visible without needing
   to scroll through the criteria first. Uses the site's standard
   .btn-gold rather than the widget's own blue accent, since it opens
   the same site-wide nomination modal used everywhere else on the page. */
#mena-awards-categories .popup-cta {
  margin-top: 22px;
  padding-top: 20px;
  border-top: 1px solid #EDF0F5;
}
#mena-awards-categories .popup-cta .btn-gold {
  width: 100%;
  justify-content: center;
  padding: 13px 20px;
  font-size: 11.5px;
}
#mena-awards-categories .awards-helper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin-top: 19px;
  color: #7B8798;
  font-size: 12px;
}
#mena-awards-categories .helper-icon {
  width: 19px;
  height: 19px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #B8C9E2;
  border-radius: 50%;
  color: var(--blue);
  font-size: 11px;
  font-weight: 700;
}
#mena-awards-categories .mobile-helper {
  display: none;
}
@media (max-width:1100px) {
  #mena-awards-categories .awards-grid {
    grid-template-columns: repeat(4, minmax(0,1fr));
  }
  #mena-awards-categories .award-popup {
    width: 500px;
  }
}
@media (max-width:767px) {
  #mena-awards-categories {
    padding-left: 12px;
    padding-right: 12px;
  }
  #mena-awards-categories .awards-eyebrow {
    font-size: 9px;
    letter-spacing: 1.5px;
  }
  #mena-awards-categories .awards-heading h2 {
    font-size: 34px;
  }
  #mena-awards-categories .awards-heading p {
    font-size: 13px;
  }
  #mena-awards-categories .awards-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 10px;
  }
  #mena-awards-categories .award-category {
    min-height: 155px;
  }
  #mena-awards-categories .award-icon {
    width: 44px;
    height: 44px;
  }
  #mena-awards-categories .award-name {
    font-size: 12px;
  }
  #mena-awards-categories .award-popup {
    position: fixed;
    left: 50% !important;
    top: 50% !important;
    width: calc(100vw - 30px);
    max-width: 520px;
    max-height: calc(100vh - 30px);
    transform:
      translate(-50%,-50%)
      scale(.97);
    overflow: hidden;
  }
  #mena-awards-categories .award-popup.show {
    transform:
      translate(-50%,-50%)
      scale(1);
  }
  #mena-awards-categories .popup-top {
    grid-template-columns: 75px minmax(0,1fr);
    gap: 14px;
    padding: 22px 20px 17px;
  }
  #mena-awards-categories .popup-icon-box {
    width: 66px;
    height: 66px;
  }
  #mena-awards-categories .popup-icon {
    width: 40px;
    height: 40px;
  }
  #mena-awards-categories .popup-heading h3 {
    font-size: 18px;
  }
  #mena-awards-categories .popup-content {
    padding: 18px 20px 22px;
    max-height: calc(100vh - 150px);
    overflow-y: auto;
  }
  #mena-awards-categories .popup-criteria {
    grid-template-columns: 1fr;
    max-height: none;
  }
  #mena-awards-categories .desktop-helper {
    display: none;
  }
  #mena-awards-categories .mobile-helper {
    display: inline;
  }
}
@media (max-width:420px) {
  #mena-awards-categories .awards-heading h2 {
    font-size: 29px;
  }
  #mena-awards-categories .award-category {
    min-height: 142px;
  }
  #mena-awards-categories .award-icon {
    width: 40px;
    height: 40px;
  }
  #mena-awards-categories .award-name {
    font-size: 11px;
  }
}
#mena-awards-categories .award-category:focus-visible {
  outline: 2px solid var(--blue);
  outline-offset: 3px;
}
@media (prefers-reduced-motion:reduce) {
  #mena-awards-categories * {
    transition: none !important;
    animation: none !important;
  }
}

/* Section 6 — 2025 Edition Gallery */
.awd5-gallery{background:var(--night);padding:120px 0;}
.awd5-gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:48px;}
.awd5-gallery-item{aspect-ratio:1;overflow:hidden;}
.awd5-gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--ease);}
.awd5-gallery-item:hover img{transform:scale(1.06);}
.awd5-gallery-cta{text-align:center;margin-top:48px;}

/* Section 7 — Sponsor logo carousel (reuses .mq-band/.mq-wrap/.mq-set/
   scrollMq already defined above for the flat, white-background look
   shown in the reference — .mq-logo's boxed/shadowed card style was
   built for dark sections, so this uses its own flat logo class
   instead of reusing .mq-logo directly). */
.awd5-sponsors{background:var(--white);padding:56px 0;border-top:1px solid rgba(4,13,34,.06);border-bottom:1px solid rgba(4,13,34,.06);}
.awd5-sponsors .mq-wrap{animation-duration:36s;}
.awd5-sponsors .mq-set{gap:64px;padding:0 32px;align-items:center;}
.awd5-sponsor-logo{height:32px;width:auto;max-width:140px;object-fit:contain;flex:0 0 auto;opacity:.8;}

/* Nomination form modal (Gravity Forms id 5) — same structural pattern
   as .wg-join-modal on the Working Groups page (overlay + centered
   dark card), just under its own class names so it stays scoped to
   this template. */
.awd5-nominate-modal-overlay{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(6px);z-index:99999;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0!important;visibility:hidden!important;transition:opacity .28s,visibility .28s;}
.awd5-nominate-modal-overlay.open{opacity:1!important;visibility:visible!important;}
.awd5-nominate-modal{background:var(--navy-m);width:min(92vw,760px);max-height:88vh;overflow-y:auto;position:relative;transform:translateY(16px);transition:transform .28s;border:1px solid rgba(255,255,255,.08);box-shadow:0 40px 100px rgba(0,0,0,.5);}
.awd5-nominate-modal-overlay.open .awd5-nominate-modal{transform:translateY(0);}
.awd5-nominate-modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.06);border:none;color:var(--white);font-size:15px;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center;transition:background .2s;}
.awd5-nominate-modal-close:hover{background:rgba(255,255,255,.14);}
.awd5-nominate-modal-head{padding:44px 44px 0;}
.awd5-nominate-modal-head h3{font-family:var(--serif);font-size:clamp(24px,3vw,32px);font-weight:400;color:var(--white);line-height:1.1;letter-spacing:-.02em;margin-bottom:10px;}
.awd5-nominate-modal-head p{font-size:16px;color:rgb(255 255 255 / 85%);line-height:1.45;}
.awd5-nominate-modal-body{padding:28px 44px 44px;}
@media(max-width:600px){
  .awd5-nominate-modal-head{padding:36px 24px 0;}
  .awd5-nominate-modal-body{padding:22px 24px 32px;}
}

@media(max-width:1100px){
  .awd5-app-grid{grid-template-columns:repeat(2,auto);}
  .awd5-gallery-grid{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:900px){
  .awd5-hero{padding:140px 0 80px;}
  .awd5-elevate{padding:100px 0;min-height:auto;}
  .awd5-elevate::before{background:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.94) 55%,rgba(255,255,255,.6) 78%,rgba(255,255,255,.15) 100%);}
  .awd5-elevate-content{max-width:100%;}
  .awd5-elevate-content p{max-width:460px;}
  .awd5-journey{padding:90px 0;}
  .awd5-honour-card{min-height:380px;}
  .awd5-honour-veil{background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.65) 60%,rgba(0,0,0,.25) 100%);}
  .awd5-honour-body{max-width:100%;padding:36px 28px;}
  .awd5-gallery{padding:90px 0;}
}
@media(max-width:600px){
  .awd5-hero{padding:120px 0 64px;}
  .awd5-logo{width:94%;margin-bottom:28px;}
  .awd5-yearline{gap:14px;margin-bottom:40px;}
  .awd5-yearline-rule{width:60px;}
  .awd5-trophy-wrap{margin-bottom:36px;}
  .awd5-elevate{padding:72px 0;}
  .awd5-elevate-content h2{font-size:26px;}
  .awd5-journey{padding:64px 0;}
  .awd5-app-grid{grid-template-columns:1fr 1fr;row-gap:32px;column-gap:24px;}
  .awd5-honour{padding:56px 0;}
  .awd5-honour-card{min-height:320px;border-radius:12px;}
  .awd5-honour-body{padding:28px 22px;}
  .awd5-honour-body h2{font-size:28px;}
  .awd5-categories-sec{padding:56px 0;}
  .awd5-gallery{padding:64px 0;}
  .awd5-gallery-grid{grid-template-columns:1fr 1fr;gap:4px;}
  .awd5-sponsors .mq-set{gap:40px;padding:0 20px;}
  .awd5-sponsor-logo{height:26px;}
}

/* ═══════════════════════════════════════════════════════════
   FINTECH DIRECTORY / METHODOLOGY PAGES
   (header-index.php, template-directory.php, template-methodology.php)
   Separate white-themed header + simplified nav, used only on these
   two pages. Prefixed .idx- throughout so nothing here can collide
   with the rest of the site.
═══════════════════════════════════════════════════════════ */

/* White nav (replaces the standard dark .nav for these two pages) */
.idx-nav{position:fixed;top:0;left:0;right:0;z-index:900;background:#fff;border-bottom:1px solid rgba(4,13,34,.08);height:80px;display:flex;align-items:center;}
.idx-nav-inner{max-width:1400px;margin:0 auto;padding:0 72px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;}
.idx-nav-logo{display:flex;align-items:center;flex-shrink:0;}
.idx-nav-logo img{height:38px;width:auto;display:block;}
.idx-nav-menu{display:flex;align-items:center;gap:4px;list-style:none;flex:1;padding-left:40px;}
.idx-nav-menu a{display:block;padding:10px 18px;font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:rgba(4,13,34,.65);transition:color .2s;}
.idx-nav-menu a:hover,.idx-nav-menu a.idx-active{color:var(--dk-txt);}
.idx-nav-cta{flex-shrink:0;padding:12px 26px!important;font-size:12px!important;}
.idx-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;background:none;border:none;cursor:pointer;flex-shrink:0;}
.idx-hamburger span{display:block;height:1.5px;background:var(--dk-txt);transition:transform .3s,opacity .3s;}
.idx-hamburger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg);}
.idx-hamburger.open span:nth-child(2){opacity:0;}
.idx-hamburger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);}
.idx-mobile-panel{display:none;position:fixed;top:80px;left:0;right:0;z-index:899;background:#fff;border-bottom:1px solid rgba(4,13,34,.08);padding:12px 24px 24px;flex-direction:column;gap:2px;box-shadow:0 20px 40px rgba(4,13,34,.1);max-height:calc(100vh - 80px);overflow-y:auto;}
.idx-mobile-panel.open{display:flex;}
.idx-mobile-panel a{padding:15px 4px;font-size:16px;font-family:var(--serif);font-weight:400;color:var(--dk-txt);border-bottom:1px solid rgba(4,13,34,.07);}
.idx-mobile-panel .btn-gold{width:100%;justify-content:center;margin-top:18px;}

@media(max-width:900px){
  .idx-nav-inner{padding:0 28px;}
  .idx-nav-menu,.idx-nav-cta{display:none;}
  .idx-hamburger{display:flex;}
}
@media(max-width:600px){
  .idx-nav-inner{padding:0 20px;}
  .idx-nav-logo img{height:32px;}
  .idx-mobile-panel{padding:10px 20px 20px;}
}

/* Directory (Index) page — no hero, intro copy sits directly below
   the fixed white nav. */
.idx-intro{background:#fff;padding:80px 0 20px;}
.idx-intro h1{font-family:var(--serif);font-size:clamp(32px,4vw,52px);font-weight:400;color:var(--dk-txt);line-height:1.1;letter-spacing:-.02em;margin-bottom:32px;max-width:900px;}
.idx-intro-copy{max-width:1200px;}
.idx-intro-copy p{font-size:17px;font-weight:300;color:#000;line-height:1.85;margin-bottom:20px;}
.idx-intro-copy p:last-child{margin-bottom:0;}
.idx-intro-cta-line{font-family:var(--serif)!important;font-style:italic;font-size:19px!important;color:#1A3080!important;font-weight:400!important;margin-top:8px!important;}
.idx-table-sec{background:#fff;padding:0 0 100px;}
@media(max-width:900px){
  .idx-intro{padding:120px 0 60px;}
}
@media(max-width:600px){
  .idx-intro{padding:100px 0 48px;}
  .idx-table-sec{padding-bottom:64px;}
}

/* Methodology page — long-form content typography + tables */
.idx-methodology{background:#fff;padding:180px 0 120px;}
.idx-methodology .wrap{max-width:1100px;}
.idx-methodology h1{font-family:var(--serif);font-size:clamp(32px,4vw,52px);font-weight:400;color:var(--dk-txt);line-height:1.1;letter-spacing:-.02em;margin-bottom:40px;}
.idx-methodology h2{font-family:var(--serif);font-size:clamp(22px,2.6vw,30px);font-weight:600;color:var(--dk-txt);letter-spacing:-.01em;margin:64px 0 20px;}
.idx-methodology h2:first-of-type{margin-top:0;}
.idx-methodology p{font-size:16px;font-weight:300;color:#000;line-height:1.85;margin-bottom:20px;}
.idx-methodology ul{margin:0 0 24px;padding-left:0;list-style:none;}
.idx-methodology ul li{position:relative;padding:12px 0 12px 26px;border-bottom:1px solid rgba(4,13,34,.07);font-size:15.5px;font-weight:300;color:#000;line-height:1.7;}
.idx-methodology ul li::before{content:"";position:absolute;left:4px;top:22px;width:4px;height:4px;border-radius:50%;background:var(--gold-solid);}
.idx-methodology ul li strong{color:var(--dk-txt);font-weight:600;}
.idx-table-wrap{overflow-x:auto;margin:16px 0 32px;-webkit-overflow-scrolling:touch;}
.idx-methodology table{width:100%;min-width:560px;border-collapse:collapse;font-size:13.5px;}
.idx-table-caption{font-family:var(--serif);font-size:14px;font-weight:600;color:var(--dk-txt);margin-bottom:10px;}
.idx-methodology th{background:var(--navy-m);color:#fff;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-align:left;padding:12px 14px;}
.idx-methodology td{padding:11px 14px;border-bottom:1px solid rgba(4,13,34,.08);color:#000;font-weight:300;line-height:1.55;vertical-align:top;}
.idx-methodology tr:nth-child(even) td{background:rgba(4,13,34,.015);}
.idx-disclaimer{margin-top:56px;padding:28px 32px;background:#F5F6F9;border-left:3px solid var(--gold-solid);font-size:13.5px;font-style:italic;color:#3a4459;line-height:1.75;}
@media(max-width:900px){
  .idx-methodology{padding:120px 0 80px;}
}
@media(max-width:600px){
  .idx-methodology{padding:100px 0 64px;}
  .idx-methodology h2{margin:48px 0 16px;}
  .idx-methodology table{font-size:12.5px;}
  .idx-methodology th,.idx-methodology td{padding:9px 10px;}
  .idx-disclaimer{padding:22px 20px;}
}

/* "List Your Fintech" — standalone form page (replaces the earlier
   modal; see the note in header-index.php for why). White background,
   matching the .idx-intro treatment used on the Directory page. */
.idx-form-page{background:#fff;padding:180px 0 120px;}
.idx-form-page .wrap{max-width:820px;}
.idx-form-page-head{margin-bottom:44px;}
.idx-form-page-head h1{font-family:var(--serif);font-size:clamp(32px,4vw,52px);font-weight:400;color:var(--dk-txt);line-height:1.1;letter-spacing:-.02em;margin-bottom:16px;}
.idx-form-page-head p{font-size:17px;font-weight:300;color:#000;line-height:1.7;}
@media(max-width:900px){
  .idx-form-page{padding:120px 0 80px;}
}
@media(max-width:600px){
  .idx-form-page{padding:100px 0 64px;}
  .idx-form-page-head{margin-bottom:32px;}
}
.page-header.customheadr {
    display: none !important;
}
body.page-template-template-directory {
    background: #fff !important;
}