/* ============================================================
   Investors & Partners — its own visual system: an ascending-bars
   growth emblem in the hero (not a photo, not rings, not a ticker),
   a full-width "versus" split panel for opportunity vs. approach
   instead of two small cards, and a market-signal strip that keeps
   each sourced number standing on its own rather than forcing
   unrelated datasets onto one shared comparison scale.
   ============================================================ */

/* ---- Hero: light background (About/Solutions/Projects heroes are
   navy — this one flips it, matching the "market data" tone) ---- */
.investors-hero { padding: 152px 0 0; }
.investors-hero-grid {
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    gap: 48px;
    align-items: center;
    padding-bottom: 56px;
}
.investors-hero-copy h1 { font-size: clamp(2rem, 4vw, 2.9rem); line-height: 1.16; margin-bottom: 18px; }
.investors-hero-copy .lead { max-width: 520px; color: var(--color-text-muted); font-size: 1.05rem; line-height: 1.6; margin-bottom: 28px; }

/* ---- Ascending-bars emblem: a purely decorative growth motif (not
   a labeled chart — it doesn't represent any specific dataset, so it
   can't be misread as one). Bars draw upward on reveal, then sit
   with a slow idle breathing animation. ---- */
.investors-hero-emblem { display: flex; align-items: center; justify-content: center; }
.growth-bars { width: 100%; max-width: 300px; height: auto; }
.growth-bar { transform-box: fill-box; transform-origin: bottom; animation: growth-bar-breathe 4s ease-in-out infinite; }
.growth-bar:nth-child(1) { fill: var(--color-border); animation-delay: 0s; }
.growth-bar:nth-child(2) { fill: rgba(11,60,137,0.35); animation-delay: 0.15s; }
.growth-bar:nth-child(3) { fill: rgba(11,60,137,0.6); animation-delay: 0.3s; }
.growth-bar:nth-child(4) { fill: var(--color-green); animation-delay: 0.45s; }
.growth-bar:nth-child(5) { fill: var(--color-gold); animation-delay: 0.6s; }
@keyframes growth-bar-breathe {
    0%, 100% { transform: scaleY(1); }
    50% { transform: scaleY(1.04); }
}
@media (prefers-reduced-motion: reduce) {
    .growth-bar { animation: none; }
}

/* ---- Market signal strip: sourced numbers in a row, not the
   elevated overlapping stat-chip cards other pages use ---- */
.market-signal-strip {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid var(--color-border);
    padding: 32px 0;
}
.market-signal {
    flex: 1 1 200px;
    padding: 0 28px;
    border-left: 1px solid var(--color-border);
}
.market-signal:first-child { border-left: none; padding-left: 0; }
.market-signal h3 { color: var(--color-navy); font-size: 1.9rem; margin-bottom: 4px; }
.market-signal p { color: var(--color-text-muted); margin: 0; font-size: 0.82rem; font-weight: 600; }

/* ---- Opportunity vs Approach: full-width split panel ---- */
.opportunity-split { display: grid; grid-template-columns: 1fr 1fr; }
.opportunity-panel { padding: 72px 0; display: flex; }
.opportunity-panel-inner { max-width: 460px; }
.opportunity-panel-market { background: var(--color-off-white); justify-content: flex-end; }
.opportunity-panel-market .opportunity-panel-inner { margin-right: 40px; }
.opportunity-panel-approach { background: var(--color-navy); justify-content: flex-start; }
.opportunity-panel-approach .opportunity-panel-inner { margin-left: 40px; }
.opportunity-panel-approach .tag { background: rgba(255,255,255,0.14); color: var(--color-white); }
.opportunity-panel-approach .tag::after { background: var(--color-gold); }
.opportunity-panel-approach h2 { color: var(--color-white); }
.opportunity-panel-approach p { color: rgba(255,255,255,0.75); margin: 0; }
.opportunity-panel-market p { color: var(--color-text-muted); margin: 0; }

/* ---- Sector precedent card ---- */
.precedent-card {
    display: flex;
    align-items: center;
    gap: 32px;
    background: var(--color-white);
    border: 1px solid var(--color-border);
    border-radius: var(--radius);
    padding: 36px 32px;
}
.precedent-index { font-size: 2.6rem; opacity: 1; color: var(--color-green-dark); flex-shrink: 0; margin: 0; }
.precedent-copy h4 { margin-bottom: 6px; }
.precedent-copy p { color: var(--color-text-muted); margin: 0; }

/* ---- Request materials panel ---- */
.materials-cta-panel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    flex-wrap: wrap;
}
.materials-cta-copy { max-width: 560px; }
.materials-cta-copy .tag { margin-bottom: 14px; }
.materials-cta-copy h2 { margin-bottom: 10px; }
.materials-cta-copy p { color: var(--color-text-muted); margin: 0; }

/* ---- Responsive ---- */
@media (max-width: 960px) {
    .investors-hero { padding: 128px 0 0; }
    .investors-hero-grid { grid-template-columns: 1fr; gap: 32px; padding-bottom: 40px; }
    .investors-hero-emblem { order: -1; }
    .growth-bars { max-width: 220px; }
    .opportunity-split { grid-template-columns: 1fr; }
    .opportunity-panel-market, .opportunity-panel-approach { justify-content: center; padding: 56px 0; }
    .opportunity-panel-market .opportunity-panel-inner,
    .opportunity-panel-approach .opportunity-panel-inner { margin: 0 24px; }
}

@media (max-width: 720px) {
    .market-signal { flex: 1 1 45%; border-left: none; padding: 12px 0; border-top: 1px solid var(--color-border); }
    .market-signal:first-child { border-top: none; }
    .precedent-card { flex-direction: column; text-align: center; }
}