@property --u{syntax:"<length>";inherits:true;initial-value:10px}.hero{max-width:76rem;margin:0 auto;padding:clamp(3rem,9vw,6.5rem) var(--page-pad) 0}.hero-copy{max-width:50rem}@media (min-width:1100px){.hero-copy{max-width:none;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);grid-column-gap:4rem;column-gap:4rem;align-items:end}.hero-copy .kicker{grid-column:1/-1}.hero h1{grid-column:1;grid-row:2/span 2;align-self:start}.hero-lede{grid-column:2;grid-row:2;margin-top:0;font-size:1.04em}.hero-form{grid-column:2;grid-row:3;margin-top:.75rem}}.hero h1{font-size:clamp(2.75rem,7.4vw,5.6rem);line-height:.98;letter-spacing:-.032em;font-weight:500}.hero h1 em{display:block;font-weight:400;letter-spacing:-.025em}.hero-lede{max-width:var(--measure);margin-top:2rem;font-size:1.1em;line-height:1.55;color:var(--ink-soft)}.hero-lede p{margin:0 0 1rem}.hero-form{margin-top:2rem}.hero-figure{position:relative;margin:clamp(3.5rem,8vw,5.5rem) 0 0}.hero-notes{display:grid;grid-gap:.9rem;gap:.9rem;margin-top:1.4rem;font-style:italic;font-size:.98rem;line-height:1.4;color:var(--ink-soft)}.hero-note{position:relative;display:block;padding-left:1.1rem}.hero-note:before{content:"*";position:absolute;left:0;top:-.05em;color:var(--accent);font-style:normal;font-weight:600}.note-arrow{display:none}@media (min-width:1100px){.hero-figure{display:grid;grid-template-columns:12.5rem minmax(0,1fr) 11.5rem;grid-column-gap:2.25rem;column-gap:2.25rem}.hero-frame{grid-column:2;grid-row:1}.hero-notes{display:contents}.hero-note{grid-row:1;padding-left:0}.hero-note:before{content:none}.note-arrow{display:block;position:absolute}.note-link{grid-column:1;align-self:start;margin-top:-.4rem}.note-link .note-arrow{width:9rem;height:3rem;right:-8.4rem;top:.2rem;transform:scaleY(-1)}.note-steps{grid-column:1;align-self:center;margin-top:6rem}.note-steps .note-arrow{width:6rem;height:2.4rem;right:-5.6rem;top:-2.2rem}.note-click{grid-column:3;align-self:center;margin-top:3rem}.note-click .note-arrow{width:9.5rem;height:3.2rem;left:-9rem;top:-3.1rem}}.essay{position:relative;display:flow-root;max-width:76rem;margin:0 auto;padding:clamp(4.5rem,10vw,7.5rem) var(--page-pad) 0}.essay>*{max-width:var(--measure)}.essay>.pull,.essay>.wide{max-width:none}.essay h2{margin-bottom:1.6rem;font-size:clamp(1.95rem,3.8vw,2.85rem);line-height:1.08;letter-spacing:-.02em}.essay>p{margin:0 0 1.1rem}.essay>.lede{margin-bottom:0}.side-label{display:flex;align-items:baseline;gap:.5rem;margin:0 0 .9rem;font-style:italic;color:var(--ink-muted)}.side-label span{color:var(--accent);font-size:1.6em;line-height:1;font-style:italic;font-feature-settings:"onum";font-variant-numeric:oldstyle-nums}.run-in{margin:2.2rem 0 .35rem;font-size:1.22em;font-style:italic;font-weight:500}.margin-note{position:relative;margin:1.6rem 0 0;padding-left:1.1rem;font-size:.95rem;font-style:italic;line-height:1.45;color:var(--ink-soft)}.margin-note:before{content:"*";position:absolute;left:0;top:-.05em;color:var(--accent);font-style:normal;font-weight:600}.pull{margin:3.5rem 0 0;padding:0}.pull p{max-width:44rem;margin:0;font-size:clamp(1.55rem,3vw,2.15rem);line-height:1.25;letter-spacing:-.012em;font-style:italic;color:var(--ink)}.pull p:before{content:"“";color:var(--accent)}.pull p:after{content:"”";color:var(--accent)}@media (min-width:640px){.pull p:before{margin-left:-.42em}}@media (min-width:1100px){.essay{padding-left:calc(var(--page-pad) + var(--label-w) + var(--gutter))}.side-label{position:absolute;left:var(--page-pad);top:clamp(4.5rem,10vw,7.5rem);width:var(--label-w);flex-direction:column;gap:.35rem;padding-top:.75rem;border-top:2px solid var(--ink)}.margin-note{float:right;clear:right;width:var(--note-w);margin:2.55rem 0 0}.essay>.wide{margin-right:0}.essay-wide>.wide{margin-left:calc(-1 * (var(--label-w) + var(--gutter)))}}.beliefs{margin:0;padding:0;list-style:none;counter-reset:belief}.beliefs li{position:relative;counter-increment:belief;padding:1.2rem 0 1.25rem 2.6rem;border-top:1px solid var(--rule)}.beliefs li:before{content:counter(belief,lower-roman) ".";position:absolute;left:0;top:1.2rem;color:var(--accent);font-style:italic;font-size:1.15em}.beliefs h3{font-size:1.22em;line-height:1.3}.beliefs p{margin:.35rem 0 0;color:var(--ink-soft)}.fit{display:grid;grid-gap:2.25rem;gap:2.25rem}.fit h3{margin-bottom:.6rem;font-size:1.2em;font-style:italic}.fit ul{margin:0;padding:0;list-style:none}.fit li{position:relative;padding:.55rem 0 .55rem 1.4rem;border-top:1px solid var(--rule-soft)}.fit li:before{content:"✓";position:absolute;left:0;color:var(--ink);font-family:var(--sans);font-size:.9em}.fit-not h3{color:var(--accent-deep)}.fit-not li:before{content:"✗";color:var(--accent)}@media (min-width:1100px){#who>.fit{max-width:calc(var(--measure) + var(--gutter) + var(--note-w));grid-template-columns:1fr 1fr;column-gap:2.5rem}}.status{margin:0}.status>div{display:grid;grid-gap:.15rem 1.5rem;gap:.15rem 1.5rem;padding:1rem 0;border-top:1px solid var(--rule)}.status dt{font-style:italic;color:var(--accent-deep)}.status dd{margin:0}@media (min-width:640px){.status>div{grid-template-columns:8.5rem minmax(0,1fr)}}.letter{position:relative;padding:clamp(1.75rem,5vw,3rem);background:var(--paper-bright);box-shadow:0 1px 0 var(--rule),0 24px 48px -32px rgba(70,45,20,.35)}.essay>.letter,.letter{max-width:38rem}.letter-hello{margin-bottom:1.2rem!important;font-size:clamp(1.8rem,3.4vw,2.4rem)!important;font-style:italic;font-weight:400}.letter p{margin:0 0 1.05rem}.signature{display:grid;justify-items:start;margin:1.8rem 0 2.2rem!important}.signature span{font-size:2.6rem;line-height:1;font-style:italic;font-weight:400;letter-spacing:-.01em}.signature-line{width:7.5rem;height:.7rem;margin-top:.15rem}.signature small{margin-top:.4rem;font-family:var(--sans);font-size:.8rem;color:var(--ink-muted)}.letter-form{padding-top:1.6rem;border-top:1px solid var(--rule)}.demo-frame,.hero-frame{container-type:inline-size}.browser{--u:1em;position:relative;font-family:var(--sans);font-size:calc(100cqw / 64);line-height:1.3;font-feature-settings:"lnum";font-variant-numeric:lining-nums;color:#22262b;background:#fff;border:1px solid #d3c8b5;border-radius:.9em;overflow:hidden;box-shadow:0 1px 0 rgba(70,45,20,.06),0 2.4em 4.8em -2.6em rgba(70,45,20,.38)}.browser-bar{display:flex;align-items:center;gap:1.2em;height:3em;padding:0 1.1em;background:#f1ece3;border-bottom:1px solid #e0d7c7}.browser-dots{display:flex;gap:.45em}.browser-dots i{width:.8em;height:.8em;border-radius:50%;background:#d8cebe}.browser-url{flex:0 1 30em;height:1.95em;padding:0 .9em;border-radius:1em;background:#fff;font-family:var(--mono);font-size:1.05em;line-height:1.95em;color:#4d5157;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.browser-ext{margin-left:auto;display:flex;align-items:center}.browser-note{font-family:var(--serif);font-style:italic;font-size:1.15em;color:var(--accent-deep)}.browser-body{position:relative;height:37em;overflow:hidden;background:#fff}.a-chip{display:inline-flex;align-items:center;gap:.45em;padding:.3em .75em;border-radius:.4em;background:#fff;border:1px solid #e0d7c7;font-size:.95em;font-weight:600}.a-chip .mark{width:1.2em;height:1.2em;color:var(--accent)}.rec-dot{display:inline-block;width:.6em;height:.6em;border-radius:50%;background:#d23b1b}.motion-ok .rec-dot{animation:blink 1.4s ease-in-out infinite}@keyframes blink{50%{opacity:.25}}.harbor{--u:1em;position:relative;overflow:hidden;background:#fff;color:#22262b;font-family:var(--sans);line-height:1.25;text-align:left}.h-side>*,.harbor>*{position:absolute}.h-side{left:0;top:0;bottom:0;width:calc(10 * var(--u));background:#f4f3ef;border-right:1px solid #e6e3dc}.h-logo{display:flex;align-items:center;gap:.45em;font-weight:700;font-size:1.15em}.h-logo i{width:1.05em;height:1.05em;border-radius:.28em;background:#2a5d74}.h-nav{display:flex;align-items:center;gap:.6em;padding:0 .7em;border-radius:.4em;color:#4b5058}.h-nav i{width:.85em;height:.85em;border-radius:.2em;border:1.5px solid;opacity:.6}.h-nav[data-on]{background:#e3e8ea;color:#12364a;font-weight:600}.h-title{font-size:1.85em;font-weight:700;letter-spacing:-.02em}.h-sub{color:#6b7078}.h-tab{display:flex;align-items:center;justify-content:center;color:#5b6068}.h-tab[data-on]{color:#12364a;font-weight:600;box-shadow:inset 0 -.18em 0 #2a5d74}.h-rule{height:1px;background:#e6e3dc}.h-label{font-size:.9em;color:#6b7078}.h-input{display:flex;align-items:center;padding:0 .8em;border:1px solid #d5d8dc;border-radius:.4em;background:#fff}.h-input[data-focus]{border-color:#2a5d74;box-shadow:0 0 0 .2em rgba(42,93,116,.15)}.h-placeholder{color:#9aa0a7}.h-strong{font-weight:700;font-size:1.15em}.h-strong small{margin-left:.4em;font-weight:400;font-size:.8em;color:#6b7078}.h-btn{border-radius:.4em;background:#2a5d74;color:#fff;font-weight:600}.h-btn,.h-ghost{display:flex;align-items:center;justify-content:center}.h-ghost{border:1px solid #d5d8dc;border-radius:.4em;color:#3b4047}.h-row{display:grid;grid-template-columns:2.4em 9em 1fr auto;align-items:center;grid-gap:.8em;gap:.8em;border-bottom:1px solid #efede8}.h-row i{display:grid;place-items:center;width:2.2em;height:2.2em;border-radius:50%;font-style:normal;font-size:.8em;font-weight:700;color:#2f343a}.h-row em,.h-row small{color:#6b7078}.h-row em{font-style:normal;font-size:.9em}.h-row[data-new]{background:#fbf7ee}.h-card{display:grid;align-content:start;grid-gap:.6em;gap:.6em;padding:1em;border:1px solid #e6e3dc;border-radius:.5em}.h-card i{display:block;height:.55em;border-radius:.3em;background:#ebe8e1}.h-card small,.h-card.plan small{color:#6b7078}.h-card.plan .h-ghost{position:static;width:9em;height:2.4em}.h-scrim{inset:0;background:rgba(26,30,36,.32)}.h-dialog{background:#fff;border-radius:.7em;box-shadow:0 1em 3em rgba(0,0,0,.25)}.h-toast{padding:.7em 1.1em;border-radius:.5em;background:#1f2a30;color:#fff;font-size:.95em}.h-highlight{border:calc(.24 * var(--u)) solid var(--accent);border-radius:calc(.6 * var(--u));background:rgba(30,107,79,.06);box-shadow:0 0 0 calc(.35 * var(--u)) rgba(30,107,79,.14)}.shot{position:relative;display:block;flex:none;overflow:hidden;border-radius:calc(.5 * var(--u));box-shadow:0 0 0 1px #e3ddd2}.guide{inset:0;background:#fff}.g-toc,.guide{position:absolute}.g-toc{left:0;top:0;bottom:0;width:calc(17 * var(--u));padding:calc(2.2 * var(--u)) calc(1.8 * var(--u));background:#fbf9f5;border-right:1px solid #ece6db;display:flex;flex-direction:column}.g-crumb{font-size:.9em;color:#6b7078}.g-title{margin-top:.5em;font-family:var(--serif);font-size:1.9em;line-height:1.08;font-weight:600;letter-spacing:-.015em}.g-meta{margin-top:.7em;font-size:.95em;color:#6b7078}.g-toc ol{margin:1.8em 0 0;padding:0;list-style:none;border-top:1px solid #ece6db}.g-toc li{display:flex;gap:.7em;padding:.65em 0;border-bottom:1px solid #ece6db;font-size:.95em;color:#4b5058}.g-toc li span{color:#9aa0a7}.g-toc li[data-on]{color:#1a1f1b;font-weight:600}.g-toc li[data-on] span{color:var(--accent)}.g-foot{margin-top:auto;display:flex;align-items:center;gap:.4em;font-size:.85em;color:#8a8f96}.g-foot .mark{width:1em;height:1em;color:var(--accent)}.g-steps{position:absolute;left:calc(17 * var(--u));right:0;top:0;bottom:0;overflow:hidden}.g-track{inset:0;transition:transform .7s var(--ease)}.g-step,.g-track{position:absolute}.g-step{left:calc(6 * var(--u));width:calc(35 * var(--u));display:flex;flex-direction:column;gap:calc(.5 * var(--u))}.g-num{font-size:.85em;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.g-step-title{font-size:1.6em;font-weight:650;letter-spacing:-.015em;line-height:1.15}.g-note{margin-bottom:calc(.3 * var(--u));font-size:1.05em;color:#4b5058}.g-step .shot{margin-top:calc(.6 * var(--u))}.panel{position:absolute;right:0;top:0;bottom:0;width:calc(18 * var(--u));padding:calc(1.2 * var(--u));background:#faf7f1;border-left:1px solid #e6dfd2}.panel-head{display:flex;align-items:center;gap:.5em}.panel-head .mark{width:1.3em;height:1.3em;color:var(--accent)}.panel-head b{font-size:1.1em}.panel-rec{margin-left:auto;display:flex;align-items:center;gap:.4em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:#134a37}.panel-hint{margin:calc(1 * var(--u)) 0 calc(.8 * var(--u));font-size:.95em;color:#6b7078}.panel-steps{margin:0;padding:0;list-style:none}.panel-steps li{display:flex;align-items:center;gap:.8em;height:0;opacity:0;overflow:hidden;transform:translateY(-.6em);transition:height .35s var(--ease),opacity .35s var(--ease),transform .35s var(--ease)}.panel-steps li[data-on]{height:calc(4.25 * var(--u));opacity:1;transform:none}.panel-steps li>span:last-child{display:grid;font-size:.95em;line-height:1.2}.panel-steps small{font-size:.8em;color:#8a8f96}.panel-actions{position:absolute;left:calc(1.2 * var(--u));right:calc(1.2 * var(--u));bottom:calc(1.2 * var(--u));display:grid;grid-template-columns:1fr 1.6fr;grid-gap:.6em;gap:.6em}.panel-actions span{display:grid;place-items:center;height:2.6em;border:1px solid #d9d0c0;border-radius:.4em;font-weight:600;background:#fff}.panel-actions .primary{border-color:var(--ink);background:var(--ink);color:#fff}.editor{position:absolute;inset:0;background:#fff}.ed-bar{display:flex;align-items:center;gap:1em;height:calc(3.6 * var(--u));padding:0 calc(1.4 * var(--u));border-bottom:1px solid #ece6db;background:#fbf9f5}.ed-title{font-weight:700;font-size:1.1em}.ed-meta{color:#6b7078;font-size:.95em}.ed-publish{margin-left:auto;width:calc(6 * var(--u));height:calc(2.3 * var(--u));display:grid;place-items:center;border-radius:.4em;background:var(--ink);color:#fff;font-weight:600;transition:background .2s var(--ease)}.ed-publish[data-pressed]{background:var(--accent)}.ed-list{position:absolute;left:0;top:calc(3.6 * var(--u));bottom:0;width:calc(20 * var(--u));margin:0;padding:calc(1 * var(--u)) 0 0;list-style:none;border-right:1px solid #ece6db}.ed-list li{position:relative;display:flex;align-items:center;gap:.8em;height:calc(4.4 * var(--u));padding:0 calc(1 * var(--u));overflow:hidden;transition:height .4s var(--ease),opacity .3s var(--ease),background .2s var(--ease)}.ed-list li[data-on]{background:rgba(30,107,79,.07);box-shadow:inset .22em 0 0 var(--accent)}.ed-list li[data-gone]{height:0;opacity:0}.ed-step{display:grid;min-width:0;font-size:.95em;line-height:1.2}.ed-step small{font-size:.8em;color:#8a8f96}.ed-trash{margin-left:auto;padding:.25em .5em;border-radius:.3em;font-size:.8em;font-weight:600;color:#fff;background:#1e6b4f;opacity:0}.ed-list li[data-doomed]{background:#fbefea}.ed-list li[data-doomed] .ed-step{text-decoration:line-through;-webkit-text-decoration-color:rgba(30,107,79,.7);text-decoration-color:rgba(30,107,79,.7)}.ed-list li[data-doomed] .ed-trash{opacity:1}.ed-main{position:absolute;left:calc(21.5 * var(--u));right:calc(1.5 * var(--u));top:calc(4.8 * var(--u));display:flex;flex-direction:column}.ed-kicker{height:calc(1.4 * var(--u));font-size:.8em;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8a8f96}.ed-field{display:flex;align-items:center;padding:0 calc(.8 * var(--u));border:1px solid #e3ddd2;border-radius:.4em;white-space:nowrap;overflow:hidden}.ed-field-title{margin-top:calc(.4 * var(--u));height:calc(2.6 * var(--u));font-size:1.25em;font-weight:650}.ed-field-note{margin-top:calc(.5 * var(--u));height:calc(2.2 * var(--u));color:#4b5058}.ed-shot{margin-top:calc(.9 * var(--u))}.typed{display:inline-block;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}.motion-ok .typed{animation:type 1.1s steps(var(--chars,30)) both}@keyframes type{0%{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}.ed-dialog{position:absolute;right:calc(1.2 * var(--u));top:calc(4.2 * var(--u));width:calc(22.5 * var(--u));height:calc(13.8 * var(--u));padding:calc(1.4 * var(--u));display:flex;flex-direction:column;gap:calc(.7 * var(--u));background:#fff;border:1px solid #e3ddd2;border-radius:.6em;box-shadow:0 1.2em 3em -.8em rgba(40,30,20,.35)}.ed-dialog b{font-size:1.15em}.ed-radio{display:flex;align-items:center;gap:.6em;color:#4b5058}.ed-radio i{width:1em;height:1em;border-radius:50%;border:1.5px solid #b9b2a6}.ed-radio[data-on] i{border:.32em solid var(--ink)}.ed-link{padding:.6em .8em;border-radius:.4em;background:#f6f2ea;font-family:var(--mono);font-size:.95em}.ed-dialog-btn{margin-top:auto;align-self:flex-end;padding:.6em 1.1em;border-radius:.4em;background:var(--ink);color:#fff;font-weight:600}.ed-dialog-btn.done{background:#2f6b4a}.demo{--stage-top:max(1.5rem,calc(50vh - 16rem));display:flex;flex-direction:column;margin-top:2.5rem}.demo-stage{order:-1;position:-webkit-sticky;position:sticky;top:0;z-index:2;padding:.75rem 0 .6rem;background:var(--paper)}.demo-chapter{min-height:calc(var(--beats) * 11vh + 45vh)}.demo-copy{padding-bottom:25vh}.demo-chapter-text{position:-webkit-sticky;position:sticky;top:calc((100vw - 2 * var(--page-pad)) * .625 + 4.5rem);padding:1.25rem 0 2rem;transition:opacity .4s var(--ease)}.demo-chapter:not([data-on]) .demo-chapter-text{opacity:.35}.demo-label{display:flex;align-items:baseline;gap:.45rem;margin:0 0 .4rem;font-style:italic;color:var(--ink-muted)}.demo-label span{color:var(--accent);font-size:1.35em}.demo-chapter h3{font-size:clamp(1.4rem,2.4vw,1.7rem);line-height:1.15;letter-spacing:-.01em}.demo-chapter p{margin:.8rem 0 0}.demo-chapter .aside{font-size:.95em;font-style:italic;color:var(--ink-soft)}.demo-rail{display:flex;gap:1.25rem;margin:.8rem 0 0;padding:0;list-style:none;font-family:var(--sans);font-size:.82rem;color:var(--ink-muted);counter-reset:rail}.demo-rail li{counter-increment:rail}.demo-rail li:before{content:counter(rail) " ";font-family:var(--serif);font-style:italic;font-size:1.1em}.demo-rail li[data-on]{color:var(--accent-deep);font-weight:600}.demo-rail li[data-done]{text-decoration:line-through;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.scene{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .45s var(--ease),visibility 0s linear .45s}.scene[data-on]{opacity:1;visibility:visible;transition:opacity .45s var(--ease)}.demo-cursor{position:absolute;z-index:5;width:0;height:0;transition:left .42s var(--ease),top .42s var(--ease)}.demo-frame[data-reduce] .demo-cursor{transition:none}.cursor{position:absolute;max-width:none;left:-.1em;top:-.1em;width:1.5em;height:2em;filter:drop-shadow(0 .15em .2em rgba(0,0,0,.25))}.click-ring{position:absolute;left:-1.5em;top:-1.5em;width:3em;height:3em;border-radius:50%;border:.2em solid var(--accent);opacity:0}.motion-ok .click-ring{animation:ring .55s var(--ease)}@keyframes ring{0%{transform:scale(.3);opacity:.9}to{transform:scale(1.3);opacity:0}}@media (min-width:900px){.demo{display:grid;grid-template-columns:minmax(0,20rem) minmax(0,1fr);grid-column-gap:clamp(2rem,4vw,3.5rem);column-gap:clamp(2rem,4vw,3.5rem);align-items:start}.demo-stage{order:0;top:var(--stage-top);padding:0;background:none}.demo-chapter{min-height:calc(var(--beats) * 15vh + 35vh)}.demo-chapter-text{top:var(--stage-top);padding-top:.25rem}.demo-rail{font-size:.86rem}}