.bar{z-index:10;height:60px;padding-inline:var(--gutter);pointer-events:none;justify-content:flex-end;align-items:center;gap:18px;display:flex;position:fixed;inset:0 0 auto}.bar a{pointer-events:auto;font-size:15.5px;text-decoration:none}.bar .about{color:var(--ink-soft);font-size:14px;font-weight:520}.bar .access{background:var(--ink);color:#fff;letter-spacing:-.01em;height:32px;transition:transform .16s var(--ease-out), opacity .16s ease;border-radius:980px;align-items:center;gap:6px;padding:0 12px 0 15px;font-size:14px;font-weight:520;display:inline-flex}.bar .access svg{transition:transform .2s var(--ease-out)}.bar .access:active{transform:scale(.96)}@media (hover:hover) and (pointer:fine){.bar .access:hover{opacity:.82}.bar .access:hover svg{transform:translate(2px)}}.track{position:relative}.anchor{position:absolute;bottom:0}.grid{padding:72px var(--gutter);gap:24px;display:grid}.side h1,.side h2{font-family:var(--body);letter-spacing:-.03em;text-wrap:balance;font-weight:460}.side h1{font-size:clamp(36px,min(4.9vw,8svh),72px);line-height:1.06}[data-intro]{transform-origin:0 0}.side-brand{letter-spacing:-.015em;align-items:center;gap:7px;width:fit-content;margin-bottom:16px;font-size:17px;font-weight:600;text-decoration:none;display:flex}.side-brand svg{width:22px;height:22px}.side h2{font-size:clamp(30px, calc((100vw - 2 * var(--gutter)) / 19.2), 64px);line-height:1.08}.side-block p{letter-spacing:-.012em;color:var(--ink-faint);font-size:clamp(17px,1.75vw,26px);line-height:1.35;display:inline}.side-block h2+p{margin-top:0}.side-block h2{margin-bottom:clamp(8px,1vw,14px)}.side .extra{color:var(--ink-soft)}.sheet{flex-direction:column;gap:clamp(16px,4cqh,32px);display:flex}.hint,.progress-wrap{display:none}.note[data-size=xl]{--n:clamp(30px, min(8cqw, 12cqh), 72px)}.note[data-size=l]{--n:clamp(23px, min(5.4cqw, 8cqh), 46px)}.note[data-size=m]{--n:clamp(20px, min(4.4cqw, 6.4cqh), 32px)}.note[data-size=code]{--n:clamp(13.5px, min(2.7cqw, 4.2cqh), 20px)}.note[data-size=code] .body{font-family:var(--mono);letter-spacing:0;white-space:pre-wrap;font-weight:400}.stack{align-items:start;display:grid}.is-pinned .stack>*{grid-area:1/1}.who{flex-direction:column;gap:6px;display:flex}.who-priya{--who:#3f7d5a;--who-name:"Priya"}.who-sam{--who:#c9744a;--who-name:"Sam"}.who-you{--who:#16150f;--who-name:"You"}.byline{align-items:center;gap:7px;display:flex}.avatar{background:var(--who);color:#fff;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:11.5px;font-weight:620;display:inline-grid}.who .caret{border-left-color:var(--who);animation:none;position:relative}.who .caret:after{content:var(--who-name);background:var(--who);color:#fff;font-family:var(--body);letter-spacing:0;white-space:nowrap;border-radius:5px 5px 5px 0;padding:1px 6px;font-size:11.5px;font-weight:620;line-height:1.4;position:absolute;bottom:100%;left:-.07em}.who .caret.is-off{border-left-color:#0000}.who .caret.is-off:after{display:none}.jots{flex-direction:column;gap:clamp(10px,2.6cqh,20px);display:flex}.item{flex-direction:column;gap:6px;display:flex}.log{width:100%}.log li{border-top:1px solid var(--line);grid-template-columns:max-content minmax(0,1fr);column-gap:1em;padding:clamp(10px,2.2cqh,16px) 0;font-size:clamp(15px,min(2.7cqw,4cqh),21px);display:grid}.log li:first-child{border-top:0}.log time{color:var(--ink-faint);font-variant-numeric:tabular-nums}.log b{font-weight:640}.body{font-size:var(--n);letter-spacing:-.026em;font-weight:440;line-height:1.18;position:relative}.reply{letter-spacing:-.02em;color:var(--ink-faint);font-size:clamp(19px,min(4.2cqw,6.4cqh),36px);font-weight:440;line-height:1.24}.source{align-items:center;gap:.4em;display:flex}.source svg{flex:none;width:1.05em;height:1.05em}.reply .at{color:var(--ink);font-weight:600}.reply.is-small{letter-spacing:-.01em;font-size:clamp(15px,min(2.8cqw,4.2cqh),22px)}.h{visibility:hidden}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ph{display:none}.is-pinned .ph{color:#c9c7bd;white-space:nowrap;padding-left:.1em;display:block;position:absolute;inset:0 0 auto}.ph.is-off{visibility:hidden}.caret{border-left:.07em solid var(--ink);margin-right:-.07em;animation:1s steps(2,jump-none) infinite blink}.caret.is-off{border-left-color:#0000;animation:none}@keyframes blink{0%{opacity:1}to{opacity:0}}.m{color:inherit;background:linear-gradient(var(--c), var(--c)) no-repeat left / 100% 100%;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:.1em;margin:0 -.06em;padding:0 .06em}.is-pinned .m{transition:background-size .36s var(--ease-in-out);background-size:0% 100%}.is-pinned .m.is-on{background-size:100% 100%}.m-contact{--c:var(--hl-contact)}.m-deal{--c:var(--hl-deal)}.m-task{--c:var(--hl-task)}.m-follow{--c:var(--hl-follow)}.end-form{flex-direction:column;align-items:flex-start;gap:clamp(16px,4cqh,28px);width:100%;display:flex}.end-form .note{width:100%}.field{z-index:0;white-space:nowrap;width:fit-content;max-width:100%;display:block;position:relative}.end-form input{max-width:100%;color:var(--ink);caret-color:var(--ink);font:inherit;letter-spacing:inherit;background:0 0;border:0;outline:0;padding:0 0 0 .1em;display:inline-block}.end-form input::placeholder{color:#c9c7bd;opacity:1}.input-mirror{z-index:-1;background:var(--pad);color:#0000;visibility:hidden;white-space:pre;pointer-events:none;border-radius:.1em;max-width:100%;padding-inline:.1em;position:absolute;top:0;left:0;overflow:hidden}.end-form:has(input:not(:placeholder-shown)) .input-mirror{visibility:visible}.end-form:focus-within .caret,.end-form:has(input:not(:placeholder-shown)) .caret{border-left-color:#0000;animation:none}.js .end-form .btn{opacity:0;visibility:hidden;transition:opacity .2s ease-out, transform .28s var(--ease-out), visibility .2s;transform:translateY(8px)}.js .end-form.is-valid .btn{opacity:1;visibility:visible;transform:none}.end-status{min-height:1.5em;color:var(--ink-soft);font-size:15px}@media (prefers-reduced-motion:no-preference){.js .notepad:not(.is-pinned){visibility:hidden}}.is-pinned .track{height:calc(var(--screens) * 100svh + 100svh)}.is-pinned .stage{height:100svh;position:sticky;top:0;overflow:hidden}.is-pinned .grid{padding:104px var(--gutter) 44px;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);position:absolute;inset:0}.is-pinned .progress-wrap{z-index:4;pointer-events:none;padding-top:64px;transition:opacity .5s;display:grid}.is-intro .progress-wrap{opacity:0}.progress{pointer-events:auto;grid-area:1/1;align-self:start;align-items:center;gap:14px;max-width:420px;height:22px;display:flex}.ticks{flex:1;gap:4px;display:flex}.ticks button{cursor:pointer;background:0 0;border:0;flex:1;height:22px;padding:0;position:relative}.ticks button:before,.ticks i{content:"";border-radius:2px;height:4px;position:absolute;inset:9px 0 auto}.ticks button:before{background:var(--line);transition:background-color .16s}.ticks i{background:var(--ink);transform-origin:0;transform:scaleX(0)}.count{font-variant-numeric:tabular-nums;min-width:3.6em;color:var(--ink-soft);text-align:right;white-space:nowrap;font-size:14px}@media (hover:hover) and (pointer:fine){.ticks button:hover:before{background:var(--ink-faint)}}.is-pinned .chapter{opacity:0;visibility:hidden;transition:opacity .28s,visibility .28s}.is-pinned .chapter.is-active{opacity:1;visibility:visible}.is-pinned .side{align-items:start;min-width:0;display:grid}.is-pinned .side>*{grid-area:1/1}.is-pinned .pane{min-height:0;padding:20px 2px 0;transition:opacity .5s;overflow:hidden;container-type:size}.is-intro .pane,.is-intro .hero-note{opacity:0;transition:none}.hero-note{transition:opacity .5s;display:none}.is-pinned .hero-note{font-size:clamp(22px, calc((100vw - 2 * var(--gutter)) / 19.5), 62px);letter-spacing:-.02em;color:#c9c7bd;margin-top:clamp(12px,1.6vw,24px);line-height:1.15;display:block}.is-pinned [data-chapter=ready] .side{grid-area:1/1/-1/-1;align-items:center}.is-pinned [data-chapter=ready] h1{font-size:clamp(36px, calc((100vw - 2 * var(--gutter)) / 16.1), 76px)}[data-chapter=ready] .pane{display:none}.is-pinned [data-o]:not(.m){opacity:0;pointer-events:none;transition:opacity .26s ease-out, transform .38s var(--ease-out);transform:translateY(12px)}.is-pinned .fly[data-o]:not(.is-on){transform:translateY(-28px)}.is-pinned [data-o]:not(.m).is-on{opacity:1;pointer-events:auto;transform:none}.is-pinned .hint{color:var(--ink);opacity:0;pointer-events:none;background:0 0;border:0;padding:0;transition:opacity .3s;display:block;position:absolute;bottom:52px;left:50%;transform:translate(-50%)}.is-pinned .hint.is-on{opacity:1;pointer-events:auto;cursor:pointer}.hint svg{animation:nudge 2s var(--ease-in-out) infinite;display:block}@keyframes nudge{0%,to{transform:none}30%{transform:translateY(16px)}50%{transform:none}65%{transform:translateY(6px)}80%{transform:none}}@media (width>=1000px){.is-pinned .grid{max-width:calc(1360px + 2 * var(--gutter));padding:clamp(84px, 13svh, 136px) var(--gutter) 40px;margin-inline:auto}.is-pinned .progress-wrap{padding-top:19px;padding-right:180px}.is-pinned .pane{padding-top:clamp(20px,3.4svh,36px)}.sheet:has(>.item),.sheet:has(>.who){grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:clamp(22px,4svh,40px) clamp(28px,3vw,48px);display:grid}.log{max-width:860px}}