*{margin:0;padding:0;box-sizing:border-box}

:root{
  --orange   : #f86505;
  --orange-lt: #ff8c38;
  --dark     : #0d0d0d;
  --charcoal : #1a1a1a;
  --mid      : #3d3d3d;
  --muted    : #7a7a7a;
  --cream    : #faf8f5;
  --white    : #ffffff;
  --border   : rgba(0,0,0,.08);
  --ff       : Arial, Helvetica, sans-serif;
  --ease     : cubic-bezier(.22,.61,.36,1);

  /* Legacy tokens for backward compatibility */
  --primary-color:#fd6501;
  --secondary-color:#fd6501a8;
  --dark-color:#000000;
  --light-color:#f9fafb;
  --text-color:#374151;
  --border-color:#e5e7eb;
  --success-color:#10b981;
  --shadow-sm:0 2px 10px rgba(0,0,0,.10);
  --shadow-md:0 10px 28px rgba(0,0,0,.06);
  --shadow-lg:0 20px 60px rgba(0,0,0,.20);
  --radius-sm:10px;
  --radius-md:14px;
  --radius-lg:16px;
}

html,body{height:100%}
body{
  font-family:var(--ff);
  font-size:16px;
  line-height:1.6;
  color:var(--text-color);
  background:#fff;
  -webkit-font-smoothing:antialiased;
}

img{max-width:100%;height:auto;display:block}
a{color:inherit}
.text-center{text-align:center}
.container{max-width:1200px;margin:0 auto;padding:0 20px}

/* Common wrappers */
.ar-wrap, .nl-wrap, .bl-wrap, .tm-wrap, .fa-wrap, .imp-wrap, .od-container, .opp-container{
  width:min(1180px, 92vw);
  margin-inline:auto;
}
.od-container{width:min(900px, 92vw)}

/* -----------------------------------------------------------
   HEADER / NAV
   ----------------------------------------------------------- */
.site-header{
  background:#fff;
  box-shadow:var(--shadow-sm);
  position:sticky;
  top:0;
  z-index:1000;
}
.header-content{display:flex;justify-content:space-between;align-items:center;padding:15px 0}

.logo{display:flex;align-items:center;gap:15px;text-decoration:none}
.logo img{height:50px;width:auto}
.logo-text h1{font-size:24px;color:var(--primary-color);font-weight:700;line-height:1.2}
.logo-text p{font-size:12px;color:var(--muted);margin-top:2px}

.main-nav{flex:1;display:flex;justify-content:flex-end;position:relative}

.mobile-menu-toggle{
  display:none;
  background:var(--primary-color);
  color:#fff;
  border:none;
  padding:10px 15px;
  border-radius:8px;
  font-size:20px;
  cursor:pointer;
  transition:all .2s;
}
.mobile-menu-toggle:hover{background:var(--secondary-color)}

.nav-menu{
  list-style:none;
  display:flex;
  gap:5px;
  align-items:center;
}

.nav-menu>li{position:relative}
.nav-menu>li>a,
.nav-menu>li>button{
  display:flex;align-items:center;gap:8px;
  padding:12px 18px;
  color:#4b5563;
  text-decoration:none;
  font-weight:500;
  font-size:15px;
  border-radius:8px;
  transition:all .2s;
  background:none;
  border:none;
  cursor:pointer;
  font-family:inherit;
}
.nav-menu>li>a:hover,
.nav-menu>li>button:hover{color:var(--primary-color);background:#eff6ff}
.nav-menu>li>a.active,
.nav-menu>li>button.active{color:var(--primary-color);background:#dbeafe;font-weight:600}

.btn-donate{
  background:var(--primary-color);
  color:#fff !important;
  padding:8px 20px;
  border-radius:8px;
}
.btn-donate:hover{background:var(--secondary-color)}

.dropdown-toggle::after{
  content:'\f078';
  font-family:'Font Awesome 6 Free';
  font-weight:900;
  font-size:11px;
  margin-left:6px;
  transition:transform .2s;
}
.dropdown.active .dropdown-toggle::after{transform:rotate(180deg)}

.dropdown-menu{
  position:absolute;
  top:100%;
  left:0;
  background:#fff;
  min-width:220px;
  box-shadow:0 10px 30px rgba(0,0,0,.15);
  border-radius:12px;
  padding:8px;
  margin-top:8px;
  opacity:0;
  visibility:hidden;
  transform:translateY(-10px);
  transition:all .3s ease;
  z-index:1000;
}
.dropdown:hover .dropdown-menu,
.dropdown.active .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}

.dropdown-menu a{
  display:flex;align-items:center;gap:10px;
  padding:12px 15px;
  color:#4b5563;
  text-decoration:none;
  border-radius:8px;
  font-size:14px;
  transition:all .2s;
}
.dropdown-menu a:hover{background:#f3f4f6;color:var(--primary-color);padding-left:20px}

/* Mega menu */
.mega-menu-item .mega-menu-dropdown{
  position:absolute;
  left:50%;
  transform:translateX(-50%) translateY(-10px);
  top:100%;
  width:min(1200px, calc(100vw - 40px));
  background:#fff;
  border-radius:16px;
  box-shadow:var(--shadow-lg);
  margin-top:10px;
  opacity:0;
  visibility:hidden;
  transition:all .3s ease;
  z-index:1000;
  overflow:hidden;
}
.mega-menu-item:hover .mega-menu-dropdown,
.mega-menu-item.active .mega-menu-dropdown{
  opacity:1;
  visibility:visible;
  transform:translateX(-50%) translateY(0);
}
.mega-menu-container{padding:32px 28px}
.mega-menu-title{
  font-size:14px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#374151;
  margin-bottom:24px;
  font-weight:700;
  padding-bottom:12px;
  border-bottom:3px solid var(--secondary-color);
}
.mega-menu-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:24px}

.mega-menu-card{
  display:flex;
  flex-direction:column;
  background:#fff;
  border-radius:12px;
  text-decoration:none;
  color:#111827;
  border:1px solid var(--border-color);
  transition:all .3s ease;
  overflow:hidden;
  height:100%;
}
.mega-menu-card:hover{
  transform:translateY(-6px);
  box-shadow:0 16px 40px rgba(0,0,0,.15);
  border-color:var(--secondary-color);
}

.mega-card-image{
  width:100%;
  height:120px;
  overflow:hidden;
  flex:0 0 120px;
  background:linear-gradient(135deg, #f9fafb 0%, #e5e7eb 100%);
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
}
.mega-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.mega-menu-card:hover .mega-card-image img{transform:scale(1.08)}

.mega-card-placeholder{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
}
.mega-card-placeholder i{font-size:48px;color:var(--primary-color);opacity:.7}

.mega-card-content{
  padding:18px 16px 20px;
  display:flex;
  flex-direction:column;
  flex:1;
  text-align:left;
}
.mega-card-title{
  font-size:16px;
  font-weight:700;
  margin:0 0 10px 0;
  color:#111827;
  line-height:1.3;
}
.mega-card-description{
  font-size:13px;
  color:var(--muted);
  margin:0 0 14px 0;
  line-height:1.6;
  flex:1;
}
.mega-card-link{
  font-size:13px;
  color:var(--secondary-color);
  font-weight:600;
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:auto;
}
.mega-card-link::after{
  content:'\f061';
  font-family:'Font Awesome 6 Free';
  font-weight:900;
  font-size:11px;
  transition:transform .25s ease;
}
.mega-menu-card:hover .mega-card-link{color:var(--primary-color)}
.mega-menu-card:hover .mega-card-link::after{transform:translateX(4px)}

.mobile-overlay{
  display:none;
  position:fixed;
  top:0;left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,.5);
  z-index:1000;
}
.mobile-overlay.active{display:block}

.mobile-menu-close{display:none !important}

/* -----------------------------------------------------------
   CINEMATIC HERO SECTIONS (Consolidated)
   ----------------------------------------------------------- */

/* Base hero styles */
.ar-hero, .nl-hero, .bl-hero, .tm-hero, .fa-hero, .imp-hero{
  position:relative;
  min-height:52vh;
  display:flex;
  align-items:center;
  background:var(--charcoal);
  overflow:hidden;
}
.tm-hero, .fa-hero{min-height:56vh}

.ar-hero-bg, .nl-hero-bg, .bl-hero-bg, .tm-hero-bg, .imp-hero-bg{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  filter:brightness(.32) saturate(.5);
  transform:scale(1.04);
}
.ar-hero-bg{animation:arZoom 10s var(--ease) forwards}
.nl-hero-bg{animation:nlZoom 10s var(--ease) forwards}
.bl-hero-bg{animation:blZoom 10s var(--ease) forwards}
.tm-hero-bg{animation:tmZoom 10s var(--ease) forwards}
.imp-hero-bg{animation:impZoom 10s var(--ease) forwards}

.fa-hero.has-img .fa-hero-bg{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  filter:brightness(.32) saturate(.5);
  transform:scale(1.04);
  animation:faZoom 10s var(--ease) forwards;
}

@keyframes arZoom, nlZoom, blZoom, tmZoom, impZoom, faZoom{to{transform:scale(1)}}

/* Diagonal slash accent */
.ar-hero-slash, .nl-hero-slash, .bl-hero-slash, .tm-hero-slash, .fa-hero-slash, .imp-hero-slash, .opp-hero-slash{
  position:absolute;
  right:-60px;top:0;bottom:0;
  width:36vw;
  background:var(--orange);
  opacity:.07;
  clip-path:polygon(28% 0, 100% 0, 100% 100%, 0% 100%);
  pointer-events:none;
}
.opp-hero-slash{width:38vw;opacity:.06}

/* Grain texture */
.ar-hero-grain, .nl-hero-grain, .bl-hero-grain, .tm-hero-grain, .fa-hero-grain, .imp-hero-grain, .opp-grain{
  position:absolute;
  inset:0;
  opacity:.04;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  pointer-events:none;
}

/* Hero inner content */
.ar-hero-inner, .nl-hero-inner, .bl-hero-inner, .imp-hero-inner{
  position:relative;
  z-index:2;
  padding:88px 0 78px;
}
.tm-hero-inner, .fa-hero-inner{
  position:relative;
  z-index:2;
  padding:90px 0 80px;
  text-align:center;
}
.fa-hero-inner{padding:88px 0 78px}

/* Eyebrow kickers */
.ar-eyebrow, .nl-eyebrow, .bl-eyebrow, .tm-eyebrow, .fa-eyebrow, .imp-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:10px;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--orange);
  margin-bottom:18px;
  opacity:0;
  animation:fadeUp .65s var(--ease) .1s forwards;
}
.ar-eyebrow::before, .nl-eyebrow::before, .bl-eyebrow::before, .tm-eyebrow::before, .fa-eyebrow::before, .imp-eyebrow::before{
  content:'';
  display:block;
  width:28px;
  height:2px;
  background:var(--orange);
}

