/* ============================================================
   Investor network: /investors/ and /investors/<id>/.
   Loads after partners.css, whose tokens and sections it reuses,
   so the two networks read as one system. Only the investor-only
   pieces live here: the hero logo wall, the programme cards, the
   steps, the funnel strip and the small print.
   ============================================================ */

.iv-hero__in{align-items:center}
.iv-wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:460px;justify-self:end;width:100%}
.iv-wall__l{aspect-ratio:1;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);
  display:flex;align-items:center;justify-content:center;transition:transform .3s var(--pn-ease),background .3s var(--pn-ease)}
.iv-wall__l:hover{transform:translateY(-4px);background:rgba(255,255,255,.16)}
.iv-wall__img{width:46%;height:46%;object-fit:contain;border-radius:8px;background:#fff;padding:6px;box-sizing:content-box}
.iv-mono{display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:12px;letter-spacing:-.02em;
  color:var(--pn-purple);background:var(--pn-mist);border-radius:8px}
.pn-tile__img.iv-mono,.pn-mq__img.iv-mono,.pn-lockup__img.iv-mono{width:100%;height:100%}

.iv-tiles{grid-template-columns:repeat(auto-fill,minmax(168px,1fr))}
.iv-tile .pn-tile__img{border-radius:6px}
.iv-tile.is-hidden{display:none}

.iv-gives{display:grid;grid-template-columns:repeat(auto-fit,minmax(176px,1fr));gap:14px}
.iv-gives--4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.iv-give{background:#fff;border:1px solid var(--pn-line);border-radius:var(--pn-radius);padding:24px;box-shadow:var(--pn-shadow);
  transition:transform .3s var(--pn-ease),box-shadow .3s var(--pn-ease),border-color .3s var(--pn-ease)}
.iv-give:hover{transform:translateY(-6px);box-shadow:var(--pn-shadow-lift);border-color:#D9C6E3}
.iv-give__n{display:block;font-size:12px;letter-spacing:.14em;color:var(--pn-orchid);margin-bottom:14px}
.iv-give h3{font-size:18px;line-height:1.3;font-weight:600;color:var(--pn-ink);letter-spacing:-.01em}
.iv-give p{margin-top:8px;font-size:15px;line-height:1.55;color:var(--pn-soft)}

.iv-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;counter-reset:none}
.iv-steps li{position:relative;background:#fff;border:1px solid var(--pn-line);border-radius:var(--pn-radius);padding:24px;display:flex;flex-direction:column;gap:8px}
.iv-steps__n{font-size:28px;font-weight:500;letter-spacing:-.03em;color:var(--pn-purple)}
.iv-steps b{font-size:17px;font-weight:600;color:var(--pn-ink)}
.iv-steps span:last-child{font-size:15px;line-height:1.55;color:var(--pn-soft)}

.iv-lede{max-width:820px;font-size:19px;line-height:1.6;color:var(--pn-ink)}
.iv-funnel{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:32px}
.iv-funnel__s{padding:10px 18px;border-radius:999px;background:#fff;border:1px solid var(--pn-line);font-weight:600;color:var(--pn-purple);box-shadow:var(--pn-shadow)}
.iv-funnel__s--loop{background:var(--pn-plum);color:#fff;border-color:var(--pn-plum)}
.iv-funnel__a{color:var(--pn-orchid);font-size:18px}
.iv-note{margin-top:20px;font-size:14px;line-height:1.6;color:var(--pn-soft);max-width:760px}
.iv-small p{font-size:13px;line-height:1.6;color:var(--pn-soft);max-width:760px}
.iv-small{padding-top:0}

@media (max-width:960px){
  .iv-wall{justify-self:start;max-width:360px;grid-template-columns:repeat(4,minmax(0,1fr))}
  .iv-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:620px){
  .iv-wall{display:none}
  .iv-steps{grid-template-columns:1fr}
  .iv-tiles{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
}
@media (prefers-reduced-motion:reduce){
  .iv-give,.iv-wall__l{transition:none}
  .iv-give:hover,.iv-wall__l:hover{transform:none}
}