.notes-drawing{--ink: var(--rebrand-ink);--ink-raised: var(--rebrand-ink-raised);--rule: var(--rebrand-rule);--chalk: var(--rebrand-chalk);--chalk-dim: var(--rebrand-chalk-dim);--signal: var(--rebrand-signal);--display: var(--rebrand-display);--body: var(--rebrand-body);--mono: var(--rebrand-mono);--gut: clamp(1.25rem, 4vw, 3rem);--margin-col: clamp(3rem, 7vw, 7.5rem);background:var(--ink);color:var(--chalk);font-family:var(--body);font-size:clamp(1rem,.55vw + .9rem,1.1rem);font-weight:300;line-height:1.65}.notes-drawing *,.notes-drawing *:before,.notes-drawing *:after{box-sizing:border-box}.notes-drawing h1,.notes-drawing h2,.notes-drawing h3{margin:0;color:var(--chalk);font-family:var(--display)}.notes-drawing p{margin:0 0 1.1em}.notes-drawing a{color:inherit}.notes-wrap{width:min(100% - 2 * var(--gut),1240px);margin-inline:auto}.notes-drawing a:focus-visible{outline:2px solid var(--signal);outline-offset:3px}.notes-lead-in{display:block;margin-bottom:1.4rem;color:var(--chalk-dim);font-family:var(--mono);font-size:.7rem;font-weight:300;letter-spacing:.12em;text-transform:uppercase}.notes-head{padding-block:clamp(2.75rem,6vw,4.5rem) clamp(2rem,4vw,3rem);border-bottom:1px solid var(--rule)}.notes-head h1{font-size:clamp(2.2rem,5.4vw,4rem);max-width:16ch;font-weight:800;letter-spacing:-.035em;line-height:1.02}.notes-head__lede{max-width:56ch;margin-top:1.5rem!important;color:var(--chalk-dim);font-size:clamp(1.02rem,.5vw + .95rem,1.15rem)}.notes-list{border-top:1px solid var(--rule)}.notes-list__row{border-bottom:1px solid var(--rule)}.notes-list__row a{padding-block:clamp(1.75rem,4vw,2.5rem);display:block;text-decoration:none}.notes-list__meta{display:block;margin-bottom:.85rem;color:var(--chalk-dim);font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.notes-list__row h2{max-width:26ch;margin-bottom:.6rem!important;font-size:clamp(1.35rem,2.6vw,1.9rem);font-weight:500;letter-spacing:-.015em;line-height:1.15;transition:color .2s}.notes-list__row a:hover h2{color:var(--chalk-dim)}.notes-list__row p{max-width:62ch;margin:0;color:var(--chalk-dim);font-size:.98rem}.notes-list__read{display:inline-block;margin-top:.9rem;color:var(--chalk-dim);font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.notes-list__row a:hover .notes-list__read{color:var(--chalk)}.note-head{padding-block:clamp(2.75rem,6vw,4.5rem) clamp(1.5rem,3vw,2.5rem);border-bottom:1px solid var(--rule)}.notes-drawing a.note-back{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;margin-bottom:1.5rem;color:var(--chalk-dim);text-decoration:none;font-family:var(--mono);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}.notes-drawing a.note-back:hover{color:var(--chalk)}.note-sheet{display:grid;grid-template-columns:var(--margin-col) minmax(0,1fr)}.note-index{position:relative;padding-top:.3rem}.note-index:before{content:"";position:absolute;inset:0 auto 0 0;width:1px;background:var(--rule)}.note-index__label{padding-left:.9rem;display:block;color:var(--chalk-dim);font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.note-head h1{max-width:22ch;font-size:clamp(1.9rem,4.4vw,3.2rem);font-weight:800;letter-spacing:-.035em;line-height:1.05}.note-meta{display:block;margin-top:1.25rem;color:var(--chalk-dim);font-family:var(--mono);font-size:.72rem;letter-spacing:.13em;text-transform:uppercase}.note-body-wrap{padding-block:clamp(2.5rem,5vw,4rem);border-bottom:1px solid var(--rule)}.note-lede{max-width:58ch;margin-bottom:2.25rem!important;padding-left:1.25rem;border-left:1px solid var(--rule);color:var(--chalk);font-size:clamp(1.1rem,.6vw + 1rem,1.3rem);line-height:1.6}.note-body{max-width:58ch}.note-body p{color:var(--chalk-dim);font-size:clamp(1.02rem,.4vw + .96rem,1.12rem);line-height:1.75;margin:0 0 1.4em}.note-body h2{font-size:clamp(1.35rem,2.6vw,1.8rem);font-weight:500;letter-spacing:-.02em;margin:2.75rem 0 1rem;color:var(--chalk);font-family:var(--display)}.note-body h3{font-size:clamp(1.15rem,2vw,1.4rem);font-weight:500;letter-spacing:-.015em;margin:2rem 0 .85rem;color:var(--chalk);font-family:var(--display)}.note-body strong{color:var(--chalk);font-weight:500}.note-body :is(p,li) a{color:var(--chalk);text-underline-offset:3px}.note-body :is(p,li) a:hover{color:var(--signal)}.note-body ul,.note-body ol{color:var(--chalk-dim);padding-left:1.4rem;margin:0 0 1.4em;line-height:1.75}.note-body li{margin-bottom:.4em}.note-cta{padding-block:clamp(3rem,6vw,4.5rem);border-bottom:1px solid var(--rule)}.note-cta__inner{max-width:58ch}.note-cta h2{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:700;letter-spacing:-.025em;margin-bottom:.9rem!important}.note-cta p{color:var(--chalk-dim);margin-bottom:1.75rem!important}.notes-drawing a.note-button{min-height:50px;padding:.9rem 1.5rem;display:inline-flex;align-items:center;gap:.75rem;background:var(--signal);color:var(--ink);font-weight:500;text-decoration:none;transition:transform .25s cubic-bezier(.16,1,.3,1),filter .25s}.note-button:hover{filter:brightness(1.08);transform:translateY(-2px)}.note-nav{padding-block:clamp(2rem,4vw,3rem);display:flex;flex-wrap:wrap;gap:1rem 2rem;justify-content:space-between}.note-nav a{max-width:32ch;min-height:44px;display:flex;align-items:center;gap:.6rem;color:var(--chalk-dim);text-decoration:none;font-size:.95rem;line-height:1.4}.note-nav a:hover{color:var(--chalk)}.note-nav a[data-dir=next]{margin-left:auto;text-align:right;flex-direction:row-reverse}@media(max-width:720px){.note-sheet{grid-template-columns:1fr}.note-index{margin-bottom:1rem;display:flex;align-items:center;gap:.75rem}.note-index:before{position:static;width:2.5rem;height:1px}.note-index__label{padding-left:0}.note-nav{flex-direction:column}.note-nav a[data-dir=next]{margin-left:0;text-align:left;flex-direction:row}}@media(prefers-reduced-motion:reduce){.notes-drawing *,.notes-drawing *:before,.notes-drawing *:after{scroll-behavior:auto!important;transition:none!important}}