/* ─── The SLAM Tax — standalone thesis page ───
   Deliberately dark throughout (not just a hero band) to read as a
   distinct, weightier piece from the Demos articles. Space Grotesk
   carries the title and section numerals; Inter carries the long-form
   reading body. Blue is the only accent, spent on numerals, the pull
   quote, and the closing CTA.
*/

.thesis-page { background: #0A0A0F; }

/* ─── HERO ─── */
.thesis-hero {
  padding: 168px var(--px) 72px;
  max-width: calc(var(--content) + var(--px) * 2);
  margin: 0 auto;
}
.thesis-tag {
  display: inline-flex; align-items: center; gap: 8px;
  font-family: var(--nav-font);
  font-size: 11px; font-weight: 600; color: rgba(255,255,255,0.55);
  letter-spacing: 0.14em; text-transform: uppercase;
  margin-bottom: 24px;
}
.thesis-tag-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--blue); flex-shrink: 0; }
.thesis-h1 {
  font-family: var(--nav-font);
  font-size: clamp(42px, 7.5vw, 92px);
  font-weight: 800;
  color: #fff;
  letter-spacing: -0.03em;
  line-height: 1.02;
  max-width: 900px;
}

/* ─── SECTIONS ─── */
.thesis-sections {
  max-width: calc(var(--content) + var(--px) * 2);
  margin: 0 auto;
  padding: 0 var(--px) 40px;
}
.thesis-section {
  padding: 56px 0;
  border-top: 1px solid rgba(255,255,255,0.1);
}
.thesis-section:first-child { border-top: none; padding-top: 8px; }

.thesis-num {
  font-family: var(--nav-font);
  font-size: clamp(40px, 5.5vw, 72px);
  font-weight: 700;
  color: var(--blue);
  line-height: 1;
  letter-spacing: -0.02em;
  margin-bottom: 12px;
}
.thesis-h2 {
  font-family: var(--nav-font);
  font-size: clamp(22px, 2.8vw, 32px);
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.02em;
  line-height: 1.2;
  max-width: 700px;
  margin-bottom: 28px;
}

.thesis-body { max-width: 680px; }
.thesis-body p {
  font-size: 18px;
  line-height: 1.85;
  color: rgba(255,255,255,0.72);
  margin-bottom: 22px;
}
.thesis-body p:last-child { margin-bottom: 0; }
.thesis-body strong { color: #fff; font-weight: 700; }
.thesis-body a { color: var(--blue); text-decoration: underline; text-decoration-color: rgba(28,51,255,0.4); transition: text-decoration-color .15s; }
.thesis-body a:hover { text-decoration-color: var(--blue); }

/* ─── CLOSING CTA ─── */
.thesis-cta {
  max-width: calc(var(--content) + var(--px) * 2);
  margin: 0 auto;
  padding: 8px var(--px) 140px;
}
.thesis-cta-line {
  font-family: var(--nav-font);
  font-size: clamp(22px, 2.6vw, 32px);
  font-weight: 600;
  color: #fff;
  line-height: 1.35;
  max-width: 620px;
  margin-bottom: 32px;
}
.thesis-cta-sub {
  font-size: 18px;
  line-height: 1.8;
  color: rgba(255,255,255,0.72);
  max-width: 620px;
  margin-bottom: 36px;
}

.thesis-back {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 14px; font-weight: 600;
  color: rgba(255,255,255,0.5);
  text-decoration: none;
  transition: color .15s;
}
.thesis-back:hover { color: #fff; }

@media (max-width: 640px) {
  .thesis-hero { padding: 128px 20px 56px; }
  .thesis-sections { padding: 0 20px 24px; }
  .thesis-cta { padding: 8px 20px 96px; }
  .thesis-section { padding: 44px 0; }
}