/* ============================================================
   Cognuum — FRAMEWORK
   The four-lens thesis. Questions dominate; Atlas / Council /
   Lattice / Portfolio sit beneath as quiet, meaning-colored answers.
   Reads as a framework, never as navigation.
   ============================================================ */

.framework{
  position:absolute;
  left:52px; right:52px;
  bottom:108px;
  z-index:12;
}

.fw-heading{
  font-size:30px;
  font-weight:400;
  letter-spacing:0.004em;
  line-height:1.3;
  color:var(--ink-fw-heading);
  margin-bottom:30px;
  max-width:none;
  white-space:nowrap;
}
.fw-dot{ color:var(--magenta); }

.fw-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:36px;
  align-items:start;
}
.fw-item{ max-width:340px; }

/* the question — visually dominant */
.fw-q{
  font-size:40px;
  font-weight:400;
  line-height:1.12;
  letter-spacing:-0.018em;
  color:var(--ink-fw-q);
  white-space:nowrap;
  min-height:92px;
  margin-bottom:12px;
}

/* the answer / lens — secondary, color carries meaning */
.fw-a{
  font-size:12px;
  font-weight:500;
  letter-spacing:0.34em;
  text-transform:uppercase;
  opacity:0.82;
}
.fw-a.info{ color:var(--answer-info); }       /* Atlas     — information */
.fw-a.narrative{ color:var(--answer-narrative);} /* Council  — narrative   */
.fw-a.reality{ color:var(--answer-reality); }  /* Lattice  — reality     */
.fw-a.exposure{ color:var(--answer-exposure); } /* Portfolio— exposure    */