@charset "UTF-8";
:root{--paper:#f6f5ef;--ink:#1b2523;--muted:#62706a;--line:#d9ddd3;--accent:#d6f171;--green:#334e43}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #547c39;outline-offset:5px}.wrap{max-width:1160px;margin:auto;padding-left:32px;padding-right:32px}.masthead{min-height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:18px;letter-spacing:.06em;font-weight:800}.brand-mark{margin:0 8px;color:#5b7444}nav{display:flex;gap:32px;font-size:14px}nav a:hover,.text-link:hover{text-decoration:underline}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:center;padding-top:80px;padding-bottom:90px}.eyebrow{font-size:11px;letter-spacing:.15em;font-weight:700;color:var(--muted);margin:0 0 24px}h1{font-size:clamp(48px,5.5vw,76px);line-height:1.07;letter-spacing:-.055em;font-weight:550;margin:0 0 28px}h1 em{font-family:Georgia,serif;font-weight:400}.intro{max-width:420px;font-size:18px;color:var(--muted);line-height:1.65;margin-bottom:30px}.button{display:inline-flex;gap:35px;align-items:center;padding:14px 20px;background:var(--accent);font-size:14px;font-weight:650;border:1px solid #bfd463}.button:hover{background:#c7e760}.diagram{background:#e8ece3;border:1px solid #cbd4c7;transform:rotate(2deg);box-shadow:8px 10px 0 #e1e5db;padding:20px 25px}.diagram-head,.diagram-foot{display:flex;align-items:center;justify-content:space-between;font-family:ui-monospace,monospace;font-size:10px;letter-spacing:.08em}.dot{width:8px;height:8px;background:#587644;border-radius:50%}.plot{height:245px;position:relative;margin:24px 0;background-image:linear-gradient(#d5ddcf 1px,transparent 1px),linear-gradient(90deg,#d5ddcf 1px,transparent 1px);background-size:36px 36px;overflow:hidden}.axis{position:absolute;background:#8c9d84}.horizontal{height:1px;width:90%;bottom:23px;left:14px}.vertical{width:1px;height:90%;left:14px;bottom:23px}.point{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--green);z-index:2}.p1{left:12%;top:76%}.p2{left:23%;top:66%}.p3{left:35%;top:72%}.p4{left:41%;top:42%}.p5{left:54%;top:49%}.p6{left:66%;top:27%}.p7{left:77%;top:37%}.p8{left:88%;top:16%}.curve{position:absolute;left:8%;top:49%;width:90%;height:4px;background:#9cbb40;transform:rotate(-28deg)}.plot-label{position:absolute;bottom:2px;right:2px;background:#e8ece3;padding:0 5px;font:11px ui-monospace,monospace;color:var(--muted)}.strip{background:var(--green);color:#edf2e8}.strip-content{display:flex;justify-content:space-between;gap:20px;padding-top:19px;padding-bottom:19px;font-size:12px;letter-spacing:.025em}.notes{padding-top:80px;padding-bottom:80px}.section-heading{display:grid;grid-template-columns:1fr 2fr 1.2fr;align-items:start;gap:25px}.section-heading .eyebrow{padding-top:12px}h2{margin:0;font-size:36px;line-height:1.2;letter-spacing:-.035em;font-weight:500}.section-heading>p:last-child{font-size:13px;color:var(--muted)}.note-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:50px;border-top:1px solid var(--line)}.note-grid article{padding:28px 28px 5px 0;display:flex;flex-direction:column}.note-grid article+article{padding-left:28px;border-left:1px solid var(--line)}.note-number{font:10px ui-monospace,monospace;letter-spacing:.08em;color:var(--muted)}h3{font-size:23px;line-height:1.35;letter-spacing:-.02em;font-weight:550;margin:18px 0 10px}.note-grid article>p:not(.note-number){font-size:14px;color:var(--muted);flex-grow:1}.text-link{font-size:12px;margin-top:20px}.about{display:grid;grid-template-columns:1fr 3.2fr;gap:25px;border-top:1px solid var(--line);padding-top:48px;padding-bottom:70px}.about .eyebrow{padding-top:10px}.about div p{max-width:600px;color:var(--muted);font-size:15px}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);min-height:100px;gap:20px}footer .brand{font-size:13px}footer span,footer>a:last-child{font-size:12px;color:var(--muted)}.reading{max-width:800px;padding-top:65px;padding-bottom:70px}.reading h1{font-size:60px}.reading article{padding:40px 0;border-top:1px solid var(--line);scroll-margin-top:25px}.reading article h2{font-size:32px}.reading article p,.reading li{font-size:16px;color:#46584f}.reading li{margin-bottom:8px}.reading code{background:#e7ecdf;padding:2px 5px}.reading h3{font-size:20px}.back{display:inline-block;font-size:13px;margin-bottom:25px}@media(max-width:760px){.wrap{padding-left:22px;padding-right:22px}.masthead{min-height:90px}.brand{font-size:15px}nav{gap:16px;font-size:12px}.hero{grid-template-columns:1fr;gap:45px;padding-top:45px;padding-bottom:55px}.diagram{max-width:420px;width:95%;justify-self:center}.section-heading{grid-template-columns:1fr}.section-heading .eyebrow{margin-bottom:0}.section-heading>p:last-child{margin:0}.notes{padding-top:45px;padding-bottom:45px}.note-grid{grid-template-columns:1fr;margin-top:25px}.note-grid article,.note-grid article+article{padding:25px 0;border-left:0;border-bottom:1px solid var(--line)}.about{grid-template-columns:1fr;gap:0;padding-bottom:40px}.strip-content{flex-direction:column;gap:5px}footer{flex-wrap:wrap;padding-top:25px;padding-bottom:25px}.reading h1{font-size:44px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
