@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600&family=Fraunces:opsz,wght@9..144,500;9..144,600&display=swap");:root{--ink:#1d2a29;--paper:#f7f5ed;--sage:#dbe5d3;--line:#d8d8ce;--orange:#d85d38}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:DM Sans,Arial,sans-serif}a{color:inherit}main{overflow:hidden}.hero{min-height:750px;padding:28px max(5vw,28px) 70px;position:relative;background:linear-gradient(112deg,#f7f5ed,#f7f5ed 56%,#e8eadb 0)}.nav{display:flex;justify-content:space-between;max-width:1240px;margin:auto;font-size:14px}.nav,.wordmark{align-items:center}.wordmark{display:inline-flex;gap:9px;font-weight:600;text-decoration:none;letter-spacing:-.03em}.wordmark-mark{display:grid;width:26px;height:26px;place-items:center;color:var(--paper);background:var(--ink);font-family:Fraunces,serif;font-size:17px;border-radius:50% 50% 50% 8%}.nav-link{text-underline-offset:4px}.hero-copy{max-width:690px;margin:132px calc(38% + 10px) 0 0;position:relative;z-index:1}.eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 22px;color:#526562;font:500 11px/1 DM Mono,monospace;letter-spacing:.07em;text-transform:uppercase}.eyebrow span{display:inline-block;width:7px;height:7px;background:var(--orange);border-radius:50%}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Fraunces,Georgia,serif;font-weight:500;letter-spacing:-.055em}h1{max-width:650px;margin-bottom:25px;font-size:clamp(3.4rem,6vw,5.85rem);line-height:.97}.hero-intro{max-width:510px;margin-bottom:32px;color:#475755;font-size:18px;line-height:1.55}.plan-note{margin:-13px 0 20px;color:#526562;font-size:13px;line-height:1.5}.plan-note strong{color:var(--ink)}.access-form{display:flex;gap:10px;max-width:510px}input{min-width:0;flex:1 1;padding:14px 16px;border:1px solid #b8c2b4;border-radius:2px;background:#fffdf7;color:var(--ink);font:15px DM Sans,sans-serif}button{border:1px solid var(--ink);border-radius:2px;padding:14px 18px;background:var(--ink);color:#fff;cursor:pointer;font:600 14px DM Sans,sans-serif;transition:background .2s}button:hover:not(:disabled){background:#384b48}button:disabled{cursor:default;opacity:.85}.form-note{min-height:20px;margin:10px 0 0;color:#667573;font-size:12px}.form-note.is-error{color:#a33a22}.form-note.is-success{color:#355f42}.notebook{position:absolute;z-index:0;top:144px;right:max(5vw,28px);width:min(35vw,475px);min-height:465px;padding:20px 23px;box-shadow:17px 22px 0 rgba(49,74,67,.12),0 1px 2px rgba(0,0,0,.05);background:#fcfbf6;transform:rotate(3.5deg)}.notebook-footer,.notebook-top{display:flex;justify-content:space-between;color:#7e8983;font:10px DM Mono,monospace}.save-state{color:#607c68}.notebook-page{margin:53px 0 68px}.page-label{color:var(--orange);font:10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.07em}.notebook h2{max-width:350px;margin-bottom:19px;font-size:clamp(1.8rem,3vw,2.65rem);line-height:1.05}.notebook-page>p:not(.page-label){max-width:330px;color:#64716c;font:14px/1.6 DM Sans,sans-serif}.note-line{height:1px;width:100%;margin-top:30px;background:#dfe2d9}.note-line.short{width:69%;margin-top:13px}.principles{padding:130px max(5vw,28px);background:var(--sage)}.section-heading{max-width:590px;margin-bottom:65px}.early-access h2,.section-heading h2{margin-bottom:0;font-size:clamp(2.65rem,4.5vw,4.8rem);line-height:1}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:1240px;border-top:1px solid #b9c9b4}.principle-grid article{padding:28px 36px 0 0;border-right:1px solid #b9c9b4}.principle-grid article+article{padding-left:30px}.principle-grid article:last-child{border:0}.principle-grid b{color:var(--orange);font:500 11px DM Mono,monospace}.principle-grid h3{margin:48px 0 12px;font:500 23px Fraunces,Georgia,serif;letter-spacing:-.035em}.principle-grid p{max-width:285px;color:#53655d;font-size:15px;line-height:1.6}.early-access{max-width:800px;padding:140px max(5vw,28px)}.early-access>p:not(.eyebrow){max-width:475px;margin:26px 0 33px;color:#52615e;font-size:17px;line-height:1.6}.text-link{color:var(--orange);font-weight:600;text-decoration-thickness:1px;text-underline-offset:6px}.text-link span{margin-left:8px}footer{display:flex;justify-content:space-between;gap:20px;padding:23px max(5vw,28px);border-top:1px solid var(--line);color:#64716c;font:11px DM Mono,monospace}footer a{color:var(--ink)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page-shell{width:min(900px,calc(100% - 48px));margin:0 auto;padding:54px 0 100px}.back-link{color:#61716d;font-size:14px;text-underline-offset:4px}.blog-heading{margin:90px 0 50px}.blog-heading h1{margin-bottom:14px;font-size:clamp(3rem,7vw,5.6rem)}.blog-heading p{color:#5e6c68;font-size:18px}.post-list{border-top:1px solid var(--line)}.post-preview{padding:31px 0;border-bottom:1px solid var(--line)}.post-preview h2{margin:0 0 11px;font-size:clamp(1.7rem,3vw,2.4rem)}.post-preview a{text-decoration:none}.post-preview p{max-width:560px;margin:0;color:#61706c;line-height:1.55}.article{max-width:690px;margin:90px auto 0}.article h1{font-size:clamp(2.8rem,6vw,5rem)}.article p{color:#485854;font:18px/1.7 Fraunces,Georgia,serif}.desk{min-height:100vh;padding:25px max(4vw,24px)}.desk-header{justify-content:space-between;gap:20px;max-width:1240px;margin:auto}.desk-header,.desk-header>div{display:flex;align-items:center}.desk-header>div{gap:15px}.account{color:#667573;font:12px DM Mono,monospace}.quiet-button{padding:8px 10px;border-color:transparent;background:transparent;color:var(--ink);text-decoration:underline}.desk-grid{display:grid;grid-template-columns:260px minmax(0,1fr);max-width:1240px;min-height:calc(100vh - 110px);margin:36px auto 0;border:1px solid var(--line);background:#fcfbf6}.desk-grid aside{padding:18px;border-right:1px solid var(--line);background:#eef1e8}.note-list{margin-top:18px}.note-item{display:block;width:100%;padding:13px 10px;border:0;background:transparent;color:var(--ink);text-align:left}.note-item span,.note-item strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-item span{margin-top:5px;color:#77837d;font:10px DM Mono,monospace}.note-item.is-active{background:#fffdf7}.editor{display:flex;min-height:620px;flex-direction:column;padding:clamp(26px,5vw,70px)}.note-title{flex:none;margin-bottom:25px;padding:0;font:500 clamp(2.3rem,5vw,4.4rem)/1 Fraunces,Georgia,serif;letter-spacing:-.05em}.editor textarea,.note-title{border:0;background:transparent}.editor textarea{width:100%;min-height:360px;flex:1 1;resize:vertical;outline:0;color:#43534f;font:18px/1.65 Fraunces,Georgia,serif}.editor footer{display:flex;align-items:center;justify-content:space-between;padding:24px 0 0;color:#718079;font:11px DM Mono,monospace}.empty{margin:auto;text-align:center}.sign-in{display:grid;min-height:100vh;grid-template-columns:1fr minmax(320px,560px);padding:28px max(5vw,28px);background:linear-gradient(115deg,#e5eadb 0,#e5eadb 47%,var(--paper) 47%)}.sign-in>.wordmark{align-self:start}.sign-in form{align-self:center;padding:50px;background:#fcfbf6;box-shadow:17px 22px 0 rgba(49,74,67,.12)}.sign-in h1{margin-bottom:20px;font-size:clamp(3rem,6vw,5.5rem);line-height:.96}.sign-in form>p:not(.eyebrow):not(.form-note){margin-bottom:32px;color:#53625e;font-size:17px;line-height:1.55}.sign-in label{display:block;margin-bottom:8px;font-size:13px;font-weight:600}.sign-in input{width:100%;margin-bottom:12px}.sign-in button{width:100%}@media (max-width:760px){.hero{min-height:auto;padding-bottom:56px;background:var(--paper)}.hero-copy{margin:90px 0 40px}.notebook{position:relative;top:auto;right:auto;width:min(91vw,450px);margin:0 auto;transform:rotate(1.5deg)}.principles{padding-top:90px}.principle-grid{grid-template-columns:1fr}.principle-grid article,.principle-grid article+article{padding:26px 0;border-right:0;border-bottom:1px solid #b9c9b4}.principle-grid article:last-child{border-bottom:0}.principle-grid h3{margin-top:25px}.early-access{padding-top:90px;padding-bottom:90px}}@media (max-width:500px){.access-form{flex-direction:column}.access-form button{width:100%}.notebook{min-height:405px}.notebook-page{margin:43px 0 55px}footer{flex-wrap:wrap}}@media (max-width:760px){.desk-grid{grid-template-columns:1fr}.desk-grid aside{border-right:0;border-bottom:1px solid var(--line)}.note-list{display:flex;overflow-x:auto}.note-item{min-width:150px}.editor{min-height:520px}.sign-in{display:block;background:var(--paper)}.sign-in>.wordmark{margin-bottom:80px}.sign-in form{padding:32px 25px}}