/* =====================================================================
   AXIA — PHILOSOPHY PAGE (philosophy.css)
   ===================================================================== */
.phil-blocks {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(24px, 4vw, 48px);
  margin-bottom: clamp(40px, 6vw, 72px);
}
.phil-block {
  border-left: 3px solid var(--brand);
  padding-left: 22px;
}
.phil-block h2 { font-size: clamp(1.5rem, 2.6vw, 2rem); margin: 0 0 12px; }
.phil-block p  { color: var(--ink-muted); margin: 0; }

.pillars {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.pillar {
  background: var(--bg-alt);
  border: 1px solid var(--rule);
  border-radius: calc(var(--radius) * 3);
  padding: 26px 22px;
}
.pillar .numeral {
  font-family: var(--ff-display);
  font-style: italic; font-weight: 500;
  font-size: 2.1rem; line-height: 1;
  color: var(--brand);
}
.pillar h3 { font-size: 1.2rem; margin: 14px 0 8px; }
.pillar p  { color: var(--ink-muted); font-size: 0.96rem; margin: 0; }

@media (max-width: 900px) {
  .phil-blocks { grid-template-columns: 1fr; }
  .pillars { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
  .pillars { grid-template-columns: 1fr; }
}