.hero-title {
  letter-spacing: -0.015em;
  line-height: 1.02;
  font-size: clamp(2.35rem, 4.2vw, 3.7rem);
}
.hero-title span { display: block; white-space: nowrap; }
.wordmark { font-family: var(--serif); font-weight: 560; letter-spacing: -0.04em; }
.pull {
  font-family: var(--serif);
  font-size: clamp(1.6rem, 3vw, 2.2rem);
  line-height: 1.2;
  letter-spacing: -0.03em;
  margin: 0 0 16px;
}
.pillars { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 14px; }
.pillar { border-radius: 16px; padding: 20px; min-height: 180px; }
.pillar.dark { background: var(--spruce); color: #f6f3ec; }
.pillar.dark a { color: #f6f3ec; }
.pillar.paper { background: var(--card); border: 1px solid var(--line); }
.tag { font-family: var(--mono); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; }
.post {
  border-top: 1px solid var(--line);
  padding: 18px 0;
}
.post p { margin: 8px 0; }
.handle { font-family: var(--mono); font-size: 12px; color: var(--muted); }
.warn { font-size: 0.88rem; color: var(--muted); }
@media (max-width: 860px) { .pillars { grid-template-columns: 1fr; } }