@font-face{font-family:Notes;src:url('/assets/noto-serif.ttf') format('truetype');font-display:swap}
:root{--paper:#f5f0e7;--ink:#233b35;--muted:#61716a;--line:#c9cec0;--accent:#aa4527;--white:#fffaf2;--space:clamp(1.25rem,4vw,4rem)}
*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:var(--paper);color:var(--ink);font:1.05rem/1.7 Notes,Georgia,serif}a{color:inherit;text-underline-offset:.2em}a:hover{color:var(--accent)}a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}header,main,footer{max-width:1160px;margin:auto;padding:0 var(--space)}header{display:flex;justify-content:space-between;gap:1.5rem;align-items:center;padding-top:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-size:1.12rem;letter-spacing:-.03em}.brand span{color:var(--accent);margin-right:.5rem}nav{display:flex;gap:1.5rem;font-size:.85rem}nav a{text-decoration:none}.eyebrow{color:var(--accent);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;margin:0 0 1.5rem}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:3rem;align-items:center;padding:4.5rem 0 4rem}.hero h1{font-size:clamp(2.6rem,5.5vw,4.7rem);font-weight:400;letter-spacing:-.065em;line-height:1.12;margin:0 0 1.5rem}.hero p:last-child{max-width:31rem;color:var(--muted)}.drawing{width:100%;transform:rotate(-3deg);border:1px solid var(--line);background:var(--white);padding:1rem}.drawing img{display:block;width:100%;height:auto}.drawing figcaption{font-size:.72rem;color:var(--muted);border-top:1px solid var(--line);padding-top:.7rem;display:flex;justify-content:space-between}.section-title{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--ink);padding-top:1rem}.section-title h2{font-size:1.4rem;font-weight:400;margin:0}.section-title span{font-size:.75rem;color:var(--muted)}.note{display:grid;grid-template-columns:4rem 1fr 1.1fr;gap:1.5rem;padding:1.8rem 0;border-bottom:1px solid var(--line)}.number{font-size:.8rem;color:var(--accent)}.note h3{font-size:1.45rem;font-weight:400;letter-spacing:-.03em;line-height:1.3;margin:0}.note h3 a{text-decoration:none}.note p{font-size:.93rem;color:var(--muted);margin:0}.note small{display:block;font-size:.7rem;color:var(--muted);margin-top:.7rem}.article{max-width:760px;margin:4rem auto 6rem}.article h1{font-size:clamp(2.4rem,5vw,3.6rem);font-weight:400;letter-spacing:-.05em;line-height:1.15;margin:0 0 2rem}.article h2{font-size:1.5rem;font-weight:400;margin-top:2.5rem}.article p{margin:1.3rem 0}.back{display:inline-block;font-size:.8rem;margin-top:2rem}footer{margin-top:4rem;padding-top:1.4rem;padding-bottom:2rem;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:.72rem;color:var(--muted)}@media(max-width:650px){header{align-items:flex-start}nav{gap:1rem}.hero{grid-template-columns:1fr;padding-top:3rem;gap:1rem}.drawing{max-width:420px;margin:1rem auto}.note{grid-template-columns:2rem 1fr;gap:1rem}.note p{grid-column:2}.article{margin-top:3rem}.section-title span{display:none}footer{gap:1rem}}