/* Hero icon (focus areas) */
.fa-hero-icon{
  width:80px;height:80px;
  margin:0 auto 22px;
  border-radius:50%;
  background:rgba(248,101,5,.12);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:34px;
  color:var(--orange);
  opacity:0;
  animation:faFadeUp .65s var(--ease) .1s forwards;
}

/* Hero titles */
.ar-hero h1, .nl-hero h1, .bl-hero h1, .tm-hero h1, .fa-hero h1, .imp-hero h1{
  font-size:clamp(2rem, 5vw, 4rem);
  font-weight:900;
  line-height:1.1;
  color:#fff;
  opacity:0;
  animation:fadeUp .8s var(--ease) .22s forwards;
}
.ar-hero h1, .nl-hero h1{max-width:700px}
.bl-hero h1{max-width:700px}
.tm-hero h1{font-size:clamp(2rem, 5vw, 3.8rem);max-width:720px;margin:0 auto 18px}
.fa-hero h1{font-size:clamp(2rem, 5vw, 3.6rem);max-width:740px;margin:0 auto 18px}
.imp-hero h1{font-size:clamp(2.2rem, 5vw, 4.2rem);max-width:720px}

/* Hero subtitles */
.ar-hero-sub, .nl-hero-sub, .bl-hero-sub, .tm-hero-sub, .fa-hero-sub, .imp-hero-sub{
  margin-top:18px;
  font-size:1.05rem;
  color:rgba(255,255,255,.7);
  max-width:520px;
  line-height:1.72;
  opacity:0;
  animation:fadeUp .8s var(--ease) .36s forwards;
}
.tm-hero-sub, .fa-hero-sub{max-width:540px;margin:0 auto}
.fa-hero-sub, .imp-hero-sub{max-width:560px}

/* Opportunities hero (unique) */
.opp-hero{
  position:relative;
  min-height:92vh;
  display:flex;
  align-items:center;
  background:var(--charcoal);
  overflow:hidden;
}
.opp-hero-bg{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  filter:brightness(.35) saturate(.55);
  transform:scale(1.05);
  animation:heroZoom 10s var(--ease) forwards;
}
@keyframes heroZoom{to{transform:scale(1)}}

.opp-hero-inner{
  position:relative;
  z-index:2;
  padding:120px 0 110px;
}
.opp-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:10.5px;
  font-weight:500;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--orange);
  margin-bottom:28px;
  opacity:0;
  animation:fadeUp .7s var(--ease) .1s forwards;
}
.opp-eyebrow::before{
  content:'';
  display:block;
  width:30px;
  height:2px;
  background:var(--orange);
}
.opp-hero h1{
  font-family:var(--ff);
  font-size:clamp(2.4rem, 5.5vw, 4.8rem);
  font-weight:900;
  line-height:1.1;
  color:#fff;
  max-width:840px;
  opacity:0;
  animation:fadeUp .9s var(--ease) .25s forwards;
}
.opp-hero h1 em{font-style:normal;color:var(--orange)}
.opp-hero-intro{
  margin-top:28px;
  font-size:1.12rem;
  font-weight:300;
  line-height:1.72;
  color:rgba(255,255,255,.7);
  max-width:560px;
  opacity:0;
  animation:fadeUp .9s var(--ease) .42s forwards;
}
.opp-hero-cta{
  margin-top:46px;
  opacity:0;
  animation:fadeUp .9s var(--ease) .58s forwards;
}
.opp-hero-cta a{
  display:inline-flex;
  align-items:center;
  gap:10px;
  background:var(--orange);
  color:#fff;
  font-size:.9rem;
  font-weight:500;
  letter-spacing:.05em;
  text-decoration:none;
  padding:16px 36px;
  border-radius:4px;
  transition:background .22s, transform .22s;
}
.opp-hero-cta a:hover{background:var(--orange-lt);transform:translateY(-2px)}
.opp-hero-cta a svg{transition:transform .22s}
.opp-hero-cta a:hover svg{transform:translateX(5px)}

.opp-scroll-hint{
  position:absolute;
  bottom:34px;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  color:rgba(255,255,255,.3);
  font-size:9.5px;
  letter-spacing:.18em;
  text-transform:uppercase;
  z-index:3;
  animation:floatY 2.8s ease-in-out infinite;
}
.opp-scroll-hint i{
  display:block;
  width:1px;
  height:46px;
  background:linear-gradient(to bottom, rgba(255,255,255,.3), transparent);
}

/* Opportunity detail hero (unique) */
.od-hero{
  background:var(--charcoal);
  position:relative;
  overflow:hidden;
  padding:72px 0 64px;
}
.od-hero::after{
  content:'';
  position:absolute;
  right:-40px;top:0;bottom:0;
  width:34vw;
  background:var(--orange);
  opacity:.06;
  clip-path:polygon(28% 0, 100% 0, 100% 100%, 0% 100%);
  pointer-events:none;
}
.od-hero-inner{position:relative;z-index:2}
.od-hero-kicker{
  display:inline-flex;
  align-items:center;
  gap:9px;
  font-size:10px;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--orange);
  margin-bottom:20px;
  opacity:0;
  animation:odFadeUp .65s var(--ease) .05s forwards;
}
.od-hero-kicker::before{
  content:'';
  display:block;
  width:26px;
  height:2px;
  background:var(--orange);
}
.od-hero h1{
  font-family:var(--ff);
  font-size:clamp(1.9rem, 4vw, 3.2rem);
  font-weight:900;
  color:#fff;
  line-height:1.12;
  max-width:700px;
  opacity:0;
  animation:odFadeUp .75s var(--ease) .18s forwards;
}

