:root{color-scheme:light;--color-page:#f7f6f2;--color-ink:#161614;--color-graphite:#6b6a64;--color-rule:#dcdad3;--color-pen:#2a45a8;--color-wash:#efede6;--text-note:13px;--text-ui:14px;--text-body:17px;--leading-body:27px;--rail-w:200px;--main-w:600px;--margin-w:240px;--gap-rail:80px;--gap-margin:56px;--page-pad:clamp(20px, 6vw, 120px);--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1)}:root[data-theme=stark]{color-scheme:dark;--color-page:#0d0d0d;--color-ink:#ead8b6;--color-graphite:#8a8a8a;--color-rule:#2a2a2a;--color-pen:#00cf9c;--color-wash:#161616}:root[data-theme=stark] ::selection{background:oklch(75.8419% .155037 167.208/.3)}:root[data-theme=stark] img[src^="/sketches/"]{filter:invert()hue-rotate(180deg)}@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.2s}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4{text-wrap:balance}body{background:var(--color-page);color:var(--color-ink);font-family:var(--font-sans);font-size:var(--text-ui);margin:0;line-height:1.4}h1,h2,h3,h4,p,figure,blockquote,ul,ol{margin:0}img,svg{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none;transition:color .15s,opacity .15s}@media (hover:hover) and (pointer:fine){a:hover{color:var(--color-pen)}}a:active{opacity:.6}:focus-visible{outline:2px solid var(--color-pen);outline-offset:3px;border-radius:2px}::selection{background:#d8def3}.skip-link{background:var(--color-ink);color:var(--color-page);padding:6px 10px;position:absolute;top:-40px;left:12px}.skip-link:focus{color:var(--color-page);top:12px}.page{grid-template-columns:var(--rail-w) minmax(0, var(--main-w)) var(--margin-w);column-gap:var(--gap-rail);padding:80px var(--page-pad) 96px;align-items:start;display:grid}.page>.main{grid-column:2}.page>.margin{width:var(--margin-w);margin-left:calc(var(--gap-margin) - var(--gap-rail));grid-column:3}.rail{flex-direction:column;justify-content:space-between;gap:64px;min-height:calc(100vh - 176px);display:flex;position:sticky;top:80px}.display{font-family:var(--font-serif);letter-spacing:-.015em;font-size:clamp(28px,2.7vw,34px);font-weight:600;line-height:1.12}.page-title{font-family:var(--font-sans);letter-spacing:-.01em;font-size:22px;font-weight:500;line-height:30px}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--color-pen);font-size:13px;font-weight:500;line-height:16px}.label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-graphite);font-size:12px;line-height:16px}.muted{color:var(--color-graphite)}.pen{color:var(--color-pen)}.prose{font-family:var(--font-serif);font-size:var(--text-body);line-height:var(--leading-body);letter-spacing:-.01em;counter-reset:sidenote;text-wrap:pretty}.prose>*+*{margin-top:16px}.prose h2{font-family:var(--font-sans);letter-spacing:0;margin-top:52px;margin-bottom:4px;scroll-margin-top:48px;font-size:21px;font-weight:500;line-height:28px}.prose h3{font-family:var(--font-sans);letter-spacing:0;margin-top:32px;font-size:17px;font-weight:500;line-height:24px}.prose a{text-decoration:underline;text-decoration-color:var(--color-rule);text-underline-offset:3px;text-decoration-thickness:1px}@media (hover:hover) and (pointer:fine){.prose a:hover{text-decoration-color:currentColor}}.prose ul,.prose ol{padding-left:1.2em}.prose li+li{margin-top:6px}.prose blockquote{border-left:2px solid var(--color-pen);padding-left:20px;font-style:italic}.prose code{background:var(--color-wash);border-radius:3px;padding:1px 5px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.85em}.prose pre{border-radius:4px;padding:16px 20px;font-size:14px;line-height:22px;overflow-x:auto}.prose pre code{background:0 0;padding:0}.prose hr{border:0;border-top:1px solid var(--color-rule);margin:48px 0}.in-margin{float:right;clear:right;width:var(--margin-w);margin-right:calc(-1 * (var(--margin-w) + var(--gap-margin)));font-family:var(--font-sans);font-size:var(--text-note);letter-spacing:0;color:var(--color-graphite);margin-top:0;margin-bottom:16px;padding-right:48px;font-style:normal;line-height:18px}.prose>.in-margin{margin-top:4px}.bleed{margin-right:calc(-1 * (var(--margin-w) + var(--gap-margin)));clear:both}@media (width<=1179px){.page{grid-template-columns:minmax(0, var(--main-w));justify-content:start;row-gap:48px;padding-top:32px}.page>.main,.page>.margin{grid-column:1;margin-left:0}.rail{gap:0;min-height:0;position:static}.rail-extra{display:none}.in-margin{float:none;border-left:1px solid var(--color-rule);width:auto;margin:16px 0 20px;padding-left:14px;padding-right:0;display:block}.bleed{margin-right:0}}@media (width<=640px){:root{--text-body:16px;--leading-body:26px}}ul[data-astro-cid-wpvy4v7s]{font-size:var(--text-ui);flex-direction:column;gap:14px;padding:0;line-height:20px;list-style:none;display:flex}a[data-astro-cid-wpvy4v7s]{padding-left:16px;display:inline-block;position:relative}a[data-astro-cid-wpvy4v7s][aria-current=page]:before{content:"";background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute;top:8px;left:0}.theme[data-astro-cid-wpvy4v7s]{all:unset;cursor:pointer;color:var(--color-graphite);align-items:center;gap:8px;margin-top:28px;padding-left:16px;font-size:13px;line-height:18px;display:inline-flex}.theme[data-astro-cid-wpvy4v7s]:focus-visible{outline:2px solid var(--color-pen);outline-offset:3px;border-radius:2px}@media (hover:hover) and (pointer:fine){.theme[data-astro-cid-wpvy4v7s]:hover{color:var(--color-ink)}}.theme[data-astro-cid-wpvy4v7s]:active{transform:scale(.97)}@media (prefers-reduced-motion:no-preference){.theme[data-astro-cid-wpvy4v7s]{transition:color .15s ease, transform .16s var(--ease-out)}}.swatch[data-astro-cid-wpvy4v7s]{width:10px;height:10px;box-shadow:0 0 0 1px var(--color-rule);background:linear-gradient(90deg,#0d0d0d 50%,#00cf9c 50%);border-radius:50%}.theme[data-astro-cid-wpvy4v7s][aria-pressed=true] .swatch[data-astro-cid-wpvy4v7s]{background:linear-gradient(90deg,#f7f6f2 50%,#2a45a8 50%)}.theme[data-astro-cid-wpvy4v7s][aria-pressed=true] .off[data-astro-cid-wpvy4v7s],.theme[data-astro-cid-wpvy4v7s][aria-pressed=false] .on[data-astro-cid-wpvy4v7s]{display:none}@media (width<=1179px){.theme[data-astro-cid-wpvy4v7s]{margin-top:16px;padding-left:0}ul[data-astro-cid-wpvy4v7s]{flex-flow:wrap;gap:8px 24px}a[data-astro-cid-wpvy4v7s]{padding-left:0}a[data-astro-cid-wpvy4v7s][aria-current=page]:before{top:auto;bottom:-8px;left:50%;transform:translate(-50%)}}