:root{color-scheme:light dark;--bg:#f9f8f5;--ink:#222320;--muted:#777971;--line:#deded8;--accent:#a75f43}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans SC",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.site-header,main,footer{max-width:1080px;margin:auto;padding-left:42px;padding-right:42px}.site-header{height:110px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:750;font-size:17px;letter-spacing:-.045em}.brand-dot{color:var(--accent)}nav{display:flex;gap:30px;font-size:12px;color:var(--muted)}nav a:hover,.text-link:hover{color:var(--accent)}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:650;color:var(--accent)}.hero{padding:120px 0 155px;border-bottom:1px solid var(--line)}.hero h1,.page-intro h1{font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(64px,9vw,118px);line-height:1.08;letter-spacing:-.07em;font-weight:400;margin:32px 0}.hero h1 em{font-weight:400;color:var(--accent)}.hero p{color:var(--muted);font-size:15px;line-height:2.2;margin-bottom:45px}.text-link{font-size:12px;font-weight:650;letter-spacing:.04em;border-bottom:1px solid var(--ink);padding-bottom:8px}.text-link span{margin-left:20px}.section{padding:100px 0}.section-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:35px}.section-heading h2{font-family:Georgia,serif;font-size:36px;font-weight:400;letter-spacing:-.04em}.section-heading span{font-size:10px;letter-spacing:.12em;color:var(--muted)}.essay-list{border-top:1px solid var(--line);margin-bottom:35px}.essay{display:grid;grid-template-columns:125px 1fr 25px;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:26px 0}.essay-date{font-size:11px;color:var(--muted)}.essay-title{font-family:Georgia,"Noto Serif SC",serif;font-size:22px}.essay-arrow{color:var(--accent)}.essay:hover .essay-title{color:var(--accent)}.manifesto{border-top:1px solid var(--line);padding:90px 0 150px;max-width:750px}.manifesto p{font-family:Georgia,serif;font-size:clamp(26px,4vw,43px);line-height:1.5;letter-spacing:-.025em}.manifesto>span{font-size:11px;color:var(--muted)}footer{border-top:1px solid var(--line);padding-top:35px;padding-bottom:55px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.page-intro{padding:100px 0 45px}.page-intro h1{font-size:clamp(58px,8vw,94px)}.page-intro p{color:var(--muted);line-height:2}.post{max-width:730px;margin:95px auto 140px}.post h1{font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(43px,6vw,68px);font-weight:400;line-height:1.3;letter-spacing:-.045em;margin:25px 0}.post-subtitle{color:var(--muted);font-size:16px;line-height:1.9}.post-rule{border-bottom:1px solid var(--line);margin:50px 0}.prose{font-size:16px;line-height:2.2;letter-spacing:.01em}.prose p{margin:0 0 27px}.prose h2{font-family:Georgia,"Noto Serif SC",serif;font-size:28px;font-weight:400;line-height:1.5;margin:70px 0 22px}.prose h3{font-size:21px;margin-top:45px}.prose blockquote{border-left:2px solid var(--accent);padding-left:24px;margin:45px 0;color:var(--muted);font-family:Georgia,"Noto Serif SC",serif;font-size:21px}.prose img{max-width:100%;height:auto}.prose a{text-decoration:underline;text-underline-offset:4px}.prose hr{border:0;border-top:1px solid var(--line);margin:55px 0}.post-end{text-align:center;margin:70px 0;color:var(--accent)}.back-link{font-size:12px;color:var(--muted)}.about-copy{max-width:720px;padding-bottom:140px}@media(max-width:650px){.site-header,main,footer{padding-left:22px;padding-right:22px}.site-header{height:80px}.brand{font-size:14px}nav{gap:13px;font-size:11px}.hero{padding:90px 0 110px}.hero h1{font-size:clamp(58px,12vw,78px)}.section{padding:70px 0}.essay{grid-template-columns:1fr 20px;gap:10px}.essay-date{grid-column:1/-1}.essay-title{font-size:20px}.essay-arrow{grid-column:2;grid-row:2}.section-heading span{display:none}.post{margin:65px auto 100px}.post-rule{margin:35px 0}.prose{font-size:15px}.manifesto{padding:75px 0 100px}footer{gap:20px;flex-wrap:wrap}}@media(prefers-color-scheme:dark){:root{--bg:#181a19;--ink:#eae8e2;--muted:#a8a8a1;--line:#393b38;--accent:#d49a7c}}

.prose,.post h1{overflow-wrap:anywhere}.prose pre{overflow-x:auto;padding:20px;border:1px solid var(--line)}.prose table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}.prose td,.prose th{padding:8px 12px;border:1px solid var(--line)}

/* Optional additions to assets/css/style.css. Review before applying. */
.prose .callout {
  margin: 2rem 0;
  padding: 1.25rem 1.5rem;
  border: 1px solid var(--line);
  border-left: 3px solid var(--accent);
  border-radius: 8px;
  background: color-mix(in srgb, var(--accent) 7%, var(--bg));
}
.prose .callout > :last-child { margin-bottom: 0; }
.prose blockquote.pullquote {
  border-left: 0;
  padding: 0;
  margin: 2.5rem 0;
  text-align: center;
  color: var(--ink);
  font-size: clamp(21px, 3vw, 27px);
  white-space: pre-wrap;
}
.prose .pullquote > :last-child { margin-bottom: 0; }
.prose figure { margin: 2rem 0; }
.prose figure img { display: block; max-width: 100%; height: auto; margin: auto; }
.prose figcaption { margin-top: .75rem; color: var(--muted); font-size: 13px; text-align: center; }
@media (max-width: 650px) {
  .prose .callout { padding: 1rem; }
}