/* Home hero slider */
.hero-wrap{position:relative;overflow:hidden;background:#0b1b3a;color:#fff}
.hero-slider{position:relative;height:560px}
.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .6s ease;background-size:cover;background-position:center}
.hero-slide.active{opacity:1}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg, rgba(0,0,0,.68), rgba(0,0,0,.25))}
.hero-inner{position:relative;z-index:2;height:560px;display:flex;align-items:center}
.hero-text{max-width:820px}
.hero-text h1{font-size:48px;line-height:1.12;margin:0 0 12px;font-weight:900;letter-spacing:-.02em}
.hero-text p{font-size:18px;opacity:.95;margin:0 0 18px;line-height:1.6}
.hero-buttons .btn{margin-right:10px}
.hero-mini-card{
  margin-top:18px;
 /*background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);
  border-radius:14px;padding:14px 16px;max-width:600px;*/
}
.hero-mini-card h3{margin:0 0 6px;font-size:22px}
.hero-mini-card p{margin:0 0 10px;opacity:.92}

.slider-dots{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:3}
.slider-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.5);cursor:pointer}
.slider-dot.active{background:#fff}

/* Legacy simple hero */
.hero{
  background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
  color:#fff;
  padding:100px 20px;
  text-align:center;
}
.hero-content h2{font-size:48px;margin-bottom:20px}
.hero-content p{font-size:20px;margin-bottom:30px;opacity:.95}
.hero-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}

/* -----------------------------------------------------------
   BREADCRUMBS
   ----------------------------------------------------------- */
.fa-breadcrumb, .od-breadcrumb{
  background:var(--cream);
  padding:14px 0;
  border-bottom:1px solid var(--border);
}
.fa-breadcrumb-inner, .od-breadcrumb-inner{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:.82rem;
}
.od-breadcrumb-inner{color:var(--muted)}
.fa-breadcrumb a, .od-breadcrumb a{
  color:var(--muted);
  text-decoration:none;
  transition:color .18s;
}
.fa-breadcrumb a:hover, .od-breadcrumb a:hover{color:var(--orange)}
.fa-breadcrumb span{color:var(--mid);font-weight:600}
.fa-breadcrumb i{color:var(--muted);font-size:10px}
.od-breadcrumb-sep{font-size:.7rem;color:#ccc}
.od-breadcrumb-current{color:var(--dark);font-weight:700}

/* -----------------------------------------------------------
   FILTER BARS
   ----------------------------------------------------------- */
.bl-filters{
  background:var(--cream);
  border-bottom:1px solid var(--border);
  padding:16px 0;
  position:sticky;
  top:0;
  z-index:40;
}
.bl-filters-inner{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
.bl-search{flex:1;min-width:200px;position:relative}
.bl-search input{
  width:100%;
  padding:10px 14px 10px 38px;
  border:1px solid var(--border);
  border-radius:6px;
  font-family:var(--ff);
  font-size:.9rem;
  background:#fff;
  outline:none;
  transition:border-color .2s;
}
.bl-search input:focus{border-color:var(--orange)}
.bl-search-icon{
  position:absolute;
  left:12px;top:50%;
  transform:translateY(-50%);
  color:var(--muted);
  font-size:13px;
  pointer-events:none;
}
.bl-search-btn{
  padding:10px 18px;
  background:var(--orange);
  color:#fff;
  border:none;
  border-radius:6px;
  font-family:var(--ff);
  font-size:.88rem;
  font-weight:700;
  cursor:pointer;
  transition:background .2s;
  flex-shrink:0;
}
.bl-search-btn:hover{background:var(--orange-lt)}
.bl-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.bl-chip{
  display:inline-block;
  padding:6px 16px;
  border-radius:999px;
  font-size:.78rem;
  font-weight:700;
  border:1.5px solid var(--border);
  background:#fff;
  color:var(--mid);
  text-decoration:none;
  transition:border-color .2s, color .2s, background .2s;
}
.bl-chip:hover,
.bl-chip.active{
  border-color:var(--orange);
  color:var(--orange);
  background:rgba(248,101,5,.06);
}
.bl-chip.clear{border-color:#ef4444;color:#ef4444}
.bl-chip.clear:hover{background:rgba(239,68,68,.06)}

/* -----------------------------------------------------------
   BUTTONS
   ----------------------------------------------------------- */
.btn{
  display:inline-block;
  padding:12px 30px;
  border-radius:8px;
  text-decoration:none;
  font-weight:600;
  transition:all .25s;
  border:2px solid transparent;
  cursor:pointer;
}
.btn-primary{background:var(--primary-color);color:#fff}
.btn-primary:hover{background:var(--secondary-color)}
.btn-outline{background:#ff9800;color:#fff;border-color:#fff}
.btn-outline:hover{background:#fff;color:var(--primary-color)}
.btn-sm{padding:8px 20px;font-size:14px}
.btn-lg{padding:15px 40px;font-size:18px}
.btn-block{width:100%;display:inline-flex;justify-content:center}

/* -----------------------------------------------------------
   SECTIONS & CONTENT
   ----------------------------------------------------------- */
.section, .ar-section, .nl-section, .bl-section, .tm-content, .fa-content, .imp-intro, .imp-stats, .opp-section{
  padding:80px 0;
}
.ar-section, .nl-section{padding:76px 0 100px}
.bl-section{padding:72px 0 100px}
.tm-content{padding:80px 0 100px}
.fa-content{padding:72px 0 40px}
.od-body{padding:72px 0 96px}
.opp-section{padding:70px 0}

.section.bg-light, .opp-section.bg-light{background:var(--light-color)}
.imp-intro{background:var(--cream);padding:80px 0 72px}
.imp-stats{background:#fff}
.opp-framework{background:var(--cream);padding:100px 0 116px;position:relative;overflow:hidden}

.section-header{text-align:center;margin-bottom:50px}
.section-header h2{font-size:36px;color:var(--dark-color);margin-bottom:10px;font-weight:900}
.section-header p{font-size:18px;color:var(--muted)}

.bl-section-head, .tm-section-head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:16px;
  margin-bottom:40px;
  flex-wrap:wrap;
}
.tm-section-head{margin-bottom:36px;text-align:center;display:block}

.bl-section-head h2{font-size:1.5rem;font-weight:900;color:var(--dark)}
.tm-section-head h2{
  font-size:clamp(1.6rem, 3vw, 2.2rem);
  font-weight:900;
  color:var(--dark);
  margin-bottom:8px;
}
.tm-section-head p{
  font-size:.95rem;
  color:var(--muted);
  max-width:520px;
  margin:0 auto;
  line-height:1.65;
}
.bl-count{font-size:.85rem;color:var(--muted)}

/* Section kickers */
.imp-section-kicker, .opp-section-kicker, .fa-programs-kicker, .tm-section-kicker, .od-section-label{
  display:inline-flex;
  align-items:center;
  gap:9px;
  font-size:10px;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--orange);
  margin-bottom:14px;
}
.opp-section-kicker{font-size:10.5px;gap:10px;margin-bottom:18px}
.fa-programs-kicker, .tm-section-kicker{gap:10px}
.fa-programs-kicker::before, .tm-section-kicker::before{width:26px}
.od-section-label{margin-bottom:28px}
.imp-section-kicker::before, .opp-section-kicker::before, .fa-programs-kicker::before, .tm-section-kicker::before, .od-section-label::before{
  content:'';
  display:block;
  width:26px;
  height:2px;
  background:var(--orange);
}
.opp-section-kicker::before{width:28px}

/* Opportunity framework intro */
.opp-intro{
  text-align:center;
  max-width:920px;
  margin:0 auto 34px;
}
.opp-intro h2{
  font-size:34px;
  margin:0 0 10px;
  font-weight:900;
}
.opp-intro p{
  margin:0;
  color:#6b7280;
  line-height:1.7;
  font-size:17px;
}

.opp-fw-bignumber{
  position:absolute;
  top:10px;
  right:3vw;
  font-family:var(--ff);
  font-size:clamp(110px, 20vw, 260px);
  font-weight:900;
  color:rgba(0,0,0,.028);
  line-height:1;
  pointer-events:none;
  user-select:none;
}

.opp-fw-head{margin-bottom:68px}
.opp-fw-head h2{
  font-family:var(--ff);
  font-size:clamp(2rem, 3.8vw, 3.3rem);
  font-weight:900;
  color:var(--dark);
  line-height:1.1;
  max-width:580px;
  margin-bottom:16px;
}
.opp-fw-head p{
  font-size:1.02rem;
  font-weight:300;
  color:var(--muted);
  max-width:500px;
  line-height:1.72;
}

/* Opportunity detail layout */
.od-layout{
  display:grid;
  grid-template-columns:1fr;
  gap:48px;
}
.od-image-wrap{
  position:sticky;
  top:28px;
}
.od-image-wrap img{
  width:100%;
  border-radius:8px;
  display:block;
  border:1px solid var(--border);
  box-shadow:0 18px 50px rgba(0,0,0,.09);
}
.od-content{
  font-size:1.04rem;
  font-weight:400;
  line-height:1.82;
  color:var(--mid);
}
.od-content p{margin-bottom:1.4em}
.od-content p:last-child{margin-bottom:0}

.od-divider{
  height:1px;
  background:var(--border);
  margin:52px 0;
}

.od-nav{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.od-nav-card{
  display:flex;
  flex-direction:column;
  gap:5px;
  text-decoration:none;
  border:1px solid var(--border);
  border-radius:8px;
  padding:20px 22px;
  transition:border-color .2s, box-shadow .2s, transform .2s;
  background:var(--cream);
}
.od-nav-card:hover{
  border-color:var(--orange);
  box-shadow:0 8px 28px rgba(248,101,5,.1);
  transform:translateY(-2px);
}
.od-nav-card.next{text-align:right}
.od-nav-dir{
  font-size:9.5px;
  font-weight:700;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--orange);
  display:flex;
  align-items:center;
  gap:6px;
}
.od-nav-card.next .od-nav-dir{justify-content:flex-end}
.od-nav-title{
  font-size:.95rem;
  font-weight:700;
  color:var(--dark);
  line-height:1.3;
}

.od-back-wrap{
  margin-top:40px;
  text-align:center;
}
.od-back{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:1.5px solid var(--border);
  color:var(--muted);
  font-size:.85rem;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  text-decoration:none;
  padding:12px 28px;
  border-radius:4px;
  transition:border-color .2s, color .2s, transform .2s;
}
.od-back:hover{
  border-color:var(--orange);
  color:var(--orange);
  transform:translateY(-2px);
}

/* Focus areas & programs */
.fa-article{
  max-width:820px;
  margin:0 auto 72px;
  font-size:1rem;
  line-height:1.78;
  color:var(--mid);
}
.fa-article h2{
  font-size:clamp(1.5rem, 3vw, 1.9rem);
  font-weight:900;
  color:var(--dark);
  margin:42px 0 18px;
  line-height:1.25;
}
.fa-article h3{
  font-size:clamp(1.2rem, 2.5vw, 1.5rem);
  font-weight:700;
  color:var(--dark);
  margin:32px 0 14px;
  line-height:1.3;
}
.fa-article p{margin:16px 0}
.fa-article ul,
.fa-article ol{
  margin:20px 0;
  padding-left:30px;
}
.fa-article li{margin:10px 0;line-height:1.7}

.fa-programs{margin-top:80px;padding-top:80px;border-top:1px solid var(--border)}
.fa-programs-head{
  text-align:center;
  margin-bottom:48px;
}
.fa-programs-head h2{
  font-size:clamp(1.8rem, 3.5vw, 2.6rem);
  font-weight:900;
  color:var(--dark);
  margin-bottom:10px;
}
.fa-programs-head p{
  font-size:.95rem;
  color:var(--muted);
  max-width:540px;
  margin:0 auto;
  line-height:1.65;
}

/* Impact intro */
.imp-intro-center{
  max-width:820px;
  margin:0 auto;
  text-align:center;
}
.imp-intro-center h2{
  font-size:clamp(1.8rem, 3.5vw, 2.8rem);
  font-weight:900;
  color:var(--dark);
  line-height:1.15;
  margin-bottom:32px;
}
.imp-intro-paras{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
  gap:14px;
  text-align:left;
}
.imp-intro-para{
  font-size:.96rem;
  line-height:1.78;
  color:var(--mid);
  background:#fff;
  border-left:3px solid var(--orange);
  padding:16px 20px;
  border-radius:0 8px 8px 0;
}

.imp-block-head{margin-bottom:32px}
.imp-block-head h2{
  font-size:clamp(1.5rem, 3vw, 2.2rem);
  font-weight:900;
  color:var(--dark);
  margin-bottom:8px;
}
.imp-block-head p{
  font-size:.95rem;
  color:var(--muted);
  max-width:580px;
  line-height:1.65;
}

.imp-divider{
  display:flex;
  align-items:center;
  gap:16px;
  margin:64px 0 48px;
}
.imp-divider::before,
.imp-divider::after{content:'';flex:1;height:1px;background:var(--border)}
.imp-divider-label{
  font-size:10px;
  font-weight:700;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--muted);
  white-space:nowrap;
}

/* Orange band (opportunities) */
.opp-band{
  background:var(--orange);
  overflow:hidden;
}
.opp-band-inner{
  display:flex;
  align-items:stretch;
}
.opp-band-text{
  padding:54px 48px 54px 0;
  flex:1;
}
.opp-band-kicker{
  font-size:10px;
  font-weight:500;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:rgba(255,255,255,.6);
  margin-bottom:14px;
}
.opp-band-text h2{
  font-family:var(--ff);
  font-size:clamp(1.5rem, 2.6vw, 2.4rem);
  font-weight:700;
  color:#fff;
  line-height:1.2;
}
.opp-band-text p{
  margin-top:14px;
  font-size:.98rem;
  font-weight:300;
  color:rgba(255,255,255,.82);
  line-height:1.68;
  max-width:540px;
}
.opp-band-icon{
  flex-shrink:0;
  width:160px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(0,0,0,.08);
}
.opp-band-icon svg{opacity:.22}

/* Focus areas (home) */
.focus-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:18px}
.focus-card{background:#fff;border-radius:16px;padding:18px;box-shadow:0 10px 28px rgba(0,0,0,.06);border:1px solid #eef2f7}
.focus-icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#f2f5ff;margin-bottom:10px}
.focus-card h3{margin:6px 0;font-size:18px;font-weight:900}
.focus-card p{margin:0 0 12px;color:#4b5563;line-height:1.6}

/* -----------------------------------------------------------
   GRIDS & CARDS
   ----------------------------------------------------------- */

/* Base grid patterns */
.ar-grid, .nl-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:24px;
}
.bl-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:26px;
}
.tm-grid, .fa-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
  gap:26px;
}
.fa-grid{grid-template-columns:repeat(auto-fit, minmax(300px, 1fr))}
.imp-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:18px;
}
.opp-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(310px, 1fr));
  gap:22px;
}

