/* =========================================================
   SALA — Impact / Beyond the Platform
   Reuses styles.css + home.css vocabulary
   (.eyebrow .shead .pill .proof-band .final-cta .cta-box).
   ========================================================= */

/* ===== Hero ===== */
.ihero{ padding:96px 0 64px; text-align:center; background:#fff; }
.ihero .eyebrow{ justify-content:center; }
.ihero-h{ margin:18px auto 0; max-width:16ch; font-size:clamp(40px,6vw,72px); font-weight:600;
  letter-spacing:-0.035em; line-height:1.02; color:var(--ink); text-wrap:balance; }
.ihero-sub{ margin:24px auto 0; max-width:62ch; font-size:clamp(17px,2vw,20px); color:var(--muted); line-height:1.6; text-wrap:pretty; }

/* ===== Projects (alternating editorial rows) ===== */
.iprojects{ background:#fff; }
.iproj{ display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center; padding:56px 0; }
.iproj + .iproj{ border-top:1px solid var(--line-2); }
.iproj:nth-child(even) .iproj-media{ order:2; }

.iproj-media{ aspect-ratio:4 / 3; }
.iproj-media image-slot{ display:block; border-radius:20px; box-shadow:var(--shadow-sm); }

.iproj-body h2{ font-size:clamp(24px,3vw,33px); font-weight:700; letter-spacing:-0.025em;
  color:var(--ink); line-height:1.12; margin:16px 0 0; text-wrap:balance; }
.iproj-body > p{ margin:16px 0 0; font-size:17px; line-height:1.66; color:var(--ink-2); max-width:54ch; text-wrap:pretty; }

/* Status badge */
.status{ display:inline-flex; align-items:center; gap:8px; padding:7px 14px; border-radius:999px;
  font-family:var(--mono); font-size:11.5px; letter-spacing:.05em; text-transform:uppercase; font-weight:600;
  background:var(--bg-soft); border:1px solid var(--line); color:var(--ink-2); }
.status.live{ background:#E7F6EE; border-color:#C4E9D3; color:#1F8A5B; }
.status.live::before{ content:""; width:7px; height:7px; border-radius:50%; background:#1F8A5B; }
.status.up{ background:var(--blue-tint); border-color:var(--blue-tint-2); color:var(--blue); }
.status.up::before{ content:""; width:7px; height:7px; border-radius:50%; background:var(--blue); }

/* Key numbers */
.ikv{ display:flex; flex-wrap:wrap; gap:14px 32px; margin-top:26px; padding-top:24px; border-top:1px solid var(--line-2); }
.ikv .kv .n{ font-size:clamp(20px,2.4vw,26px); font-weight:700; letter-spacing:-0.02em; color:var(--blue); line-height:1; }
.ikv .kv .l{ margin-top:6px; font-size:12.5px; color:var(--muted); line-height:1.35; }

/* Partner chips */
.ipartners{ display:flex; flex-wrap:wrap; gap:8px; margin-top:22px; }
.ipartners .pill{ font-size:12.5px; }
.ipartners .pill.years{ font-family:var(--mono); letter-spacing:.02em; background:var(--blue-tint);
  border-color:var(--blue-tint-2); color:var(--blue); }

/* ===== Field trust bar (dark) ===== */
.ifield .shead{ max-width:680px; margin:0 auto 48px; align-items:center; text-align:center; }
.ifield-groups{ display:grid; grid-template-columns:repeat(3,1fr); gap:32px; max-width:1040px; margin:0 auto; }
.ifield-group h5{ margin:0 0 16px; font-family:var(--mono); font-size:12px; letter-spacing:.08em;
  text-transform:uppercase; color:#7FB0FF; font-weight:600; }
.ifield-tags{ display:flex; flex-wrap:wrap; gap:9px; }
.ftag{ display:inline-flex; align-items:center; padding:9px 15px; border-radius:999px;
  background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.14); color:#dce7fb;
  font-size:14px; font-weight:600; letter-spacing:-0.005em; }

/* ===== Responsive ===== */
@media (max-width:860px){
  .iproj{ grid-template-columns:1fr; gap:28px; padding:44px 0; }
  .iproj:nth-child(even) .iproj-media{ order:0; }
  .iproj-media{ aspect-ratio:16 / 10; }
  .ifield-groups{ grid-template-columns:1fr; gap:28px; }
}
@media (max-width:600px){
  .ihero{ padding:72px 0 48px; }
  .ikv{ gap:14px 24px; }
}