/* Shared editorial design. Factual copy, article bodies and URLs are preserved. */
@font-face {
  font-family: 'Source Serif 4';
  src: url('/assets/fonts/source-serif-4-roman.woff2') format('woff2');
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
}
:root {
  --ink: #eeede6;
  --muted: #aaa99e;
  --secondary: #bebdb2;
  --body-copy: #c5c3b9;
  --faint: #9f9e94;
  --line: #373831;
  --link-line: #676e80;
  --blue: #96b0fa;
  --paper: #171815;
  --wash: #20211c;
  --selection-bg: #354473;
  --selection-ink: #f1f4ff;
}
:root[data-theme="light"] {
  --ink: #262821;
  --muted: #66685e;
  --secondary: #585c52;
  --body-copy: #50544b;
  --faint: #6d6f64;
  --line: #d9d9cb;
  --link-line: #aaaeac;
  --blue: #2b4dc3;
  --paper: #f5f3eb;
  --wash: #eae9e0;
  --selection-bg: #dce3fc;
  --selection-ink: #1a35bc;
}
.editorial-site {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 16px;
  line-height: 1.7;
  background: var(--paper);
  color: var(--ink);
}
.editorial-site .shell {
  max-width: 1120px;
  padding-left: max(52px, env(safe-area-inset-left));
  padding-right: max(52px, env(safe-area-inset-right));
}
.editorial-site .header,
.editorial-site .hero,
.editorial-site .section { animation: none; }
.editorial-site .header {
  height: 112px;
  min-height: 0;
  display: flex;
  border-bottom: 1px solid var(--line);
  padding: 0;
}
.editorial-site .identity { display: flex; align-items: baseline; gap: 20px; }
.editorial-site .wordmark {
  font-family: 'Source Serif 4', 'Iowan Old Style', Georgia, serif;
  font-size: 35px;
  letter-spacing: -1.6px;
  font-weight: 450;
}
.editorial-site .identity-note,
.editorial-site .section-kicker,
.editorial-site .essay-index,
.editorial-site .brand-caption {
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', monospace;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.5;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: var(--muted);
}
.editorial-site .header-actions { display: flex; align-items: center; gap: 25px; }
.editorial-site nav { display: flex; gap: 28px; font-size: 13px; }
.editorial-site nav a { min-width: 44px; min-height: 44px; }
.editorial-site nav a[aria-current=page]:after { height: 1px; bottom: 7px; }
.editorial-site .theme-toggle { border: 0; width: 44px; height: 44px; }
.editorial-site .theme-toggle:hover { background: transparent; color: var(--blue); }
.editorial-site .hero {
  grid-template-columns: minmax(0, 1fr) 220px;
  gap: 64px;
  padding: 68px 0 68px;
  align-items: center;
}
.editorial-site .hero-copy { display: block; min-width: 0; }
.editorial-site .hero h1 {
  font-family: 'Source Serif 4', 'Iowan Old Style', Georgia, serif;
  font-weight: 420;
  font-size: clamp(56px, 5.5vw, 74px);
  font-optical-sizing: auto;
  letter-spacing: -.055em;
  line-height: 1.02;
  margin: 0 0 22px;
}
.editorial-site .intro {
  font-size: clamp(23px, 2.1vw, 29px);
  font-weight: 430;
  line-height: 1.4;
  letter-spacing: -.035em;
  margin: 0 0 17px;
  max-width: 24ch;
  word-break: normal;
  text-wrap: balance;
}
.editorial-site .intro-detail {
  max-width: 48ch;
  font-size: 16px;
  line-height: 1.8;
  letter-spacing: -.012em;
  word-break: normal;
}
.editorial-site .art {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0;
  background: transparent;
}
.editorial-site .art img {
  width: 186px;
  max-width: 100%;
  height: auto;
  aspect-ratio: 4 / 5;
  opacity: .96;
}
.editorial-site .brand-caption {
  margin-top: 19px;
  display: flex;
  align-items: center;
  gap: 8px;
  letter-spacing: .15em;
}
.editorial-site .brand-dot { width: 5px; height: 5px; border-radius: 50%; background: var(--blue); }
:root[data-theme="light"] .editorial-site .art img { mix-blend-mode: multiply; }
.editorial-site .section { padding: 33px 0 51px; }
.editorial-site .section-head { margin-bottom: 28px; }
.editorial-site .section-head h2,
.editorial-site .about h2,
.editorial-site .backed-note h2 {
  font-family: 'Source Serif 4', 'Iowan Old Style', Georgia, serif;
  font-size: 26px;
  font-weight: 430;
  letter-spacing: -.025em;
  line-height: 1.3;
}
.editorial-site .text-link { font-size: 12px; color: var(--muted); text-decoration-thickness: 1px; }
.editorial-site .text-link:hover { color: var(--blue); }
.editorial-site .thesis-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 66px; }
.editorial-site .thesis-item { min-width: 0; }
.editorial-site .thesis-grid > .thesis-item:only-child { grid-column: 1 / -1; }
.editorial-site .essay-index { display: block; margin-bottom: 12px; }
.editorial-site .writing-row { padding: 0; align-items: baseline; gap: 16px; min-height: 44px; }
.editorial-site .writing-row h3 {
  font-family: 'Source Serif 4', 'Iowan Old Style', Georgia, serif;
  font-size: 29px;
  font-weight: 440;
  line-height: 1.2;
  letter-spacing: -.032em;
  text-wrap: balance;
}
.editorial-site .thesis-item:first-child h3 { font-size: 35px; }
.editorial-site .read-label { font-size: 11px; color: var(--muted); }
.editorial-site .thesis-entry:hover .read-label { color: var(--blue); }
.editorial-site .small-note {
  margin-top: 15px;
  font-size: 14px;
  line-height: 1.8;
  max-width: 47ch;
  color: var(--secondary);
  letter-spacing: -.008em;
}
.editorial-site .about { grid-template-columns: 180px minmax(0, 1fr); gap: 35px; padding-bottom: 42px; }
.editorial-site .about-heading .section-kicker { margin-top: 9px; }
.editorial-site .milestone { grid-template-columns: 64px minmax(0, 1fr); gap: 20px; padding-bottom: 18px; }
.editorial-site .milestone dt { font-family: 'SFMono-Regular', Consolas, monospace; font-size: 11px; padding-top: 4px; line-height: 1.75; }
.editorial-site .milestone dd { font-size: 15px; line-height: 1.85; color: var(--body-copy); min-width: 0; }
.editorial-site .milestone strong { font-weight: 500; color: var(--ink); }
.editorial-site .milestone:last-child { margin-top: 3px; padding-top: 17px; padding-bottom: 0; border-top: 1px solid var(--line); }
.editorial-site .milestone:last-child dt { color: var(--blue); }
.editorial-site .backed-note { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 35px; align-items: start; padding: 30px 0 37px; }
.editorial-site .backed-note h2 { margin: 0; }
.editorial-site .backed-summary { min-width: 0; }
.editorial-site .backed-summary p { margin: 0 0 9px; font-size: 14px; line-height: 1.85; color: var(--secondary); }
.editorial-site .company-roll { color: var(--ink); }
.editorial-site .company-roll span { display: inline; }
.editorial-site .company-roll span:not(:last-child):after { content: ' / '; color: var(--faint); white-space: pre; }
.editorial-site .footer { padding: 23px 0 31px; line-height: 1.4; font-size: 11px; }
.editorial-site .footer-name { color: var(--ink); }
.editorial-site .footer-note { display: flex; align-items: center; gap: 18px; }
.editorial-site .footer a { min-height: 44px; display: inline-flex; align-items: center; }
@media (min-width: 1500px) {
  .editorial-site .shell { max-width: 1120px; }
  .editorial-site .hero { padding-top: 68px; padding-bottom: 68px; }
}
@media (max-width: 900px) {
  .editorial-site .shell { padding-left: max(36px, env(safe-area-inset-left)); padding-right: max(36px, env(safe-area-inset-right)); }
  .editorial-site .hero { gap: 34px; grid-template-columns: minmax(0, 1fr) 165px; padding: 50px 0 52px; }
  .editorial-site .art img { width: 150px; }
  .editorial-site .thesis-grid { gap: 35px; }
  .editorial-site .about, .editorial-site .backed-note { grid-template-columns: 135px minmax(0, 1fr); gap: 28px; }
}
@media (max-width: 680px) {
  .editorial-site .shell { padding-left: max(24px, env(safe-area-inset-left)); padding-right: max(24px, env(safe-area-inset-right)); }
  .editorial-site .header { height: 88px; gap: 12px; }
  .editorial-site .identity { gap: 0; }
  .editorial-site .identity-note { display: none; }
  .editorial-site .wordmark { font-size: 29px; min-height: 44px; }
  .editorial-site .header-actions { gap: 8px; display: flex; }
  .editorial-site nav { display: flex; gap: 8px; font-size: 12px; }
  .editorial-site nav a { padding: 8px 0; }
  .editorial-site nav a[aria-current=page]:after { left: 50%; right: auto; width: 16px; transform: translateX(-50%); bottom: 6px; }
  .editorial-site .hero { grid-template-columns: minmax(0, 1fr) 90px; gap: 18px 16px; padding: 34px 0 41px; }
  .editorial-site .hero-copy { display: contents; }
  .editorial-site .hero h1 { grid-column: 1; grid-row: 1; font-size: clamp(40px, 10.6vw, 52px); margin: 0; line-height: 1.04; }
  .editorial-site .art { grid-column: 2; grid-row: 1; width: 90px; position: static; opacity: 1; }
  .editorial-site .art img { width: 85px; max-width: 85px; height: auto; aspect-ratio: 4 / 5; }
  .editorial-site .brand-caption { display: none; }
  .editorial-site .intro { grid-column: 1 / -1; grid-row: 2; font-size: 24px; max-width: 24ch; margin: 0; line-height: 1.4; }
  .editorial-site .intro-detail { grid-column: 1 / -1; grid-row: 3; margin: 0; font-size: 14px; line-height: 1.8; max-width: 45ch; }
  .editorial-site .section { padding: 25px 0 35px; }
  .editorial-site .section-head { margin-bottom: 20px; }
  .editorial-site .section-head h2, .editorial-site .about h2, .editorial-site .backed-note h2 { font-size: 22px; }
  .editorial-site .thesis-grid { grid-template-columns: minmax(0, 1fr); gap: 29px; }
  .editorial-site .essay-index { margin-bottom: 8px; }
  .editorial-site .writing-row { flex-direction: row; align-items: baseline; gap: 15px; }
  .editorial-site .thesis-item:first-child h3 { font-size: 27px; }
  .editorial-site .writing-row h3 { font-size: 24px; }
  .editorial-site .small-note { font-size: 14px; line-height: 1.8; margin-top: 11px; }
  .editorial-site .about { grid-template-columns: minmax(0, 1fr); gap: 23px; }
  .editorial-site .milestone { grid-template-columns: 48px minmax(0, 1fr); gap: 12px; padding-bottom: 19px; }
  .editorial-site .milestone dd { font-size: 14px; line-height: 1.85; }
  .editorial-site .backed-note { grid-template-columns: minmax(0, 1fr); gap: 15px; }
  .editorial-site .footer { flex-direction: row; align-items: center; padding-bottom: max(24px, env(safe-area-inset-bottom)); }
  .editorial-site .footer-note { gap: 10px; }
}
@media (max-width: 360px) {
  .editorial-site .shell { padding-left: max(20px, env(safe-area-inset-left)); padding-right: max(20px, env(safe-area-inset-right)); }
  .editorial-site .header-actions { gap: 4px; }
  .editorial-site nav { gap: 4px; }
  .editorial-site .hero { grid-template-columns: minmax(0, 1fr) 76px; gap: 18px 12px; }
  .editorial-site .art { width: 76px; }
  .editorial-site .art img { width: 72px; max-width: 72px; }
  .editorial-site .intro { font-size: 22px; }
}
@media (prefers-reduced-motion: reduce) {
  .editorial-site *, .editorial-site *:before, .editorial-site *:after { animation: none !important; transition: none !important; }
}