/* Base card styles */
.ar-card, .nl-card, .bl-card, .tm-card, .fa-card, .imp-card{
  background:#fff;
  border:1px solid var(--border);
  border-radius:14px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  position:relative;
  transition:transform .25s var(--ease), box-shadow .25s var(--ease);
  opacity:0;
  transform:translateY(20px);
}
.ar-card, .nl-card{box-shadow:0 4px 16px rgba(0,0,0,.06)}
.bl-card, .tm-card, .fa-card{box-shadow:0 4px 16px rgba(0,0,0,.05)}
.imp-card{
  padding:30px 20px 26px;
  text-align:center;
  box-shadow:0 4px 18px rgba(0,0,0,.05);
  transform:translateY(22px);
}
.tm-card{transform:translateY(22px)}

.ar-card.in-view, .nl-card.in-view, .bl-card.in-view, .tm-card.in-view, .fa-card.in-view, .imp-card.in-view{
  opacity:1;
  transform:translateY(0);
  transition:opacity .55s var(--ease), transform .55s var(--ease), box-shadow .25s var(--ease);
}

.ar-card:hover{transform:translateY(-6px);box-shadow:0 18px 44px rgba(0,0,0,.13)}
.nl-card:hover{transform:translateY(-6px);box-shadow:0 18px 44px rgba(0,0,0,.12)}
.bl-card:hover{transform:translateY(-6px);box-shadow:0 18px 44px rgba(0,0,0,.11)}
.tm-card:hover, .fa-card:hover{transform:translateY(-5px);box-shadow:0 18px 44px rgba(0,0,0,.1)}
.imp-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(0,0,0,.1)}

