/* ===================================================================
   QUEM SOMOS — quem-somos.css
   Base from styles.css + temporada.css + hunter.css (.hn-card,
   .hn-prose, .hn-manifesto, .hn-card-grid, .md-mais, .flow, .chip-grid).
   =================================================================== */

/* —— Hero —— */
.qs-hero h1 { font-size: clamp(27px, 7.6vw, 38px); line-height: 1.2; margin: 0 0 22px; }
.qs-hero h1 .l { display: block; }
.qs-hero h1 .l:last-child { color: var(--accent); }
.qs-hero { background: radial-gradient(130% 95% at 50% -5%, #16140f, #0b0b0d 62%); }

/* —— Constellation / network motif (pessoas conectadas) —— */
.qs-mark { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -54%); width: 330px; height: 330px; color: var(--accent); opacity: .08; pointer-events: none; z-index: 1; }
.qs-mark svg { width: 100%; height: 100%; }
.qs-mark.fc { width: 290px; height: 290px; opacity: .06; transform: translate(-50%, -52%); }
.qs-hero .hero-inner, .final-cta .fc-inner { position: relative; z-index: 2; }

/* —— Manifesto final (palavras-âncora) —— */
.qs-manifesto-sec { background: radial-gradient(130% 90% at 50% -10%, #1b1707, var(--bg-premium) 60%); text-align: center; }
.qs-manifesto-sec .eyebrow, .qs-manifesto-sec .sec-title { text-align: center; }
.qs-manifesto-sec .sec-title { margin-left: auto; margin-right: auto; }
.qs-words { display: flex; flex-wrap: wrap; justify-content: center; gap: 9px; margin: 6px 0 20px; }
.qs-words .qw { font-family: var(--font-display); font-weight: 400; font-size: clamp(20px, 6vw, 28px); letter-spacing: .01em; text-transform: uppercase; line-height: 1; padding: 4px 2px; color: var(--txt); }
.qs-words .qw:nth-child(odd) { color: var(--accent); }
.qs-words .qw .qw-sep { color: var(--txt-faint); margin-left: 9px; }
.qs-manifesto-sec .hn-prose { text-align: center; }
.qs-manifesto-sec .hn-prose p:last-child { color: var(--gold-bright); font-family: var(--font-cond); font-weight: 700; font-size: 17px; }

@media (max-width: 360px) {
  .hn-card-grid { grid-template-columns: 1fr; }
}

/* ===================================================================
   VISÃO DE FUTURO (capítulo integrado · V2.1)
   =================================================================== */
.qs-fut-opener { text-align: center; background: radial-gradient(130% 90% at 50% -10%, #14110a, var(--bg) 58%); padding-top: 40px; padding-bottom: 28px; }
.qs-chapter { display: flex; align-items: center; justify-content: center; gap: 14px; margin-bottom: 18px; }
.qs-chapter .qc-line { height: 1px; width: 38px; background: linear-gradient(90deg, transparent, var(--accent)); }
.qs-chapter .qc-line:last-child { background: linear-gradient(90deg, var(--accent), transparent); }
.qs-chapter .qc-label { font-family: var(--font-cond); font-weight: 700; font-size: 11px; letter-spacing: .22em; text-transform: uppercase; color: var(--accent); white-space: nowrap; }
.qs-fut-title { font-family: var(--font-display); font-weight: 400; font-size: clamp(34px, 11vw, 50px); line-height: .96; letter-spacing: .01em; text-transform: uppercase; color: var(--txt); margin: 0 auto 14px; max-width: 90%; }

/* Cada capítulo de futuro herda o ritmo das .sec; só reforça a lista rotulada */
.qs-fut-block .qfl-label { font-family: var(--font-cond); font-weight: 700; font-size: 11px; letter-spacing: .16em; text-transform: uppercase; color: var(--txt-faint); margin: 4px 0 9px; }
.qs-fut-block .hn-prose + .qfl-label { margin-top: 14px; }
.qs-fut-block .chip-grid + .hn-prose, .qs-fut-block .md-mais + .hn-prose { margin-top: 14px; }

/* —— Visão de Futuro: realce dourado opcional —— */
.qs-fut-block .sec-title .gold { color: var(--accent); }

@media (max-width: 360px) {
  .qs-fut-list { grid-template-columns: 1fr; }
}