/* Index pages and reading pages share the same quiet typographic system. */
.editorial-site .signature-mark {
  width: 30px; height: 38px; object-fit: contain;
  filter: invert(1) hue-rotate(180deg); mix-blend-mode: screen;
}
:root[data-theme="light"] .editorial-site .signature-mark { filter: none; mix-blend-mode: multiply; }
.editorial-site .page-hero { padding: 48px 0 37px; animation: none; }
.editorial-site .page-hero h1 {
  font-family: 'Source Serif 4', 'Iowan Old Style', Georgia, serif;
  font-weight: 420; font-optical-sizing: auto;
  font-size: 62px; letter-spacing: -.05em; line-height: 1.08;
  margin: 0 0 17px;
}
.editorial-site .page-hero p { font-size: 16px; line-height: 1.75; max-width: 48ch; color: var(--secondary); }
.editorial-site .writing-list { min-height: 0; margin-bottom: 46px; animation: none; }
.editorial-site .thesis-index-entry {
  display: grid; grid-template-columns: minmax(0, 1fr);
  padding: 33px 0 35px; border-bottom: 1px solid var(--line);
}
.editorial-thesis-index .thesis-index-entry:last-child { border-bottom: 0; }
.editorial-thesis-index .footer { border-top: 0; }
.editorial-site .thesis-index-copy { min-width: 0; }
.editorial-site .writing-list .writing-row { padding: 0; border: 0; gap: 32px; min-height: 44px; }
.editorial-site .writing-list .writing-row h2 {
  font-family: 'Source Serif 4', 'Iowan Old Style', Georgia, serif;
  font-size: 34px; font-weight: 440; letter-spacing: -.035em; line-height: 1.2; text-wrap: balance;
}
.editorial-site .writing-list .small-note { max-width: 65ch; margin-top: 14px; }
.editorial-site .backed-list { margin-bottom: 45px; }
.editorial-site .backed-list a {
  display: grid; grid-template-columns: minmax(0, 1fr) auto;
  align-items: start; gap: 26px; padding: 25px 0 29px;
}
.editorial-site .backed-list .company-tag,
.editorial-site .backed-list .company-domain {
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', monospace;
  font-size: 10px; font-weight: 400; line-height: 1.6;
  letter-spacing: .045em; color: var(--muted);
}
.editorial-site .backed-list .company-heading { gap: 15px; }
.editorial-site .backed-list h2 {
  font-family: 'Source Serif 4', 'Iowan Old Style', Georgia, serif;
  font-size: 29px; font-weight: 440; line-height: 1.2; letter-spacing: -.025em;
}
.editorial-site .backed-list .company-tag {
  border: 0; border-radius: 0; padding: 0; background: none; text-transform: uppercase;
}
.editorial-site .backed-list .company-description { margin-top: 9px; font-size: 14px; line-height: 1.7; max-width: 58ch; }
.editorial-site .backed-list .company-domain { font-size: 11px; padding-top: 7px; white-space: nowrap; }
.editorial-site .thesis-article { max-width: 700px; padding: 46px 0 62px; }
.editorial-site .article-header { margin-bottom: 35px; }
.editorial-site .article-header h1 {
  font-family: 'Source Serif 4', 'Iowan Old Style', Georgia, serif;
  font-size: clamp(40px, 4.4vw, 58px); font-weight: 420;
  font-optical-sizing: auto; line-height: 1.1; letter-spacing: -.045em;
  margin: 22px 0 23px; text-wrap: balance;
}
.editorial-site .article-byline {
  font-family: 'SFMono-Regular', Consolas, monospace;
  font-size: 11px; line-height: 1.6; letter-spacing: .035em;
}
.editorial-site .article-body {
  font-family: 'Source Serif 4', 'Iowan Old Style', Georgia, serif;
  font-optical-sizing: auto; font-weight: 400;
  font-size: 20px; line-height: 1.8; color: var(--body-copy); letter-spacing: -.008em;
}
.editorial-site .article-body p { margin: 0 0 1.3em; }
.editorial-site .article-footer {
  display: flex; justify-content: space-between; align-items: start;
  gap: 40px; margin-top: 43px; padding-top: 27px;
}
.editorial-site .article-next { max-width: 320px; text-align: right; }
.editorial-site .article-next .section-kicker { display: block; margin-bottom: 7px; }
.editorial-site .next-title {
  display: inline-flex; align-items: center; min-height: 44px;
  font-family: 'Source Serif 4', 'Iowan Old Style', Georgia, serif;
  font-size: 24px; line-height: 1.3; letter-spacing: -.025em;
}
.editorial-site .next-title:hover { color: var(--blue); }
.editorial-site .project-action { min-height: 44px; display: inline-flex; align-items: center; }
@media (max-width: 900px) {
  .editorial-site .backed-list a { grid-template-columns: minmax(0, 1fr) auto; gap: 19px; }
  .editorial-site .backed-list .company-description { max-width: 43ch; }
}
@media (max-width: 680px) {
  .editorial-site .page-hero { padding: 34px 0 28px; }
  .editorial-site .page-hero h1 { font-size: 42px; margin-bottom: 15px; }
  .editorial-site .page-hero p { font-size: 14px; }
  .editorial-site .writing-list { margin-bottom: 32px; }
  .editorial-site .thesis-index-entry { padding: 25px 0 29px; }
  .editorial-site .writing-list .writing-row { gap: 12px; align-items: start; }
  .editorial-site .writing-list .writing-row h2 { font-size: 25px; line-height: 1.22; }
  .editorial-site .writing-list .read-label { padding-top: 6px; }
  .editorial-site .writing-list .small-note { font-size: 14px; line-height: 1.75; margin-top: 13px; }
  .editorial-site .backed-list { margin-bottom: 31px; }
  .editorial-site .backed-list a { grid-template-columns: minmax(0, 1fr); gap: 0; padding: 23px 0 25px; }
  .editorial-site .backed-list .company-name { grid-column: 1; grid-row: 1; }
  .editorial-site .backed-list .company-domain { grid-column: 1; grid-row: 2; padding-top: 8px; font-size: 10px; }
  .editorial-site .backed-list h2 { font-size: 24px; }
  .editorial-site .backed-list .company-heading { gap: 10px; }
  .editorial-site .backed-list .company-description { font-size: 14px; max-width: none; margin-top: 8px; }
  .editorial-site .thesis-article { padding: 30px 0 41px; }
  .editorial-site .article-header { margin-bottom: 28px; }
  .editorial-site .article-header h1 { font-size: clamp(32px, 8.5vw, 42px); line-height: 1.12; margin: 20px 0; }
  .editorial-site .article-body { font-size: 17px; line-height: 1.8; }
  .editorial-site .article-footer { flex-direction: column; gap: 20px; margin-top: 34px; padding-top: 20px; }
  .editorial-site .article-next { text-align: left; max-width: none; }
  .editorial-site .next-title { font-size: 21px; }
  .editorial-site .signature-mark { width: 25px; height: 32px; }
}

.editorial-site #main[tabindex="-1"]:focus { outline: none; }
@media (max-width: 1024px) and (max-height: 500px) and (orientation: landscape) {
  .editorial-site .header { height: 80px; }
  .editorial-site .hero { grid-template-columns: minmax(0, 1fr) 120px; gap: 28px; padding: 25px 0 32px; }
  .editorial-site .hero h1 { font-size: 48px; }
  .editorial-site .art img { width: 110px; }
  .editorial-site .intro { font-size: 22px; }
  .editorial-site .intro-detail { font-size: 14px; }
  .editorial-site .page-hero h1 { font-size: 42px; }
  .editorial-site .article-header h1 { font-size: 36px; }
  .editorial-site .article-body { font-size: 17px; line-height: 1.8; }
  .editorial-site .milestone dd { font-size: 14px; }
  .editorial-site .brand-caption { margin-top: 10px; }
}