.ar-card.in-view:hover, .nl-card.in-view:hover, .bl-card.in-view:hover{transform:translateY(-6px)}
.tm-card.in-view:hover, .fa-card.in-view:hover, .imp-card.in-view:hover{transform:translateY(-5px)}

/* Orange top-rule sweep */
.ar-card::before, .nl-card::before, .bl-card::before, .tm-card::before, .fa-card::before, .imp-card::before{
  content:'';
  position:absolute;
  top:0;left:0;right:0;
  height:3px;
  background:var(--orange);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .45s var(--ease);
  z-index:1;
}
.ar-card.in-view::before, .ar-card:hover::before,
.nl-card.in-view::before, .nl-card:hover::before,
.bl-card.in-view::before, .bl-card:hover::before,
.tm-card.in-view::before, .tm-card:hover::before,
.fa-card.in-view::before, .fa-card:hover::before,
.imp-card.in-view::before, .imp-card:hover::before{transform:scaleX(1)}

/* Opportunity cards */
.opp-card{
  background:var(--white);
  border-radius:6px;
  border:1px solid var(--border);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  position:relative;
  opacity:0;
  transform:translateY(26px);
  transition:opacity .65s var(--ease), transform .65s var(--ease), box-shadow .28s var(--ease);
}
.opp-card.in-view{
  opacity:1;
  transform:translateY(0);
}
.opp-card:hover{
  box-shadow:0 22px 54px rgba(0,0,0,.09);
  transform:translateY(-5px);
}
.opp-card.in-view:hover{transform:translateY(-5px)}

.opp-card-line{
  height:3px;
  background:var(--orange);
  transform-origin:left;
  transform:scaleX(0);
  transition:transform .5s var(--ease);
  flex-shrink:0;
}
.opp-card.in-view .opp-card-line,
.opp-card:hover .opp-card-line{transform:scaleX(1)}

.opp-card-img{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  display:block;
  filter:grayscale(.15);
  transition:filter .4s;
}
.opp-card:hover .opp-card-img{filter:grayscale(0)}

.opp-card-body{
  padding:28px 28px 34px;
  flex:1;
  display:flex;
  flex-direction:column;
}
.opp-card-num{
  font-family:var(--ff);
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.2em;
  color:var(--orange);
  text-transform:uppercase;
  margin-bottom:10px;
}
.opp-card-body h3{
  font-family:var(--ff);
  font-size:1.3rem;
  font-weight:700;
  color:var(--dark);
  line-height:1.25;
  margin-bottom:12px;
}
.opp-card-body .subtext{
  font-size:.94rem;
  font-weight:300;
  line-height:1.76;
  color:var(--mid);
}
.opp-card-body .subtext + .subtext{margin-top:10px}

.opp-card-footer{
  padding:0 28px 26px;
  flex-shrink:0;
}
.opp-learn-more{
  display:inline-flex;
  align-items:center;
  gap:7px;
  background:var(--orange);
  color:#fff;
  font-family:var(--ff);
  font-size:.82rem;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  text-decoration:none;
  padding:10px 20px;
  border-radius:4px;
  transition:background .2s, transform .2s;
}
.opp-learn-more:hover{background:var(--orange-lt);transform:translateY(-2px)}
.opp-learn-more svg{transition:transform .2s}
.opp-learn-more:hover svg{transform:translateX(4px)}

/* Card covers/thumbs */
.ar-cover, .nl-cover{
  height:260px;
  overflow:hidden;
  flex-shrink:0;
}
.ar-cover{
  background:linear-gradient(135deg, var(--charcoal) 0%, var(--mid) 100%);
  position:relative;
}
.nl-cover{background:var(--charcoal)}

.ar-cover img, .nl-cover img{
  width:100%;height:100%;
  object-fit:cover;display:block;
  transition:transform .4s var(--ease);
}
.ar-card:hover .ar-cover img{transform:scale(1.06)}
.nl-card:hover .nl-cover img{transform:scale(1.06)}

