:root{--paper:#f5f2e9;--ink:#30382e;--muted:#6c7063;--line:#d7d7c9;--accent:#a94c2e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}.page{max-width:1180px;margin:auto;padding:0 54px}.header{height:116px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center;font-size:21px;letter-spacing:-.7px}.brand b{font-weight:400;color:var(--muted)}.mark{display:grid;place-items:center;width:40px;height:40px;background:var(--ink);color:var(--paper);font:bold 28px Georgia,serif;letter-spacing:-3px;padding-right:3px}.header nav{display:flex;gap:32px;font-size:13px}.header nav a:hover,.back:hover{color:var(--accent)}.hero{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:28px;padding:76px 0 70px}.eyebrow,.tag,.number,.section-head>span,.drawing figcaption{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.eyebrow{font-size:10px;letter-spacing:1.4px}.hero .eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 28px}.dot{height:7px;width:7px;background:var(--accent);border-radius:50%}h1{font-weight:500;letter-spacing:-3.4px;font-size:clamp(42px,5.4vw,66px);line-height:1.1;margin:0 0 25px}h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--accent)}.intro{font-size:15px;line-height:1.8;color:var(--muted)}.read-link{display:inline-flex;gap:30px;align-items:center;font-size:13px;border-bottom:1px solid var(--ink);padding:7px 0;margin-top:20px}.read-link:hover{color:var(--accent);border-color:var(--accent)}.drawing{margin:0}.drawing svg{width:100%;height:auto;display:block}.drawing figcaption{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.8px;color:var(--muted);padding:8px 16px}.section-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink);padding-bottom:15px}.section-head h2{font-size:24px;font-weight:500;letter-spacing:-.6px;margin:0}.section-head>span{font-size:9px;letter-spacing:1.2px;color:var(--muted)}.note-row{display:grid;grid-template-columns:60px 1fr 30px;gap:15px;padding:26px 0;border-bottom:1px solid var(--line);transition:background .2s}.note-row:hover{background:#edeade}.number{color:#929584;font-size:12px;padding-top:4px}.tag{font-size:9px;letter-spacing:1.2px;color:var(--accent)}.note-row h3{font-size:22px;letter-spacing:-.5px;font-weight:500;margin:4px 0}.note-row p{font-size:13px;margin:0;color:var(--muted)}.arrow{font-size:24px;align-self:center}.reading{display:grid;grid-template-columns:1fr 2.3fr;gap:72px;padding:95px 0 55px}.margin .eyebrow{color:var(--muted)}.margin p{font-family:Georgia,"Times New Roman",serif;font-size:23px;line-height:1.5;letter-spacing:-.5px;margin:26px 0}.little-star{font-size:50px;color:var(--accent)}.articles article{padding-bottom:50px;margin-bottom:48px;border-bottom:1px solid var(--line)}.articles article:last-child{margin-bottom:0}.articles h2{font-weight:500;font-size:33px;line-height:1.25;letter-spacing:-1px;margin:15px 0 25px}.articles p{color:#535c4d;font-size:15px;line-height:1.9}.articles p.tag{font-size:10px;color:var(--accent)}blockquote{margin:27px 0;padding:2px 0 2px 20px;border-left:2px solid var(--accent);font:italic 22px/1.55 Georgia,serif;color:var(--ink)}code{font-size:12px;background:#eae7dc;padding:3px 5px;overflow-wrap:anywhere}.back{display:inline-block;font-size:11px;color:var(--muted);margin-top:15px}.about{background:#e9eddf;padding:40px 44px 45px;display:grid;grid-template-columns:1fr 1fr;column-gap:45px}.about .eyebrow{grid-column:1/-1;margin-bottom:20px;color:var(--muted)}.about h2{margin:0;font-size:29px;font-weight:500;line-height:1.3;letter-spacing:-1px}.about p{margin:0;font-size:14px;color:#5b6553;line-height:1.8}footer{display:flex;justify-content:space-between;gap:16px;margin:42px 0 30px;font-size:10px;color:var(--muted)}.skip{position:absolute;left:16px;top:-70px;background:var(--ink);color:white;padding:12px;z-index:2}.skip:focus{top:10px}@media(max-width:760px){.page{padding:0 24px}.header{height:88px}.header nav{gap:18px;font-size:11px}.brand{font-size:18px;gap:9px}.mark{width:33px;height:33px;font-size:24px}.hero{grid-template-columns:1fr;padding:46px 0 40px;gap:28px}h1{font-size:52px;letter-spacing:-2.8px}.hero .eyebrow{font-size:8px}.drawing{max-width:340px;width:100%;justify-self:center}.section-head>span{font-size:7px;letter-spacing:.4px}.section-head h2{font-size:22px}.note-row{grid-template-columns:25px 1fr 20px;gap:10px}.note-row h3{font-size:19px;line-height:1.35;margin:7px 0}.note-row p{font-size:12px}.tag{font-size:8px}.reading{grid-template-columns:1fr;gap:10px;padding:55px 0 20px}.margin{display:none}.articles h2{font-size:30px}.articles p{font-size:14px}.about{grid-template-columns:1fr;padding:28px;gap:18px}.about .eyebrow{margin-bottom:0}.about h2{font-size:27px}footer{flex-wrap:wrap;font-size:9px}footer>span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.note-row{transition:none}}