:root{--paper:#f5f3eb;--ink:#272e26;--muted:#696e62;--line:#d8dacd;--olive:#4a5940;--white:#fffef8;--tint:#e9ecdf;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--olive);outline-offset:6px}a:hover{color:var(--olive)}.wrap{width:min(1180px,calc(100% - 96px));margin-inline:auto}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:28px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:11px;font-weight:650;font-size:17px;letter-spacing:-.4px}.brand-mark{display:grid;place-items:center;width:32px;height:32px;background:var(--olive);color:var(--white);border-radius:2px;font:italic 27px Georgia,serif;padding-bottom:3px}.site-header nav{display:flex;gap:30px;font-size:13px}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:70px;padding-block:85px 80px}.eyebrow{font-size:11px;line-height:1.7;letter-spacing:1.8px;text-transform:uppercase;font-weight:650}.hero .eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 25px}.small-rule{width:22px;height:1px;background:var(--olive)}h1,h2,h3,p{margin-top:0}h1{font:400 clamp(54px,5.8vw,78px)/1.04 Georgia,"Times New Roman",serif;letter-spacing:-3.7px;margin-bottom:26px}h1 em{font-weight:400;color:var(--olive)}.intro{font-size:16px;line-height:1.85;max-width:380px;color:var(--muted);margin-bottom:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;background:var(--olive);color:var(--white);padding:15px 20px;font-size:12px;border:1px solid var(--olive)}.button:hover{background:#35432e;color:#fff}.button span{font-size:19px;line-height:1}.quiet{color:var(--muted);font-size:12px;line-height:1.8}.hero-footnote{margin:18px 0 0;font-size:11px}.paper-scene{position:relative;padding:24px 8px 44px 14px;min-width:0}.sheet-back{position:absolute;inset:34px 16px 51px 28px;background:#d8decb;border:1px solid #cbd2bd;transform:rotate(5deg)}.paper{position:relative;background:var(--white);padding:30px 32px 24px;border:1px solid #dadcce;box-shadow:0 12px 25px #2730220b;transform:rotate(-2deg)}.paper-top{display:flex;justify-content:space-between;align-items:center;font:9px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1px;padding-bottom:19px;border-bottom:1px solid var(--line)}.paper-dot{width:7px;height:7px;background:#7c8b66;border-radius:50%}.paper-kicker{font-size:9px;letter-spacing:1.9px;color:var(--muted);margin:30px 0 12px}.paper h2{font:400 39px/1.13 Georgia,serif;letter-spacing:-1.3px;margin-bottom:16px}.paper-summary{font-size:11px;line-height:1.8;color:var(--muted);max-width:270px;margin-bottom:26px}.notebook-row{display:flex;align-items:center;gap:13px;border-top:1px solid var(--line);padding-block:17px}.row-number{font:10px ui-monospace,monospace;color:var(--muted)}.notebook-row div{flex:1;min-width:0}.notebook-row strong{display:block;font-size:11px;font-weight:600;margin-bottom:7px}.notebook-row div span{display:block;font-size:9px;line-height:1.6;color:var(--muted)}.row-symbol{color:var(--olive);font-size:17px}.paper-bottom{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;gap:12px;font:8px/1.5 ui-monospace,monospace;color:var(--muted)}.scene-caption{position:absolute;bottom:9px;left:24px;font:italic 12px Georgia,serif;color:var(--muted)}.section-rule{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:17px;font-size:11px;color:var(--muted)}.section-rule span:last-child{font-size:9px;letter-spacing:1.2px}.approach{display:grid;grid-template-columns:1fr 1.1fr;gap:110px;padding-block:85px 100px}.section-heading h2,.closing h2{font:400 43px/1.18 Georgia,serif;letter-spacing:-1.3px;margin:22px 0}.section-heading>p:last-child{font-size:14px;line-height:1.9;color:var(--muted);max-width:330px}.principles article{display:flex;gap:24px;padding-block:24px;border-bottom:1px solid var(--line)}.principles article:first-child{padding-top:0}.principle-number{font:11px/1.8 ui-monospace,monospace;color:#7c866a}.principles h3{font-size:16px;font-weight:550;line-height:1.5;margin-bottom:10px}.principles p{font-size:13px;line-height:1.9;color:var(--muted);margin-bottom:0}.sample-section{background:var(--tint);display:grid;grid-template-columns:.75fr 1.6fr;gap:48px;padding:42px}.sample-label .quiet{font-size:11px;max-width:150px}.sample-link{display:flex;align-items:center;justify-content:space-between;gap:24px}.sample-meta{font-size:9px;letter-spacing:1.2px;color:var(--muted);margin-bottom:18px}.sample-link h2{font:400 35px/1.2 Georgia,serif;letter-spacing:-.8px;margin-bottom:18px}.sample-link p:last-child{font-size:12px;line-height:1.9;max-width:360px;color:var(--muted);margin:0}.large-arrow{font-size:40px;align-self:flex-start}.closing{text-align:center;padding-block:90px}.closing h2{margin:20px 0 26px}.text-link{display:inline-flex;gap:24px;font-size:12px;border-bottom:1px solid #9da58d;padding-bottom:8px}.site-footer{border-top:1px solid var(--line);display:flex;align-items:flex-start;justify-content:space-between;gap:30px;padding-block:28px 38px}.site-footer .brand{font-size:14px}.site-footer p{font-size:10px;line-height:1.8;color:var(--muted);margin:0}.site-footer>a:last-child{font-size:11px}.skip{position:absolute;left:20px;top:-100px;background:var(--white);padding:12px;z-index:10}.skip:focus{top:12px}.article{max-width:740px;padding-block:65px 85px}.article .eyebrow{margin-bottom:25px}.article h1{font-size:57px;line-height:1.12;letter-spacing:-2px;margin-bottom:25px}.article .lede{font-size:19px;line-height:1.8;color:var(--muted);margin-bottom:35px}.article h2{font:400 30px/1.3 Georgia,serif;letter-spacing:-.5px;margin-top:44px;margin-bottom:18px}.article h3{font-size:17px;line-height:1.6;margin-top:26px}.article p,.article li{font-size:15px;line-height:1.95}.article p{color:#51594c}.article ul,.article ol{padding-left:22px}.article li{padding-left:5px;margin-bottom:10px;color:#51594c}.article a:not(.button){text-decoration:underline;text-underline-offset:4px}.note-box{border-left:2px solid var(--olive);background:var(--tint);padding:23px 26px;margin-block:30px}.note-box p:last-child{margin-bottom:0}.note-box .eyebrow{font-size:10px;margin-bottom:13px}.article .back-link{display:inline-block;font-size:12px;margin-bottom:35px}.article .article-end{margin-top:50px;padding-top:25px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
@media(min-width:1450px){.hero{gap:110px;padding-block:100px}.paper-scene{max-width:490px}}
@media(max-width:900px){.wrap{width:calc(100% - 56px)}.hero{gap:35px;padding-block:60px}h1{font-size:60px;letter-spacing:-2.8px}.paper{padding:25px 22px}.paper h2{font-size:33px}.approach{gap:50px;padding-block:65px}.section-heading h2{font-size:36px}.sample-section{gap:25px;padding:30px}.sample-link h2{font-size:31px}.site-header nav{gap:20px}.intro{font-size:15px}}
@media(max-width:650px){.wrap{width:calc(100% - 40px)}.site-header{padding-block:21px;flex-wrap:wrap;gap:20px}.brand{font-size:16px}.site-header nav{width:100%;justify-content:space-between;gap:12px;font-size:12px}.hero{grid-template-columns:1fr;gap:24px;padding-block:45px 42px}h1{font-size:64px;letter-spacing:-3px}.hero .eyebrow{font-size:9px;letter-spacing:1.4px;margin-bottom:23px}.intro{font-size:15px;max-width:360px}.hero-footnote{max-width:270px}.paper-scene{width:100%;max-width:440px;justify-self:center;padding:15px 10px 40px}.paper{padding:25px}.paper h2{font-size:37px}.paper-summary{font-size:12px}.notebook-row strong{font-size:12px}.notebook-row div span{font-size:10px}.paper-bottom{font-size:8px}.sheet-back{inset:25px 18px 48px 22px;transform:rotate(3deg)}.paper{transform:rotate(-1.5deg)}.section-rule{font-size:10px}.section-rule span:last-child{font-size:8px;white-space:nowrap}.approach{grid-template-columns:1fr;gap:28px;padding-block:48px 56px}.section-heading h2{font-size:37px}.section-heading>p:last-child{max-width:none}.principles article{gap:20px}.principles article:first-child{padding-top:10px}.sample-section{grid-template-columns:1fr;gap:23px;padding:27px 23px}.sample-label .quiet{max-width:none;margin-bottom:0}.sample-link{gap:12px}.sample-link h2{font-size:30px}.large-arrow{font-size:29px}.closing{padding-block:60px}.closing h2{font-size:36px}.site-footer{display:grid;grid-template-columns:1fr;gap:18px;padding-bottom:30px}.article{padding-block:38px 60px}.article h1{font-size:43px;letter-spacing:-1.5px;overflow-wrap:break-word}.article .lede{font-size:18px}.article p,.article li{font-size:14px}.article h2{font-size:27px}.note-box{padding:20px}.article .eyebrow{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Original paper composition, with a blue / brick red / ochre palette. */
:root{--paper:#fbf9f2;--ink:#203d60;--muted:#5b6876;--line:#d9dedf;--olive:#245aa5;--white:#fffdf7;--tint:#edf2f8;--red:#b8493e;--yellow:#edbf56;--body:#40536a}
body{border-top:5px solid var(--olive)}
a{transition:color .16s ease,background-color .16s ease}
a:focus-visible,summary:focus-visible{outline:2px solid var(--red);outline-offset:5px}
.site-header{padding-block:23px}.site-header nav{font-size:14px}.brand-mark{position:relative;background:var(--olive)}
.brand-mark::after{content:"";position:absolute;right:-3px;bottom:1px;width:8px;height:8px;border-radius:50%;background:var(--yellow);border:2px solid var(--paper)}
.hero{gap:66px;padding-block:57px 51px}.hero h1{font-size:clamp(56px,5.7vw,79px);letter-spacing:-3px}.hero h1 em{color:var(--red)}
.eyebrow{font-size:12px;letter-spacing:1.4px;color:var(--red)}.hero .eyebrow{font-size:11px;margin-bottom:22px}.small-rule{background:var(--red)}
.intro{font-size:16px;line-height:1.8;max-width:420px;color:var(--body);margin-bottom:23px}
.hero-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.button{font-size:13px;padding:15px 19px;gap:24px;background:var(--olive);border-color:var(--olive)}.button:hover{background:#194781;color:white}
.text-link{font-size:13px;line-height:1.5;border-color:#a0b4cd;gap:14px;color:var(--olive)}.text-link:hover{color:var(--red);border-color:var(--red)}
.hero-footnote{font-size:12px;line-height:1.7;margin-top:17px;max-width:390px}
.paper-scene{padding:19px 8px 39px 14px}.sheet-back{background:var(--yellow);border:1px solid #d5a548;inset:28px 14px 44px 27px;transform:rotate(5deg)}
.paper{padding:27px 30px 24px;border-color:#c8d6e6;box-shadow:0 14px 28px #203d6010}.paper-top{font-size:10px;color:var(--olive);border-color:#ccd9e7;letter-spacing:.5px}.paper-dot{background:var(--red);width:8px;height:8px}
.paper-kicker{font-size:10px;letter-spacing:1.6px;color:var(--red);margin:24px 0 11px}.paper h2{font-size:42px;color:var(--ink);margin-bottom:14px}
.paper-summary{font-size:12px;line-height:1.75;max-width:330px;margin-bottom:20px;color:var(--body)}.notebook-row{padding-block:15px;border-color:#d4dfe9}
.notebook-row strong{font-size:12px}.notebook-row div span{font-size:11px;line-height:1.6}.row-number{color:var(--red);font-size:11px}.row-symbol{color:var(--olive)}
.paper-bottom{font-size:9px;line-height:1.6;border-color:#ccd9e7;gap:15px}.scene-caption{font-size:13px;color:var(--muted)}
.topic-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding-block:22px;border-top:1px solid #bfcddd;border-bottom:1px solid #bfcddd}
.topic-strip>div{display:flex;align-items:flex-start;gap:14px}.topic-number{font:12px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--red)}.topic-strip p{margin:0}.topic-strip strong{display:block;font-size:14px;font-weight:600;margin-bottom:6px}.topic-strip p>span{font-size:12px;line-height:1.65;color:var(--muted);display:block;max-width:260px}
.approach{gap:90px;padding-block:63px 68px}.section-heading h2,.closing h2{font-size:44px;color:var(--ink)}.section-heading>p:not(.eyebrow){font-size:15px;line-height:1.85;color:var(--body);max-width:360px}.section-heading .text-link{margin-top:10px}
.principle-number{color:var(--red);font-size:12px}.principles h3{font-size:17px;line-height:1.5}.principles p{font-size:14px;line-height:1.85;color:var(--body)}.principles article{padding-block:21px;border-color:#d1dce7}
.sample-section{background:#f4e5ba;border:1px solid #e1c77e;grid-template-columns:.65fr 1.7fr;gap:45px;padding:39px 42px;position:relative}.sample-section::before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:var(--yellow)}
.sample-label .eyebrow{margin-bottom:15px}.sample-label .quiet{font-size:13px;color:#685c43;line-height:1.8}.project-stamp{display:inline-block;margin-top:25px;border:1px solid #b9a476;padding:12px 14px;font:11px/1.7 ui-monospace,Consolas,monospace;color:#715a30;letter-spacing:1.2px}
.sample-link{align-items:flex-start}.sample-meta{font-size:11px;letter-spacing:1.2px;color:#715a30}.sample-link h2{font-size:38px}.sample-link p:last-child{font-size:14px;line-height:1.85;color:#544e40;max-width:540px}.large-arrow{color:var(--red)}
.project-facts{margin:26px 0 23px}.project-facts>div{display:grid;grid-template-columns:108px 1fr;gap:15px;padding:13px 0;border-top:1px solid #d7c28d;font-size:13px;line-height:1.75}.project-facts dt{font-weight:650}.project-facts dd{margin:0;color:#544e40;max-width:470px}.sample-content>.text-link{font-size:14px}
.notebook{padding-block:67px 64px}.notebook-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:29px}.notebook-heading h2,.template-heading h2{font:400 41px/1.16 Georgia,serif;letter-spacing:-1.2px;margin:15px 0 0}.notebook-heading>p{font-size:14px;line-height:1.85;max-width:340px;color:var(--body);margin:0 0 3px}
.reading-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.reading-card{padding:25px 24px;background:#eef3fa;border:1px solid #cfdbe9;border-top:4px solid var(--olive);display:flex;align-items:flex-start;flex-direction:column}.reading-card:nth-child(2){background:#faeeea;border-color:#ead2c9;border-top-color:var(--red)}.reading-card:nth-child(3){background:#f7efd8;border-color:#e6d8ad;border-top-color:var(--yellow)}
.reading-category{font-size:11px;line-height:1.6;letter-spacing:.7px;color:var(--muted);margin-bottom:19px}.reading-card h3{font:400 29px/1.2 Georgia,serif;letter-spacing:-.7px;margin-bottom:17px}.reading-card h3 a:hover{color:var(--red)}.reading-card>p:not(.reading-category){font-size:14px;line-height:1.85;margin:0 0 23px;color:var(--body)}.reading-card .text-link{margin-top:auto}
.templates{border-top:1px solid #bfcddd;padding-block:34px 55px}.template-heading{max-width:710px;margin-bottom:27px}.template-heading h2{font-size:39px}.template-heading>p:last-child{font-size:15px;line-height:1.8;color:var(--body);margin:19px 0 0;max-width:620px}
.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:start}.writing-template{background:#fffdf7;border:1px solid #c8d5e5}.writing-template summary{cursor:pointer;display:flex;justify-content:space-between;gap:15px;align-items:center;padding:22px 25px;font:400 26px/1.25 Georgia,serif;list-style:none;color:var(--ink);background:#e9f0f8}.writing-template:nth-child(2) summary{background:#f5e6de}.writing-template summary::-webkit-details-marker{display:none}.writing-template summary:hover{color:var(--red)}.template-toggle{font:300 24px/1 sans-serif;color:var(--red);transition:transform .18s ease}.writing-template[open] .template-toggle{transform:rotate(45deg)}
.template-body{padding:0 25px 26px}.template-subtitle{font-size:12px;color:var(--red);padding-top:20px;margin-bottom:22px}.template-body dl{margin:0}.template-body dl>div+div{margin-top:20px}.template-body dt{font-size:13px;font-weight:650;margin-bottom:5px}.template-body dd{font-size:14px;line-height:1.85;margin:0;color:var(--body)}
.closing{padding-block:44px 59px}.closing h2{font-size:44px;margin:16px 0 19px}.closing>p:not(.eyebrow){max-width:560px;font-size:15px;line-height:1.85;color:var(--body);margin:0 auto 24px}.site-footer{border-top:1px solid #bfcddd;padding-block:25px 31px}.site-footer>div>p{margin-top:9px}.site-footer p{font-size:12px;line-height:1.8;color:var(--muted)}.site-footer nav{display:flex;flex-direction:column;gap:10px;font-size:13px}
.article{max-width:800px;padding-block:49px 65px}.article h1{font-size:54px;color:var(--ink)}.article h2{font-size:31px}.article .lede{font-size:21px;line-height:1.75;color:var(--body)}.article p,.article li{font-size:18px;line-height:1.85;color:var(--body)}.article .eyebrow{font-size:12px;color:var(--red)}.article .back-link{font-size:14px;color:var(--olive)}.article .article-end{font-size:13px}.note-box{background:#eef3fa;border-color:var(--olive)}code{font: .82em/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;background:#e9eef5;padding:.1em .25em;overflow-wrap:anywhere}.missing{padding-block:75px 110px}.missing h1{font-size:61px}.missing .lede{font-size:19px;line-height:1.75;max-width:560px;color:var(--body);margin-bottom:30px}
@media(min-width:1450px){.hero{padding-block:65px 58px;gap:90px}.paper-scene{max-width:500px}}
@media(max-width:1000px){.hero{gap:35px}.hero h1{font-size:64px}.hero-actions{gap:19px}.paper{padding:24px}.paper h2{font-size:37px}.topic-strip{gap:20px}.approach{gap:45px}.reading-grid{gap:15px}.reading-card{padding:23px 18px}.reading-card h3{font-size:26px}}
@media(max-width:760px){.hero{gap:28px}.hero h1{font-size:55px}.paper{padding:22px}.paper h2{font-size:32px}.paper-top{font-size:9px}.hero-actions .text-link{font-size:12px}.sample-section{gap:26px;padding:30px}.sample-link h2{font-size:32px}.notebook-heading{align-items:flex-start;gap:30px}.notebook-heading>p{max-width:280px}.reading-card h3{font-size:24px}.reading-grid{gap:13px}.template-body{padding-inline:20px}.writing-template summary{padding:20px;font-size:24px}}
@media(max-width:650px){.site-header{padding-block:19px;gap:17px}.site-header nav{font-size:13px;gap:14px}.hero{padding-block:35px 32px;gap:25px}.hero h1{font-size:clamp(49px,12vw,64px);letter-spacing:-2.6px}.hero .eyebrow{font-size:10px;letter-spacing:1.1px;margin-bottom:18px}.intro{font-size:15px;line-height:1.8;margin-bottom:21px}.hero-actions{gap:20px}.hero-footnote{font-size:12px}.paper-scene{max-width:440px;padding:15px 9px 38px}.paper{padding:25px}.paper h2{font-size:38px}.paper-top{font-size:9px}.paper-kicker{font-size:10px}.paper-summary{font-size:13px}.notebook-row strong{font-size:13px}.notebook-row div span{font-size:11px}.paper-bottom{font-size:9px}.scene-caption{font-size:12px;left:17px}.topic-strip{grid-template-columns:1fr;padding-block:21px;gap:18px}.topic-strip>div{gap:17px}.topic-strip strong{margin-bottom:3px;font-size:14px}.topic-strip p>span{max-width:none;font-size:12px}.approach{padding-block:43px 46px;gap:25px}.section-heading h2{font-size:38px;margin-block:16px 20px}.section-heading>p:not(.eyebrow){font-size:15px;max-width:none}.principles h3{font-size:17px}.principles p{font-size:14px}.principles article{gap:17px;padding-block:19px}.sample-section{gap:24px;padding:28px 23px}.sample-label{display:flex;gap:15px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.sample-label .eyebrow{margin-bottom:0}.sample-label .quiet{font-size:12px;line-height:1.7;margin:0}.project-stamp{display:none}.sample-link h2{font-size:32px}.sample-link p:last-child{font-size:14px}.sample-meta{font-size:10px;line-height:1.7}.project-facts>div{grid-template-columns:1fr;gap:5px;font-size:13px;padding-block:12px}.sample-content>.text-link{font-size:13px}.notebook{padding-block:44px 42px}.notebook-heading{display:block;margin-bottom:24px}.notebook-heading h2{font-size:37px;margin-top:15px}.notebook-heading>p{font-size:14px;max-width:none;margin-top:20px}.reading-grid{grid-template-columns:1fr;gap:17px}.reading-card{padding:23px 24px}.reading-card h3{font-size:31px}.reading-card h3 br{display:none}.reading-card .reading-category{margin-bottom:14px}.reading-card>p:not(.reading-category){font-size:15px;line-height:1.8;margin-bottom:20px}.templates{padding-block:30px 37px}.template-heading h2{font-size:35px}.template-heading>p:last-child{font-size:14px}.template-grid{grid-template-columns:1fr;gap:20px}.writing-template summary{font-size:25px;padding:20px}.template-body{padding:0 20px 23px}.template-body dd{font-size:14px}.closing{padding-block:31px 43px}.closing h2{font-size:36px}.closing>p:not(.eyebrow){font-size:14px}.site-footer{grid-template-columns:1fr;gap:24px}.site-footer nav{flex-direction:row;flex-wrap:wrap;gap:15px 20px;font-size:12px}.article{padding-block:33px 49px}.article h1{font-size:42px;line-height:1.14}.article h2{font-size:28px}.article .lede{font-size:20px}.article p,.article li{font-size:17px;line-height:1.85}.article .eyebrow{font-size:11px}.article .article-end{font-size:13px}.missing{padding-block:53px 70px}.missing h1{font-size:45px;letter-spacing:-1.6px}.missing .lede{font-size:18px}}
@media(max-width:350px){.hero h1{font-size:49px}.paper{padding:21px}.paper h2{font-size:35px}.paper-top{font-size:8px}.paper-bottom{font-size:8px}.hero-actions{gap:16px}.button{gap:21px}.sample-link h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}html{scroll-behavior:auto}}