.ar-cover-placeholder, .nl-cover-placeholder{
  width:100%;height:100%;
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  gap:12px;
  background:linear-gradient(135deg, var(--charcoal) 0%, #2d2d2d 100%);
}
.ar-cover-placeholder i{font-size:52px;color:var(--orange);opacity:.8}
.nl-cover-placeholder i{font-size:48px;color:var(--orange);opacity:.8}
.ar-cover-placeholder span{
  font-size:2.2rem;
  font-weight:900;
  color:#fff;
  opacity:.9;
}
.nl-cover-placeholder span{
  font-size:1rem;
  font-weight:700;
  color:rgba(255,255,255,.75);
  text-align:center;
  padding:0 16px;
}

/* Blog thumb */
.bl-thumb{
  position:relative;
  height:220px;
  overflow:hidden;
  background:var(--charcoal);
  flex-shrink:0;
  display:block;
  text-decoration:none;
}
.bl-thumb img{
  width:100%;height:100%;
  object-fit:cover;display:block;
  transition:transform .4s var(--ease);
}
.bl-card:hover .bl-thumb img{transform:scale(1.05)}

.bl-thumb-placeholder{
  width:100%;height:100%;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg, var(--charcoal) 0%, #2d2d2d 100%);
}
.bl-thumb-placeholder i{font-size:44px;color:var(--orange);opacity:.7}

.bl-cat-pill{
  position:absolute;
  top:12px;left:12px;
  background:rgba(0,0,0,.65);
  color:#fff;
  padding:4px 12px;
  border-radius:999px;
  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  backdrop-filter:blur(4px);
}

/* Focus area card thumb */
.fa-card-thumb{
  height:200px;
  overflow:hidden;
  flex-shrink:0;
}
.fa-card-thumb img{
  width:100%;height:100%;
  object-fit:cover;display:block;
  transition:transform .4s var(--ease);
}
.fa-card:hover .fa-card-thumb img{transform:scale(1.05)}

.fa-card-thumb-placeholder{
  width:100%;height:100%;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg, var(--charcoal) 0%, #2d2d2d 100%);
}
.fa-card-thumb-placeholder i{font-size:48px;color:var(--orange);opacity:.8}

/* Team photo */
.tm-photo-wrap{
  height:260px;
  overflow:hidden;
  flex-shrink:0;
  background:#f3f4f6;
}
.tm-photo{
  width:100%;height:100%;
  object-fit:cover;display:block;
  filter:grayscale(.1);
  transition:filter .4s var(--ease), transform .4s var(--ease);
}
.tm-card:hover .tm-photo{filter:grayscale(0);transform:scale(1.04)}

.tm-photo-placeholder{
  width:100%;height:100%;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg, #e5e7eb 0%, #f3f4f6 100%);
}
.tm-photo-placeholder i{font-size:44px;color:#9ca3af}

/* Card bodies */
.ar-card-body, .nl-card-body, .bl-card-body, .tm-card-body, .fa-card-body{
  padding:22px 20px 20px;
  flex:1;
  display:flex;
  flex-direction:column;
}
.bl-card-body, .fa-card-body{padding:22px 22px 20px}
.tm-card-body{text-align:center}

/* Badges */
.ar-year-badge, .nl-date-badge{
  display:inline-block;
  background:rgba(248,101,5,.1);
  color:var(--orange);
  padding:3px 12px;
  border-radius:999px;
  font-size:11px;
  font-weight:700;
  letter-spacing:.06em;
  margin-bottom:10px;
}

/* Card titles */
.ar-card-title, .nl-card-title{
  font-size:1rem;
  font-weight:900;
  color:var(--dark);
  line-height:1.3;
  margin-bottom:8px;
}
.bl-card-title{
  font-size:1.05rem;
  font-weight:900;
  line-height:1.3;
  margin-bottom:10px;
}
.bl-card-title a{
  color:var(--dark);
  text-decoration:none;
  transition:color .18s;
}
.bl-card-title a:hover{color:var(--orange)}

.tm-card-name{
  font-size:1.05rem;
  font-weight:900;
  color:var(--dark);
  line-height:1.25;
  margin-bottom:6px;
}
.tm-card-position{
  font-size:.88rem;
  font-weight:700;
  color:var(--orange);
  margin-bottom:16px;
  line-height:1.4;
}

.fa-card-title{
  font-size:1.05rem;
  font-weight:900;
  color:var(--dark);
  line-height:1.3;
  margin-bottom:10px;
  display:flex;
  align-items:center;
  gap:9px;
}
.fa-card-title i{color:var(--orange);font-size:.95rem}

/* Card descriptions */
.ar-card-desc, .nl-card-desc, .bl-card-excerpt, .fa-card-desc{
  font-size:.84rem;
  line-height:1.62;
  color:var(--mid);
  flex:1;
  margin-bottom:14px;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.ar-card-desc{line-height:1.62}
.bl-card-excerpt{font-size:.88rem;line-height:1.68;margin-bottom:18px}
.fa-card-desc{font-size:.88rem;line-height:1.68;margin-bottom:18px}

.bl-card-date{
  font-size:.78rem;
  color:var(--muted);
  display:flex;
  align-items:center;
  gap:6px;
  margin-bottom:10px;
}
.bl-card-date i{color:var(--orange);font-size:11px}

/* Meta rows */
.ar-meta, .nl-meta{
  display:flex;
  align-items:center;
  gap:14px;
  padding:10px 0;
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
  margin-bottom:16px;
  font-size:.78rem;
  color:var(--muted);
}
.ar-meta span, .nl-meta span{display:flex;align-items:center;gap:5px}
.ar-meta i, .nl-meta i{font-size:11px}

/* Actions */
.ar-actions, .nl-actions{display:flex;gap:10px}
.ar-btn, .nl-btn{
  flex:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:11px 10px;
  border-radius:6px;
  text-decoration:none;
  font-family:var(--ff);
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  transition:background .2s, transform .18s;
}
.ar-btn:hover, .nl-btn:hover{transform:translateY(-1px)}
.ar-btn-view, .nl-btn-view{background:var(--orange);color:#fff}
.ar-btn-view:hover, .nl-btn-view:hover{background:var(--orange-lt)}
.ar-btn-dl, .nl-btn-dl{background:var(--dark);color:#fff}
.ar-btn-dl:hover, .nl-btn-dl:hover{background:var(--mid)}

.bl-read-more, .fa-card-link{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:var(--orange);
  font-size:.82rem;
  font-weight:700;
  text-decoration:none;
  letter-spacing:.06em;
  text-transform:uppercase;
  transition:gap .2s;
}
.bl-read-more:hover, .fa-card-link:hover{gap:11px}
.bl-read-more svg, .fa-card-link svg{transition:transform .2s}
.bl-read-more:hover svg, .fa-card-link:hover svg{transform:translateX(3px)}

/* Team social */
.tm-social{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin-top:auto;
  padding-top:8px;
}
.tm-social a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:36px;height:36px;
  border-radius:50%;
  background:rgba(248,101,5,.08);
  color:var(--orange);
  font-size:16px;
  text-decoration:none;
  transition:background .2s, transform .2s;
}
.tm-social a:hover{background:var(--orange);color:#fff;transform:scale(1.1)}

/* Impact cards */
.imp-card-value{
  font-size:clamp(2rem, 3.5vw, 2.8rem);
  font-weight:900;
  line-height:1;
  margin-bottom:10px;
  color:var(--dark);
}
.imp-card-label{
  font-size:.88rem;
  line-height:1.6;
  color:var(--mid);
}

/* Empty states */
.ar-empty, .nl-empty, .bl-empty, .tm-empty{
  text-align:center;
  padding:80px 20px;
  color:var(--muted);
}
.imp-empty{
  text-align:center;
  padding:48px 20px;
  color:var(--muted);
  border:1px dashed #e5e7eb;
  border-radius:12px;
  grid-column:1 / -1;
}
.ar-empty i, .nl-empty i{font-size:56px;color:#d1d5db;display:block;margin-bottom:20px}
.bl-empty i, .tm-empty i{font-size:54px;color:#d1d5db;display:block;margin-bottom:20px}
.imp-empty i{font-size:34px;color:#d1d5db;display:block;margin-bottom:12px}
.ar-empty h3, .nl-empty h3, .bl-empty h3, .tm-empty h3{
  font-size:1.4rem;
  font-weight:900;
  color:var(--dark);
  margin-bottom:10px;
}
.ar-empty p, .nl-empty p, .bl-empty p, .tm-empty p{font-size:.98rem}
.bl-empty a{color:var(--orange);font-weight:700;text-decoration:none}
.bl-empty a:hover{text-decoration:underline}

/* -----------------------------------------------------------
   CTA SECTIONS
   ----------------------------------------------------------- */
.cta-section, .imp-cta, .opp-cta{
  padding:80px 0;
  text-align:center;
  position:relative;
  overflow:hidden;
}
.cta-section{
  background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
  color:#fff;
  padding:80px 20px;
}
.imp-cta, .opp-cta{
  background:var(--charcoal);
  padding:80px 0;
}
.opp-cta{padding:96px 0}

.cta-section::before, .imp-cta::before, .opp-cta::before{
  content:'';
  position:absolute;
  inset:0;
  background:radial-gradient(ellipse 65% 55% at 50% 130%, rgba(248,101,5,.18), transparent);
}
.cta-section::before{display:none}

.cta-section h2{font-size:40px;margin-bottom:15px;font-weight:900}
.cta-section p{font-size:20px;margin-bottom:30px;opacity:.95}
.cta-buttons, .cta-section .cta-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}

.imp-cta-inner{position:relative;z-index:1}
.imp-cta h3, .opp-cta h2{
  position:relative;
  font-family:var(--ff);
  font-size:clamp(1.6rem, 3.5vw, 2.6rem);
  font-weight:900;
  color:#fff;
  line-height:1.15;
  margin-bottom:14px;
}
.opp-cta h2{font-size:clamp(2rem, 4vw, 3.4rem);margin-bottom:20px}
.imp-cta h3 em, .opp-cta h2 em{font-style:normal;color:var(--orange)}
.imp-cta p, .opp-cta p{
  position:relative;
  font-size:1rem;
  color:rgba(255,255,255,.62);
  max-width:600px;
  margin:0 auto 34px;
  line-height:1.72;
}
.opp-cta p{color:rgba(255,255,255,.58);max-width:460px;margin-bottom:38px}

.imp-cta-btn, .opp-cta-btn{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:9px;
  border:1.5px solid var(--orange);
  color:var(--orange);
  font-family:var(--ff);
  font-size:.9rem;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  text-decoration:none;
  padding:14px 36px;
  border-radius:4px;
  transition:background .22s, color .22s, transform .22s;
}
.opp-cta-btn{font-weight:500;padding:15px 38px}
.imp-cta-btn:hover, .opp-cta-btn:hover{
  background:var(--orange);
  color:#fff;
  transform:translateY(-2px);
}
.imp-cta-btn svg, .opp-cta-btn svg{transition:transform .2s}
.imp-cta-btn:hover svg, .opp-cta-btn:hover svg{transform:translateX(3px)}

/* -----------------------------------------------------------
   FORMS
   ----------------------------------------------------------- */
.contact-form{max-width:600px;margin:0 auto}
.form-group{margin-bottom:20px}
.form-group label{
  display:block;
  margin-bottom:8px;
  font-weight:600;
  color:var(--dark-color);
  font-size:12px;
  font-weight:900;
  color:#374151;
  margin-bottom:6px;
}
.form-group input,
.form-group textarea,
.form-group select{
  width:100%;
  padding:12px;
  border:1px solid var(--border-color);
  border-radius:8px;
  font-size:16px;
  outline:none;
  font-size:14px;
}
.form-group textarea{min-height:150px;resize:vertical}

/* Alerts */
.alert{padding:15px;border-radius:8px;margin-bottom:20px;padding:14px 14px;border-radius:12px;margin-bottom:14px}
.alert-success{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}
.alert-error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}

/* -----------------------------------------------------------
   DONATE PAGE
   ----------------------------------------------------------- */
.donate-hero{color:#fff;padding:90px 0;text-align:center;position:relative}
.donate-hero h1{font-size:48px;margin:0 0 10px;font-weight:900;letter-spacing:-.02em}
.donate-hero p{font-size:18px;margin:0 auto;max-width:820px;opacity:.95;line-height:1.7}
.donate-wrap{padding:70px 0}
.donate-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:start}
.panel{
  background:#fff;
  border:1px solid #eef2f7;
  border-radius:16px;
  box-shadow:0 10px 28px rgba(0,0,0,.06);
  padding:22px;
}
.panel h2{margin:0 0 12px;font-size:24px;font-weight:900;color:#111827}
.panel p.lead{margin:0 0 18px;color:#6b7280;line-height:1.7}
.amount-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:10px;margin-bottom:12px}
.amount-btn{
  width:100%;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:12px;
  padding:10px 10px;
  font-weight:800;
  cursor:pointer;
  transition:.2s;
}
.amount-btn:hover{border-color:#fd6501;color:#fd6501}
.amount-btn.selected{background:#fd6501;color:#fff;border-color:#fd6501}
.why-stack{display:flex;flex-direction:column;gap:16px}
.why-card{
  border-radius:14px;
  border:1px solid rgba(0,0,0,.06);
  padding:18px 18px;
  box-shadow:0 10px 24px rgba(0,0,0,.04);
}
.why-card h3{margin:0 0 8px;font-size:18px;font-weight:900}
.why-card p{margin:0;color:#374151;line-height:1.7}
.why-icon{margin-right:8px}
.other-ways{
  margin-top:18px;
  padding:18px;
  border-radius:14px;
  background:#fef3c7;
  border-left:4px solid #f59e0b;
}
.other-ways h4{margin:0 0 10px;font-size:16px;font-weight:900;color:#111827}
.other-ways ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.other-ways li{color:#374151;display:flex;gap:10px;align-items:center}

/* -----------------------------------------------------------
   PARTICIPANT JOURNEY VISUALIZATION
   ----------------------------------------------------------- */
.journey-viz-section{padding-bottom:90px}
.journey-viz-header{text-align:center;margin-bottom:26px}
.journey-viz-header h2{font-size:40px;margin:0 0 10px;font-weight:900}
.journey-viz-sub{max-width:880px;margin:0 auto;color:#4b5563;line-height:1.6}

.journey-viz-topline{position:relative;height:22px;max-width:980px;margin:26px auto 14px}
.journey-viz-topline .j-line{
  position:absolute;left:70px;right:70px;top:50%;
  height:2px;transform:translateY(-50%);
  background:linear-gradient(90deg,#7cc7c9 0%,#2e6f8a 48%,#b6d1a6 100%);
  opacity:.9;
}
.journey-viz-topline .j-dot{
  position:absolute;top:50%;transform:translateY(-50%);
  width:8px;height:8px;border-radius:999px;background:#94a3b8;
}
.journey-viz-topline .j-dot.left{left:70px;background:#6fbfc1}
.journey-viz-topline .j-dot.mid{left:50%;transform:translate(-50%,-50%);background:#2e6f8a}
.journey-viz-topline .j-dot.right{right:70px;background:#b6d1a6}

.journey-viz-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:26px;
  align-items:start;
  max-width:1100px;
  margin:0 auto;
}

.journey-step-card{position:relative;text-align:left;padding-top:26px}
.journey-step-number{
  width:64px;height:64px;border-radius:999px;
  display:flex;align-items:center;justify-content:center;
  font-size:24px;font-weight:900;color:#fff;
  margin:0 auto 12px;
  box-shadow:0 10px 24px rgba(0,0,0,.08);
}
.journey-step-card.theme-1 .journey-step-number{background:#66c2c4}
.journey-step-card.theme-2 .journey-step-number{background:#2e6f8a}
.journey-step-card.theme-3 .journey-step-number{background:#b6d1a6;color:#163f2a}

.journey-step-title-pill{
  margin:0 auto 12px;
  width:fit-content;
  padding:14px 26px;
  font-weight:900;
  font-size:18px;
  background:#fff;
  border:2px solid #e5e7eb;
  clip-path:polygon(6% 0, 94% 0, 100% 50%, 94% 100%, 6% 100%, 0 50%);
}
.journey-step-card.theme-1 .journey-step-title-pill{border-color:rgba(102,194,196,.55);color:#0b5e60}
.journey-step-card.theme-2 .journey-step-title-pill{border-color:rgba(46,111,138,.55);color:#0b2c3a}
.journey-step-card.theme-3 .journey-step-title-pill{border-color:rgba(182,209,166,.7);color:#1f3a2b}

.journey-step-body{
  color:#374151;
  line-height:1.6;
  font-size:14.8px;
  max-width:320px;
  margin:0 auto;
}
.journey-step-stat{
  margin-top:10px;
  padding-top:8px;
  border-top:1px dashed #cbd5e1;
  font-weight:700;
  color:#1f2937;
}
.journey-step-down{
  position:absolute;left:50%;bottom:-20px;
  width:2px;height:36px;transform:translateX(-50%);
  background:rgba(148,163,184,.8);
}
.journey-step-down.dashed{background:transparent;border-left:2px dashed rgba(148,163,184,.9)}

.journey-viz-bottom{position:relative;max-width:1100px;margin:42px auto 0;padding-top:40px}
.journey-loop{
  position:absolute;left:0;right:0;top:0;
  height:210px;width:100%;
  pointer-events:none;
  opacity:.95;
}
.journey-loop .loop-outer{fill:none;stroke:rgba(111,191,193,.22);stroke-width:20;stroke-linecap:round}
.journey-loop .loop-dashed{fill:none;stroke:rgba(46,111,138,.55);stroke-width:2;stroke-dasharray:7 8;stroke-linecap:round}
.journey-loop .loop-arrow{fill:none;stroke:rgba(46,111,138,.55);stroke-width:2;stroke-linecap:round}

.journey-support-card{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:56px 1fr;
  gap:14px;
  align-items:start;
  background:#fff;
  border:1px solid #e5e7eb;
  box-shadow:0 12px 30px rgba(0,0,0,.06);
  border-radius:16px;
  padding:18px;
  max-width:760px;
  margin:0 auto;
}
.journey-support-icon{
  width:56px;height:56px;border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(102,194,196,.15);
  color:#0b5e60;
  font-size:22px;
}
.journey-support-content h3{margin:0 0 6px;font-size:18px;font-weight:900;color:#0b2c3a}
.journey-support-text{color:#374151;line-height:1.6;font-size:14.6px}

/* -----------------------------------------------------------
   TESTIMONIALS & PARTNERS
   ----------------------------------------------------------- */
.t-carousel-wrap{position:relative}
.t-carousel{overflow:hidden}
.t-track{
  display:flex;
  gap:18px;
  transition:transform .55s ease;
  will-change:transform;
}
.t-slide{flex:0 0 33.3333%}

.t-dots{display:flex;justify-content:center;gap:8px;margin-top:18px}
.t-dot{
  width:10px;height:10px;border-radius:50%;
  background:rgba(17,24,39,.22);
  border:1px solid rgba(17,24,39,.25);
  cursor:pointer;
}
.t-dot.active{background:var(--primary-color);border-color:var(--primary-color)}

.t-readmore{
  display:inline-block;
  margin-top:10px;
  font-weight:800;
  text-decoration:none;
  color:var(--primary-color);
}
.t-readmore:hover{text-decoration:underline}

.t-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:18px}
.t-card{background:#fff;border-radius:16px;padding:18px;box-shadow:0 10px 28px rgba(0,0,0,.06);border:1px solid #eef2f7}
.t-top{display:flex;gap:12px;align-items:center;margin-bottom:10px}
.t-photo{width:46px;height:46px;border-radius:999px;object-fit:cover;border:2px solid #e5e7eb;background:#f3f4f6}
.t-meta strong{display:block}
.t-meta small{color:#6b7280}
.t-quote{color:#374151;line-height:1.6;margin:0}

.partner-row{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.partner-logo{
  width:160px;height:80px;background:#fff;border:1px solid #eef2f7;
  border-radius:7px;display:flex;align-items:center;justify-content:center;
  box-shadow:0 10px 28px rgba(0,0,0,.05);
}
.partner-logo img{max-width:120px;max-height:50px;object-fit:contain}

/* -----------------------------------------------------------
   LEGACY/MISC COMPONENTS
   ----------------------------------------------------------- */
.page-header{background:var(--light-color);padding:60px 20px;text-align:center}
.page-header h1{font-size:42px;color:var(--dark-color);margin-bottom:15px}
.page-content{padding:60px 20px}
.page-content img{max-width:100%;height:auto;border-radius:10px;margin:20px 0}

.programs-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));
  gap:30px;
  margin-bottom:40px;
}
.program-card{
  background:#fff;
  border-radius:var(--radius-sm);
  overflow:hidden;
  box-shadow:0 4px 6px rgba(0,0,0,.10);
  transition:transform .3s, box-shadow .3s;
}
.program-card:hover{
  transform:translateY(-5px);
  box-shadow:0 10px 20px rgba(0,0,0,.15);
}
.program-card img{width:100%;height:200px;object-fit:cover}
.program-content{padding:25px}
.program-content h3{font-size:22px;margin-bottom:10px;color:var(--dark-color)}
.program-content p{color:var(--muted);margin-bottom:15px}

.jobs-list{display:flex;flex-direction:column;gap:25px}
.job-card{background:#fff;padding:30px;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.10)}
.job-card h3{font-size:24px;color:var(--dark-color);margin-bottom:10px}
.job-meta{display:flex;gap:20px;margin-bottom:15px;color:var(--muted);flex-wrap:wrap}
.job-meta span{display:flex;align-items:center;gap:5px}

.modal{
  position:fixed;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  background:rgba(0,0,0,.55);
  z-index:9999;
  padding:18px;
}
.modal-content{
  width:min(760px, 100%);
  background:#fff;
  border-radius:16px;
  box-shadow:0 20px 60px rgba(0,0,0,.25);
  overflow:hidden;
}
.modal-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:16px 18px;
  border-bottom:1px solid var(--border-color);
}
.modal-header h3{font-size:18px;font-weight:900;color:#111827}
.modal-close{
  background:none;
  border:none;
  font-size:26px;
  cursor:pointer;
  color:#6b7280;
  line-height:1;
}
.modal-close:hover{color:#111827}
.modal-body{padding:18px}
.modal-footer{
  padding:14px 18px;
  border-top:1px solid var(--border-color);
  display:flex;
  justify-content:flex-end;
  gap:10px;
}

/* -----------------------------------------------------------
   FOOTER
   ----------------------------------------------------------- */
.site-footer{background:var(--dark-color);color:#fff;padding:60px 20px 20px}
.footer-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));
  gap:40px;
  margin-bottom:40px;
}
.footer-col h4{margin-bottom:20px;font-size:18px}
.footer-col ul{list-style:none}
.footer-col ul li{margin-bottom:10px}
.footer-col a{color:#d1d5db;text-decoration:none;transition:color .3s}
.footer-col a:hover{color:#fff}
.footer-col p{color:#d1d5db;margin-bottom:8px}
.footer-bottom{text-align:center;padding-top:30px;border-top:1px solid #374151;color:#9ca3af}

/* -----------------------------------------------------------
   ANIMATIONS
   ----------------------------------------------------------- */
@keyframes fadeUp, arFadeUp, nlFadeUp, blFadeUp, tmFadeUp, faFadeUp, impFadeUp, odFadeUp{
  from{opacity:0;transform:translateY(18px)}
  to{opacity:1;transform:translateY(0)}
}

@keyframes floatY{
  0%, 100%{transform:translateX(-50%) translateY(0)}
  50%{transform:translateX(-50%) translateY(9px)}
}

/* -----------------------------------------------------------
   RESPONSIVE
   ----------------------------------------------------------- */
@media (min-width:700px){
  .od-layout.has-image{
    grid-template-columns:1fr 340px;
    align-items:start;
  }
}

@media (max-width:1200px){
  .mega-menu-grid{grid-template-columns:repeat(3,1fr);gap:20px}
  .mega-menu-item .mega-menu-dropdown{width:min(1000px, calc(100vw - 40px))}
  .ar-grid, .nl-grid{grid-template-columns:repeat(3, 1fr)}
}

@media (max-width:1100px){
  .imp-grid{grid-template-columns:repeat(2, 1fr)}
}

@media (max-width:1024px){
  .bl-grid{grid-template-columns:repeat(2, 1fr)}
}

@media (max-width:992px){
  .hero-slider, .hero-inner{height:640px}
  .hero-text h1{font-size:38px}
  .focus-grid, .t-grid{grid-template-columns:1fr}
  .t-slide{flex:0 0 100%}
  .donate-hero h1{font-size:34px}
  .donate-grid{grid-template-columns:1fr;gap:22px}
  .amount-grid{grid-template-columns:repeat(2, 1fr)}
  .imp-grid{grid-template-columns:repeat(2, 1fr)}
  .journey-viz-header h2{font-size:32px}
  .journey-viz-grid{grid-template-columns:1fr;gap:22px}
  .journey-step-body{max-width:600px}
  .journey-viz-topline, .journey-step-down, .journey-loop{display:none}
  .journey-viz-bottom{padding-top:10px}
  .opp-grid{grid-template-columns:1fr}
}

@media (max-width:968px){
  .mobile-menu-toggle{display:block}
  .mobile-menu-close{display:inline-flex !important}

  .nav-menu{
    position:fixed;
    top:0;
    right:-100%;
    width:320px;
    height:100vh;
    background:#fff;
    flex-direction:column;
    padding:80px 20px 20px;
    box-shadow:-5px 0 15px rgba(0,0,0,.1);
    transition:right .3s ease;
    overflow-y:auto;
    gap:0;
    align-items:stretch;
    z-index:1001;
  }
  .nav-menu.active{right:0}

  .nav-menu>li{width:100%}
  .nav-menu>li>a,
  .nav-menu>li>button{
    width:100%;
    justify-content:space-between;
    padding:15px;
    border-radius:10px;
  }

  .dropdown-menu{
    position:static;
    box-shadow:none;
    margin:0;
    padding:0 0 0 10px;
    opacity:1;
    visibility:visible;
    transform:none;
    background:transparent;
    max-height:0;
    overflow:hidden;
    transition:max-height .3s ease;
  }
  .dropdown.active .dropdown-menu{max-height:650px;padding:8px 0 8px 10px}

  .mega-menu-item .mega-menu-dropdown{
    position:static;
    width:100%;
    transform:none;
    left:auto;
    box-shadow:none;
    margin:0;
    border-radius:0;
    opacity:1;
    visibility:visible;
    max-height:0;
    overflow:hidden;
    transition:max-height .4s ease;
    background:transparent;
  }
  .mega-menu-item.active .mega-menu-dropdown{max-height:3000px}

  .mega-menu-container{padding:12px 0 12px 10px}
  .mega-menu-grid{grid-template-columns:1fr;gap:16px}
  .mega-card-image{height:140px}
}

@media (max-width:900px){
  .ar-grid, .nl-grid{grid-template-columns:repeat(2, 1fr)}
}

@media (max-width:768px){
  .hero-content h2{font-size:32px}
  .hero-content p{font-size:16px}
  .section-header h2{font-size:28px}
  .programs-grid, .footer-grid{grid-template-columns:1fr}
  .mega-menu-grid{grid-template-columns:repeat(2,1fr)}
  .mega-card-image{height:120px}
  .mega-card-title{font-size:15px}
  .mega-card-description{font-size:12px}
  .ar-hero-inner, .nl-hero-inner, .bl-hero-inner, .imp-hero-inner{padding:70px 0 60px}
  .tm-hero-inner, .fa-hero-inner{padding:72px 0 64px}
  .fa-hero{min-height:50vh}
  .opp-hero-inner{padding:88px 0 78px}
  .opp-band-inner{flex-direction:column}
  .opp-band-text{padding:38px 0}
  .opp-band-icon{display:none}
  .opp-framework{padding:64px 0 80px}
  .opp-cta{padding:70px 0}
}

@media (max-width:640px){
  .logo-text h1{font-size:20px}
  .logo-text p{display:none}
  .mega-menu-grid{grid-template-columns:1fr}
  .bl-grid{grid-template-columns:1fr}
}

@media (max-width:600px){
  .imp-grid{grid-template-columns:1fr}
  .imp-intro{padding:60px 0}
  .imp-stats{padding:60px 0}
  .imp-card-value{font-size:30px}
}

@media (max-width:560px){
  .ar-grid, .nl-grid, .tm-grid{grid-template-columns:1fr}
  .fa-grid{grid-template-columns:1fr}
}

@media (max-width:540px){
  .od-nav{grid-template-columns:1fr}
}