/* ---------- SECTION GENERIC ---------- */
  section{ padding:88px 0; }
  .section-head{
    display:flex; justify-content:space-between; align-items:flex-end;
    gap:24px; margin-bottom:44px; flex-wrap:wrap;
  }
  .section-head h2{ font-size:clamp(26px,3.4vw,38px); margin-top:10px; }
  .section-head .eyebrow{ color:var(--primary-red); }
  .section-head p{ max-width:360px; color:var(--text-soft); font-size:14.5px; line-height:1.6; }
  .section-head.centered{ justify-content:center; text-align:center; flex-direction:column; align-items:center; }
  .section-head.centered .eyebrow{ justify-content:center; }
  .section-head.centered p{ max-width:520px; }
  
/* ---------- PAGE HERO ---------- */
  .page-hero{
    position:relative; overflow:hidden;
    background: radial-gradient(130% 100% at 50% -10%, #ffffff 0%, #fff0f0 60%, #ffe0e0 100%);
    border-bottom:1px solid var(--line);
    padding:72px 0 90px;
  }
  .breadcrumb{
    font-size:12.5px; color:var(--text-soft); display:flex; align-items:center; gap:8px; margin-bottom:18px;
  }
  .breadcrumb a:hover{ color:var(--primary-red); }
  .breadcrumb i{ font-size:10px; color:var(--mist); }
  .page-hero h1{ font-size:clamp(36px,5.6vw,58px); line-height:1.05; max-width:780px; }
  .page-hero h1 em{ font-style:initial; color:var(--primary-red); font-weight:600; }
  .page-hero p.lede{ font-size:16.5px; line-height:1.65; color:var(--text-soft); max-width:560px; margin-top:16px; }
  .page-hero-skyline{ position:absolute; left:0; right:0; bottom:0; width:100%; height:auto; z-index:1; opacity:0.25; pointer-events:none; }
  .page-hero .wrap{ position:relative; z-index:2; }

  /* ---------- STORY ---------- */
  .story{ background:var(--paper); }
  .story-grid{ display:grid; grid-template-columns:1fr 1.2fr; gap:56px; align-items:center; }
  @media (max-width:860px){ .story-grid{ grid-template-columns:1fr; gap:36px; } }
  .story-visual{
    display:grid; grid-template-columns:1.2fr 1fr; grid-template-rows:1fr 1fr;
    gap:14px; aspect-ratio:1/1;
  }
  @media (max-width:520px){ .story-visual{ aspect-ratio:4/3; } }
  .sv-tile{ border-radius:4px; display:flex; align-items:center; justify-content:center; color:#fff; }
  .sv-tile i{ font-size:34px; opacity:0.92; }
  .sv-1{ grid-row:1/3; background:linear-gradient(135deg,#da251c,#b31a12); }
  .sv-2{ background:linear-gradient(135deg,#ff6a00,#ff8c3a); }
  .sv-3{ background:linear-gradient(135deg,#0f172a,#334155); }
  .story-text h2{ font-size:clamp(24px,3vw,34px); margin-top:12px; }
  .story-text > p{ color:var(--text-soft); margin-top:14px; font-size:14.5px; line-height:1.75; max-width:520px; }
  .story-stats{ display:flex; gap:32px; margin-top:28px; padding-top:24px; border-top:1px solid var(--line); flex-wrap:wrap; }
  .story-stats .num{ font-size:24px; color:var(--primary-red); font-weight:700; }
  .story-stats .label{ font-size:12px; color:var(--text-soft); margin-top:4px; }

  /* ---------- MISSION / VISION / VALUES ---------- */
  .mvv{ background:var(--paper-2); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
  .mvv-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }
  @media (max-width:860px){ .mvv-grid{ grid-template-columns:1fr; } }
  .mvv-card{
    background:var(--card); border:1px solid var(--line); border-radius:4px;
    padding:32px 28px; transition:transform .18s ease, box-shadow .18s ease;
  }
  .mvv-card:hover{ transform:translateY(-4px); box-shadow:0 20px 35px -10px rgba(0,0,0,0.06); }
  .mvv-icon{
    width:48px; height:48px; border-radius:50%; background:var(--paper-2);
    display:flex; align-items:center; justify-content:center; margin-bottom:20px;
  }
  .mvv-card:nth-child(1) .mvv-icon{ color:var(--primary-red); }
  .mvv-card:nth-child(2) .mvv-icon{ color:var(--accent-orange); }
  .mvv-card:nth-child(3) .mvv-icon{ color:var(--navy); }
  .mvv-icon i{ font-size:19px; }
  .mvv-card h3{ font-size:18px; font-weight:500; }
  .mvv-card p{ font-size:13.5px; color:var(--text-soft); line-height:1.65; margin-top:10px; }

  /* ---------- TIMELINE ---------- */
  .timeline-section{ background:var(--paper); }
  .tl-track{ position:relative; max-width:760px; margin:0 auto; }
  .tl-track::before{
    content:""; position:absolute; left:19px; top:6px; bottom:6px; width:1px; background:var(--line);
  }
  @media (max-width:600px){ .tl-track::before{ left:15px; } }
  .tl-row{ position:relative; display:flex; gap:28px; padding-bottom:40px; }
  .tl-row:last-child{ padding-bottom:0; }
  .tl-marker{
    flex:none; width:40px; height:40px; border-radius:50%; background:var(--card);
    border:1px solid var(--primary-red); color:var(--primary-red); display:flex; align-items:center; justify-content:center;
    font-size:11px; font-weight:700; position:relative; z-index:2;
  }
  @media (max-width:600px){ .tl-marker{ width:32px; height:32px; font-size:9.5px; } }
  .tl-content{ padding-top:6px; }
  .tl-content .yr{ font-size:12px; color:var(--accent-orange); font-weight:700; }
  .tl-content h4{ font-size:16.5px; font-weight:600; margin-top:4px; }
  .tl-content p{ font-size:13.5px; color:var(--text-soft); line-height:1.6; margin-top:6px; max-width:480px; }

  /* ---------- TEAM ---------- */
  .team{ background:var(--paper-2); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
  .team-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--line); border:1px solid var(--line); }
  @media (max-width:900px){ .team-grid{ grid-template-columns:1fr 1fr; } }
  @media (max-width:560px){ .team-grid{ grid-template-columns:1fr; } }
  .team-card{ background:var(--card); padding:30px 24px; text-align:center; }
  .team-avatar{
    width:56px; height:56px; border-radius:50%; margin:0 auto 16px;
    background:var(--paper-2); display:flex; align-items:center; justify-content:center;
  }
  .team-avatar i{ font-size:21px; color:var(--primary-red); }
  .team-card h3{ font-size:15.5px; font-weight:700; }
  .team-card p{ font-size:12.5px; color:var(--text-soft); line-height:1.55; margin-top:8px; }

  /* ---------- IMPACT STATS BAND ---------- */
  .impact{ background:var(--navy); color:#e2e8f0; }
  .impact-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:26px; text-align:center; }
  @media (max-width:700px){ .impact-grid{ grid-template-columns:1fr 1fr; gap:36px; } }
  .impact-item i{ font-size:20px; color:var(--accent-orange); }
  .impact-item .num{ font-size:30px; font-weight:700; color:#ffffff; margin-top:12px; }
  .impact-item .label{ font-size:12.5px; color:#94a3b8; margin-top:6px; }

  /* ---------- COVERAGE ---------- */
  .coverage{ background:var(--paper); }
  .coverage-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
  @media (max-width:820px){ .coverage-grid{ grid-template-columns:1fr 1fr; } }
  @media (max-width:520px){ .coverage-grid{ grid-template-columns:1fr; } }
  .coverage-item{
    display:flex; align-items:center; gap:14px; padding:18px 20px;
    border:1px solid var(--line); border-radius:4px; background:var(--card);
  }
  .coverage-item i{ font-size:16px; color:var(--primary-red); flex:none; }
  .coverage-item h4{ font-size:14.5px; font-weight:700; }
  .coverage-item span{ font-size:12px; color:var(--text-soft); }

  /* ---------- CTA ---------- */
  .cta{
    background: linear-gradient(120deg, #ff8c3a, var(--primary-red) 65%, #ff4d4d);
    color:#ffffff; border-top:1px solid var(--line); border-bottom:1px solid var(--line);
  }
  .cta-inner{ display:flex; justify-content:space-between; align-items:center; gap:24px; flex-wrap:wrap; }
  .cta h2{ font-size:clamp(24px,3.4vw,34px); max-width:520px; color:#ffffff; }
  .cta p{ font-size:14px; margin-top:8px; color:rgba(255,255,255,0.85); max-width:460px; }
  .cta-actions{ display:flex; gap:12px; flex-wrap:wrap; }

  /* ---------- FOOTER ---------- */
  footer{ background:var(--paper-2); color:var(--text-soft); padding:64px 0 28px; border-top:1px solid var(--line); }
  .foot-grid{ display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:40px; }
  @media (max-width:800px){ .foot-grid{ grid-template-columns:1fr 1fr; } }
  @media (max-width:520px){ .foot-grid{ grid-template-columns:1fr; } }
  .foot-grid h5{
    font-family:'Manrope',sans-serif; font-size:11px; letter-spacing:0.1em; text-transform:uppercase;
    color:var(--text); margin:0 0 16px;
  }
  .foot-grid ul{ list-style:none; margin:0; padding:0; display:grid; gap:10px; font-size:13.5px; }
  .foot-grid ul a:hover{ color:var(--primary-red); }
  .foot-brand p{ font-size:13.5px; line-height:1.7; max-width:280px; color:var(--text-soft); margin-top:14px;}
  .bottom-bar{
    margin-top:56px; padding-top:22px; border-top:1px solid var(--line);
    display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; font-size:12px;
  }
  .socials{ display:flex; gap:14px; }
  .socials a{ width:32px; height:32px; border:1px solid var(--line); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:13px; color:var(--text); }
  .socials a:hover{ border-color:var(--primary-red); color:var(--primary-red);}

  @media (prefers-reduced-motion: reduce){ *{ transition:none !important; scroll-behavior:auto !important; } }