:root{--ink: #3a3128;--earth: #8a6d3b;--indigo: #2b3e50;--paper: #f4ecd8;--seal: #a33;--ash: #7a7166;--font-heading: "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;--font-body:    "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;--font-mono:    "Noto Sans Mono CJK SC", "SF Mono", monospace;--max-w-reading: 720px;--max-w-wide: 1080px;--gutter: clamp(16px, 3vw, 38px);--baseline: 8px;--paper-grain: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.23 0 0 0 0 0.19 0 0 0 0 0.16 0 0 0.06 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;line-height:1.6}body{margin:0;font-family:var(--font-body);font-size:clamp(15px, 14px, 17px);color:var(--ink);background-color:var(--paper);background-image:var(--paper-grain);background-size:200px 200px;background-attachment:fixed;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1, "liga" 1}img,svg{max-width:100%;height:auto;display:block}a{color:var(--indigo);text-decoration:none;transition:color .2s}a:hover,a:focus{color:var(--seal)}a:focus-visible{outline:2px solid var(--seal);outline-offset:2px;border-radius:2px}p{margin:0 0 1rem}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:700;color:var(--ink);margin:0 0 .6em;line-height:1.3}h1{font-size:clamp(1.8rem, 3.6vw, 2.6rem);letter-spacing:-.01em}h2{font-size:clamp(1.4rem, 2.4vw, 1.8rem)}h3{font-size:clamp(1.15rem, 1.6vw, 1.3rem)}hr{border:0;border-top:1px solid var(--earth);width:4em;margin:2em 0;opacity:.35}.main{max-width:var(--max-w-wide);margin:0 auto;padding:calc(var(--baseline) * 6) var(--gutter) calc(var(--baseline) * 12)}.skip-link{position:absolute;left:-9999px;top:0;background:var(--ink);color:var(--paper);padding:8px 12px;z-index:999}.skip-link:focus{left:8px;top:8px}.muted{color:var(--ash);font-weight:normal}.site-nav{border-bottom:1px solid rgba(58,49,40,0.18);background:rgba(244,236,216,0.85);position:sticky;top:0;z-index:50;backdrop-filter:blur(4px)}.site-nav__inner{display:flex;align-items:center;gap:1.5rem;max-width:var(--max-w-wide);margin:0 auto;padding:14px var(--gutter)}.site-nav__brand{display:flex;align-items:center;gap:.7rem;color:var(--ink)}.site-nav__seal{display:inline-grid;place-items:center;width:36px;height:36px;background:var(--seal);color:var(--paper);font-family:var(--font-heading);font-weight:700;border-radius:2px;box-shadow:0 1px 0 rgba(0,0,0,0.08)}.site-nav__title{font-family:var(--font-heading);font-weight:700;font-size:1.1rem;letter-spacing:-.01em}.site-nav__links{display:flex;list-style:none;margin:0 0 0 auto;padding:0;gap:1.4rem}.site-nav__links a{color:var(--ink);font-weight:500}.site-nav__links a[aria-current="page"]{color:var(--seal);border-bottom:2px solid var(--seal);padding-bottom:2px}@media (max-width: 600px){.site-nav__links{gap:.8rem;font-size:.9rem}.site-nav__title{font-size:.95rem}}.site-footer{margin-top:calc(var(--baseline) * 20);padding:calc(var(--baseline) * 8) var(--gutter);border-top:1px solid rgba(58,49,40,0.18);text-align:center}.site-footer__inner{max-width:var(--max-w-reading);margin:0 auto}.site-footer__seal{display:inline-grid;place-items:center;width:42px;height:42px;background:var(--seal);color:var(--paper);font-weight:700;border-radius:2px;margin:0 auto .6rem;font-family:var(--font-heading)}.site-footer__brand{font-family:var(--font-heading);font-weight:600;font-size:1.1rem;margin-bottom:.3rem}.site-footer__meta{font-size:.92rem;color:var(--ash);margin-bottom:.3rem}.site-footer__legal{font-size:.82rem;color:var(--ash);opacity:.8}.hero{text-align:center;padding:calc(var(--baseline) * 12) var(--gutter) calc(var(--baseline) * 10);max-width:var(--max-w-reading);margin:0 auto}.hero__seal{display:inline-grid;place-items:center;width:88px;height:88px;background:var(--seal);color:var(--paper);font-family:var(--font-heading);font-weight:900;font-size:3.4rem;border-radius:4px;box-shadow:0 4px 14px rgba(170,51,51,0.18);margin:0 auto 1.6rem;transform:rotate(-3deg)}.hero__title{font-size:clamp(2.8rem, 6vw, 4.4rem);font-weight:900;letter-spacing:-.02em;margin-bottom:.2em}.hero__tagline{font-size:1.2rem;color:var(--earth);margin-bottom:1.6rem;font-style:italic}.hero__bio{display:inline-flex;flex-wrap:wrap;gap:.5rem 1.2rem;justify-content:center;font-size:.95rem;color:var(--ash);margin-bottom:1.4rem}.hero__bio-line{white-space:nowrap}.hero__short{text-align:left;text-indent:2em;line-height:1.85;max-width:38em;margin:0 auto 2rem}.hero__scroll{display:inline-block;margin-top:1rem;color:var(--earth);font-weight:600;font-size:.92rem;letter-spacing:.04em}.hero__scroll-arrow{display:inline-block;animation:gentlebounce 2.4s ease-in-out infinite}@keyframes gentlebounce{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}.timeline{max-width:var(--max-w-wide);margin:0 auto;padding:calc(var(--baseline) * 4) 0 calc(var(--baseline) * 6)}.timeline__heading{text-align:center;font-family:var(--font-heading);font-weight:700;font-size:1.6rem;margin:0 0 1rem;display:flex;align-items:center;justify-content:center;gap:1rem}.timeline__heading-rule{width:4rem;height:1px;background:var(--earth);display:inline-block}.timeline__lede{text-align:center;color:var(--ash);max-width:36rem;margin:0 auto 3rem;padding:0 var(--gutter)}.timeline__list{display:flex;flex-direction:column;gap:0;position:relative}.timeline__list::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(to bottom, transparent 0%, rgba(138,109,59,0.4) 6%, rgba(138,109,59,0.4) 94%, transparent 100%);transform:translateX(-50%);z-index:0}@media (max-width: 700px){.timeline__list::before{left:22px}}.era-card{display:grid;grid-template-columns:1fr 110px 110px 1fr;align-items:center;gap:1.6rem;padding:calc(var(--baseline) * 5) 0;position:relative;opacity:0;transform:translateY(8px);transition:opacity 0.8s cubic-bezier(0.2, 0.7, 0.2, 1),transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1)}.era-card.is-visible{opacity:1;transform:translateY(0)}.era-card:nth-child(odd){direction:rtl}.era-card:nth-child(odd)>*{direction:ltr}.era-card__index{font-family:var(--font-heading);font-weight:900;font-size:1.6rem;color:var(--earth);text-align:center}.era-card__coverwrap{display:block;position:relative;border:1px solid rgba(58,49,40,0.35);box-shadow:0 6px 20px rgba(58,49,40,0.14);overflow:hidden;aspect-ratio:4/3;background:var(--paper);filter:sepia(0.04) saturate(0.95);transition:transform .4s ease, box-shadow .4s ease}.era-card__coverwrap:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(58,49,40,0.22)}.era-card__cover{width:100%;height:100%;object-fit:cover}.era-card__body{padding:0 .4rem}.era-card__title{font-size:1.3rem;margin:0 0 .3em;line-height:1.35}.era-card__title a{color:var(--ink)}.era-card__title a:hover{color:var(--seal)}.era-card__title-index{color:var(--earth);margin-right:.3em}.era-card__period{font-family:var(--font-mono);color:var(--ash);font-size:.9rem;margin:0 0 .4rem}.era-card__count{font-size:.9rem;color:var(--ash);margin:0}@media (max-width: 700px){.era-card{grid-template-columns:44px 1fr;grid-template-rows:auto auto;padding:calc(var(--baseline) * 3) 0 calc(var(--baseline) * 5) 0}.era-card:nth-child(odd){direction:ltr}.era-card__index{font-size:1.3rem;text-align:left;padding-left:8px}.era-card__coverwrap{grid-row:1 / 3;grid-column:2;max-width:240px}.era-card__body{grid-row:2;grid-column:2;text-align:left !important;padding-left:1rem}}.btn{display:inline-block;padding:.55em 1.4em;font-family:var(--font-heading);font-weight:500;font-size:.95rem;color:var(--paper);background:var(--ink);border:1px solid var(--ink);transition:background .2s, color .2s}.btn:hover,.btn:focus{background:var(--seal);border-color:var(--seal);color:var(--paper)}.btn.ghost{color:var(--ink);background:transparent}.btn.ghost:hover,.btn.ghost:focus{background:var(--ink);color:var(--paper)}.cta-block{margin-top:calc(var(--baseline) * 16);padding-top:calc(var(--baseline) * 8);border-top:1px dashed rgba(138,109,59,0.45);text-align:center}.cta-block h2{font-size:1.5rem}.cta-list{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:1.2rem;max-width:36rem;margin-left:auto;margin-right:auto}.cta-link{font-family:var(--font-heading);font-weight:600;font-size:1.15rem;color:var(--ink);border-bottom:2px solid var(--earth);padding-bottom:2px}.cta-desc{color:var(--ash);font-size:.92rem;margin:.2rem 0 0}.prose{max-width:var(--max-w-reading);margin:0 auto;line-height:1.85;font-size:1.05rem}.prose h1,.prose h2{margin-top:1.6em}.prose h2{border-bottom:1px solid rgba(58,49,40,0.16);padding-bottom:.3em}.prose blockquote{margin:1.4em 0;padding:.6em 1.2em;border-left:3px solid var(--earth);background:rgba(58,49,40,0.04);color:var(--ash);font-style:italic}.prose ul,.prose ol{padding-left:1.8rem}.prose code{font-family:var(--font-mono);background:rgba(58,49,40,0.08);padding:1px 5px;border-radius:2px;font-size:.92em}.page--default .main{max-width:var(--max-w-reading)}.chapter-hero{text-align:center;padding:calc(var(--baseline) * 6) var(--gutter) calc(var(--baseline) * 3);max-width:var(--max-w-reading);margin:0 auto;border-bottom:1px solid rgba(58,49,40,0.16)}.chapter-hero__index{font-family:var(--font-mono);color:var(--ash);font-size:.9rem;letter-spacing:.15em}.chapter-hero__title{font-size:clamp(1.6rem, 3.5vw, 2.4rem);margin:.5em 0 .3em}.chapter-hero__period{font-family:var(--font-mono);color:var(--earth);font-size:1.05rem;margin-bottom:.4rem}.chapter-hero__date{color:var(--ash);margin-bottom:1.4rem}.chapter-hero__nav{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.chapter-body{padding:calc(var(--baseline) * 4) var(--gutter)}.chapter-list{list-style:none;padding:0;margin:2rem 0}.chapter-list__item,.chapter-list__intro{border-bottom:1px dashed rgba(138,109,59,0.35)}.chapter-list__item a,.chapter-list__intro a{display:grid;grid-template-columns:50px 1fr auto;gap:1rem;align-items:baseline;padding:1rem .4rem;color:var(--ink);transition:background .2s}.chapter-list__item a:hover,.chapter-list__intro a:hover{background:rgba(58,49,40,0.04);color:var(--seal)}.chapter-list__num{font-family:var(--font-heading);font-weight:900;font-size:1.6rem;color:var(--earth);text-align:center}.chapter-list__title{font-family:var(--font-heading);font-weight:600;font-size:1.15rem}.chapter-list__date{font-family:var(--font-mono);font-size:.9rem;color:var(--ash)}.page--default .main h2{margin-top:2em;padding-top:.3em;border-top:1px solid rgba(58,49,40,0.12);font-size:1.3rem}.page--default .main h2:first-of-type{border-top:0;padding-top:0;margin-top:1.2em}.essay-footnote{margin-top:3em;padding-top:1.2em;border-top:1px dashed rgba(138,109,59,0.4);color:var(--ash);font-size:.9rem;font-style:italic}.vcard{margin:1.4em 0 .6em;padding:.8em 1em;border-top:1px dashed rgba(138,109,59,0.4);border-bottom:1px dashed rgba(138,109,59,0.4);font-size:.9rem;text-align:left;display:inline-block}.vcard__heading{font-family:var(--font-heading);font-weight:600;color:var(--earth);margin:0 0 .4em;font-size:.92rem;letter-spacing:.04em}.vcard__line{margin:0 0 .2em;color:var(--ink)}.vcard__label{display:inline-block;min-width:3.5em;color:var(--ash);font-family:var(--font-mono);font-size:.85em}.vcard a{color:var(--indigo)}.vcard__qr{margin:.8em 0 0;text-align:left}.vcard__qr img{display:block;width:96px;height:96px;border:1px solid rgba(58,49,40,0.18);padding:4px;background:var(--paper)}.vcard__qr figcaption{font-size:.8em;color:var(--ash);margin-top:.3em}