@import"https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,400..700&family=Caveat:wght@600;700&family=Kalam:wght@300;400;700&family=Patrick+Hand&display=swap";:root{color-scheme:light;--font-sans: "Inter var", "Inter", "Geist", "IBM Plex Sans", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-display: "Caveat", "Patrick Hand", "Kalam", "Segoe Print", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial;--font-accent: "Patrick Hand", "Kalam", "Segoe Print", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--stabilo-yellow: #F7EFB4;--stabilo-peach: #FDD9AA;--stabilo-apricot: #F9CEAA;--stabilo-cream: #F5ECCC;--stabilo-mint: #C8E6C9;--stabilo-sage: #DDE8C8;--stabilo-blue: #CDE4F3;--stabilo-purple: #DCD5F2;--stabilo-pink: #F5D1DC;--marker-opacity: .55;--ink: #2b2c2e;--paper: #f8f6f2;--muted: #6d6e70;--ring: 12px;--paper-margin-offset: 64px;--paper-margin-color: rgba(167, 185, 165, .28);--paper-margin-line: var(--paper-margin-color);--paper-rule: rgba(109, 110, 112, .08);--paper-fiber: rgba(109, 110, 112, .06);--paper-fiber-soft: rgba(109, 110, 112, .04);--ink-body: var(--ink);--ink-heading: var(--ink);--ink-muted: var(--muted);--bg: var(--paper);--fg: var(--ink-heading);--border: color-mix(in srgb, var(--muted) 12%, white 88%);--chip-bg: rgba(232, 222, 201, .55);--accent: var(--stabilo-sage);--accent-weak: color-mix(in srgb, var(--stabilo-sage) 65%, white 35%);--accent-soft: color-mix(in srgb, var(--stabilo-sage) 28%, transparent 72%);--pen-red: var(--stabilo-peach);--pen-red-soft: color-mix(in srgb, var(--stabilo-peach) 32%, transparent 68%);--link-ink: var(--ink);--link-underline: var(--stabilo-mint);--link-underline-strong: color-mix(in srgb, var(--stabilo-mint) 82%, black 18%);--marker: color-mix(in srgb, var(--stabilo-yellow) 55%, transparent 45%);--marker-dark: color-mix(in srgb, var(--stabilo-apricot) 55%, transparent 45%);--marker-ink: color-mix(in srgb, var(--stabilo-yellow) 78%, transparent 22%);--list-marker: color-mix(in srgb, var(--stabilo-sage) 28%, transparent 72%);--list-marker-dark: color-mix(in srgb, var(--stabilo-sage) 24%, transparent 76%);--sketch-link-color: var(--stabilo-pink);--sketch-duration: .75s;--sketch-stagger: .28s;--marker-duration: .6s;--marker-stagger: .18s;--marker-base-delay: 0s;--note-bg: color-mix(in srgb, var(--stabilo-cream) 80%, white 20%);--note-border: color-mix(in srgb, var(--stabilo-sage) 52%, transparent 48%);--note-shadow: rgba(43, 44, 46, .12);--code-bg: color-mix(in srgb, var(--stabilo-cream) 84%, white 16%);--code-border: color-mix(in srgb, var(--muted) 12%, transparent 88%);--code-ink: var(--ink);--code-shadow: rgba(43, 44, 46, .08);--radius: 10px}html[data-theme=dark]{color-scheme:dark;--paper: #11151b;--paper-margin-offset: 64px;--paper-margin-color: rgba(167, 185, 165, .32);--paper-margin-line: var(--paper-margin-color);--paper-rule: rgba(167, 185, 165, .2);--paper-fiber: rgba(232, 222, 201, .1);--paper-fiber-soft: rgba(232, 222, 201, .08);--ink: #f5f5f3;--muted: #c2c3c4;--ink-body: var(--ink);--ink-heading: var(--ink);--ink-muted: var(--muted);--bg: var(--paper);--fg: var(--ink-heading);--border: color-mix(in srgb, var(--muted) 25%, transparent 75%);--chip-bg: rgba(61, 66, 71, .72);--accent: var(--stabilo-sage);--accent-weak: color-mix(in srgb, var(--stabilo-sage) 68%, transparent 32%);--accent-soft: color-mix(in srgb, var(--stabilo-sage) 32%, transparent 68%);--pen-red: var(--stabilo-peach);--pen-red-soft: color-mix(in srgb, var(--stabilo-peach) 36%, transparent 64%);--link-ink: var(--ink);--link-underline: var(--stabilo-blue);--link-underline-strong: color-mix(in srgb, var(--stabilo-blue) 85%, black 15%);--marker: color-mix(in srgb, var(--stabilo-apricot) 55%, transparent 45%);--marker-dark: color-mix(in srgb, var(--stabilo-purple) 55%, transparent 45%);--marker-ink: color-mix(in srgb, var(--stabilo-yellow) 75%, transparent 25%);--list-marker: color-mix(in srgb, var(--stabilo-sage) 36%, transparent 64%);--list-marker-dark: color-mix(in srgb, var(--stabilo-sage) 32%, transparent 68%);--sketch-link-color: var(--stabilo-pink);--note-bg: color-mix(in srgb, #1d232b 80%, var(--stabilo-cream) 20%);--note-border: color-mix(in srgb, var(--stabilo-sage) 55%, transparent 45%);--note-shadow: rgba(8, 11, 18, .6);--code-bg: color-mix(in srgb, #1c2027 74%, var(--stabilo-cream) 26%);--code-border: color-mix(in srgb, var(--muted) 35%, transparent 65%);--code-ink: var(--ink);--code-shadow: rgba(8, 11, 18, .6)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-sans);color:var(--ink);background-color:var(--paper);background-image:linear-gradient(rgba(0,0,0,.018) 1px,transparent 1px),linear-gradient(to right,transparent var(--paper-margin-offset),var(--paper-margin-color) var(--paper-margin-offset),transparent calc(var(--paper-margin-offset) + 1px)),repeating-linear-gradient(to bottom,var(--paper-rule) 0,var(--paper-rule) 1px,transparent 1px,transparent 34px),radial-gradient(320px 280px at 18% 12%,var(--paper-fiber) 0,transparent 62%),radial-gradient(380px 320px at 82% 18%,var(--paper-fiber-soft) 0,transparent 70%);background-repeat:repeat,no-repeat,repeat,repeat,repeat;background-size:100% 36px,100% 100%,100% 100%,460px 420px,520px 460px;background-attachment:fixed,fixed,fixed,fixed,fixed;font-size:clamp(.95rem,.7rem + 1vw,1.2rem);line-height:1.6;font-variant-ligatures:contextual;font-feature-settings:"liga" 1,"kern" 1;font-optical-sizing:auto;font-variation-settings:"opsz" clamp(18,.65vw + 18,28);font-kerning:normal;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html[data-theme=dark] body{background-color:var(--paper);background-image:linear-gradient(rgba(0,0,0,.04) 1px,transparent 1px),linear-gradient(to right,transparent var(--paper-margin-offset),var(--paper-margin-color) var(--paper-margin-offset),transparent calc(var(--paper-margin-offset) + 1px)),repeating-linear-gradient(to bottom,var(--paper-rule) 0,var(--paper-rule) 1px,transparent 1px,transparent 34px),radial-gradient(320px 300px at 18% 12%,var(--paper-fiber) 0,transparent 60%),radial-gradient(420px 340px at 82% 18%,var(--paper-fiber-soft) 0,transparent 72%)}::selection{background:color-mix(in srgb,var(--marker) 60%,var(--accent-soft) 40%);color:var(--ink-heading)}html[data-theme=dark] ::selection{background:color-mix(in srgb,var(--accent-soft) 65%,transparent 35%);color:var(--ink-heading)}img{max-width:100%;height:auto;border-radius:calc(var(--radius) * .6)}p,li{text-wrap:pretty}a{position:relative;color:var(--link-ink);text-decoration:none;font-weight:500;background:linear-gradient(transparent 55%,var(--link-underline) 55%);background-repeat:no-repeat;background-size:100% 100%;transition:color .16s ease,background .16s ease}a:hover,a:focus-visible{color:color-mix(in srgb,var(--link-ink) 82%,black 18%);background:linear-gradient(transparent 45%,var(--link-underline-strong) 45%)}.external a:after{content:"↗";font-size:.85em;margin-left:.35em;opacity:.7;transition:transform .16s ease,opacity .16s ease}.external a:hover:after,.external a:focus-visible:after{transform:translate(1px,-1px);opacity:.9}a.circle-sketch-highlight,a.no-marker{color:inherit;font-weight:inherit;background:none;padding-bottom:0}a.pen-link{background:none}a.pen-link:hover,a.pen-link:focus-visible{background:none}a.circle-sketch-highlight:hover,a.circle-sketch-highlight:focus-visible,a.no-marker:hover,a.no-marker:focus-visible{color:inherit;background:none}:focus-visible{outline:2px solid var(--stabilo-sage);outline-offset:3px;border-radius:6px}.circle-sketch-highlight:focus-visible:before,.circle-sketch-highlight:focus-visible:after{opacity:1}.circle-sketch-highlight:hover:before,.circle-sketch-highlight:focus-visible:before{animation:sketch-redraw .7s ease-out forwards}.circle-sketch-highlight:hover:after,.circle-sketch-highlight:focus-visible:after{animation:sketch-redraw .85s ease-out .18s forwards}.circle-sketch-highlight--hero:before,.circle-sketch-highlight--hero:after{opacity:0;animation-fill-mode:forwards}.circle-sketch-highlight--hero:before{animation:hero-sketch-draw 1.6s ease-out .2s forwards}.circle-sketch-highlight--hero:after{animation:hero-sketch-draw 2s ease-out .45s forwards}.circle-sketch-highlight--hero:hover:before,.circle-sketch-highlight--hero:focus-visible:before,.circle-sketch-highlight--hero:hover:after,.circle-sketch-highlight--hero:focus-visible:after{animation:none;opacity:.95}@keyframes sketch-redraw{0%{opacity:0}55%{opacity:.35}to{opacity:.95}}@keyframes hero-sketch-draw{0%{opacity:0}65%{opacity:.4}to{opacity:.9}}.skip-link{position:absolute;left:1rem;top:1rem;background:var(--marker);color:var(--ink-heading);padding:.4rem .75rem;border-radius:.6rem;font-weight:600;font-family:var(--font-accent);letter-spacing:.01em;transform:translateY(-150%);transition:transform .12s ease;box-shadow:0 6px 16px #0f172a1f;z-index:10000}.skip-link:focus-visible{transform:translateY(0)}@media (prefers-reduced-motion: reduce){.skip-link{transition:none}.sketch-list li,.sketch-list li:before{transition:none!important}.circle-sketch-highlight:hover:before,.circle-sketch-highlight:focus-visible:before,.circle-sketch-highlight:hover:after,.circle-sketch-highlight:focus-visible:after{animation:none!important}.circle-sketch-highlight--hero:before,.circle-sketch-highlight--hero:after{animation:none!important;opacity:.7}.sketch-list li:hover{transform:none}.sketch-list li:hover:before{transform:translateY(-50%)}}@media (min-width: 768px){.skip-link{left:calc(1.5rem + 64px)}}mark,.hl{background:linear-gradient(transparent 45%,var(--marker) 45%,var(--marker) 85%,transparent 85%);color:inherit}html[data-theme=dark] mark,html[data-theme=dark] .hl{background:linear-gradient(transparent 45%,var(--marker-dark) 45%,var(--marker-dark) 85%,transparent 85%)}strong{color:var(--ink-heading);letter-spacing:.01em}em{font-style:italic;color:color-mix(in srgb,var(--ink-heading) 70%,var(--ink-body) 30%)}small,.caption{font-size:.85rem;color:var(--ink-muted)}blockquote{position:relative;margin:1.8rem 0;padding:.9rem 1.25rem 1rem 1.4rem;background:var(--note-bg);border-left:4px solid var(--note-border);border-radius:.85rem;color:var(--ink-body);box-shadow:0 18px 32px -20px var(--note-shadow);font-size:1.02em;line-height:1.75}blockquote:before{content:"“";position:absolute;font-family:var(--font-display);font-size:2.6rem;line-height:1;top:-1rem;left:.4rem;color:color-mix(in srgb,var(--note-border) 70%,transparent 30%)}blockquote cite{display:block;margin-top:.6rem;font-size:.85em;font-style:normal;color:var(--ink-muted)}code{font-family:var(--font-mono);font-size:.95em;background:var(--code-bg);color:var(--code-ink);padding:.1em .35em;border-radius:.55rem;box-shadow:inset 0 -.18em 0 var(--accent-soft);border:1px dashed var(--code-border)}pre{background:var(--code-bg);color:var(--code-ink);padding:1rem 1.25rem;border-radius:1rem;overflow:auto;border:1px dashed var(--code-border);box-shadow:0 20px 44px -32px var(--code-shadow)}pre code{padding:0;border:0;box-shadow:none;font-size:.9em;background:transparent}kbd{display:inline-block;padding:.2em .45em;border-radius:.6rem;border:1px solid var(--border);background:color-mix(in srgb,var(--paper) 88%,rgba(15,23,42,.08) 12%);font-size:.85em;box-shadow:inset 0 -.12em #0f172a14}hr{border:0;height:1px;background:linear-gradient(to right,transparent,rgba(15,23,42,.2),transparent);margin:3rem 0}html[data-theme=dark] hr{background:linear-gradient(to right,transparent,rgba(148,197,253,.4),transparent)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem .9rem;border-radius:.6rem;border:1px solid var(--border);background:transparent;color:var(--ink-heading);font-weight:600;box-shadow:0 6px 18px -12px #0f172a38}.btn.primary{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.btn:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}.chip{display:inline-block;padding:.15rem .5rem;border-radius:999px;background:var(--chip-bg);color:var(--muted);font-size:.85rem}ul{padding-left:1.1rem}li+li{margin-top:.35rem}li::marker{color:color-mix(in srgb,var(--ink-muted) 65%,var(--accent) 35%);font-size:.8em}.container{width:100%;max-width:900px;margin:0 auto;padding:2.5rem 1.5rem 2rem calc(1.5rem + var(--paper-margin-offset))}.section{max-width:720px;margin:3.5rem auto 0;padding:0 1rem}.section h2{font-size:clamp(2.3rem,1.6rem + 2.4vw,3.2rem);color:var(--ink-heading);font-weight:900;display:inline-block;letter-spacing:-.01em;margin-bottom:clamp(1rem,.6rem + 1.2vw,1.5rem)}.section+.section{margin-top:3.75rem}.section+.section:before{content:"";display:block;width:20px;height:2px;margin:.5rem auto 1.5rem;background:color-mix(in oklab,var(--stabilo-sage) 70%,white);border-radius:2px}@media (max-width: 640px){:root{--paper-margin-offset: 0px;--paper-margin-color: transparent}html[data-theme=dark]{--paper-margin-offset: 0px;--paper-margin-color: transparent}.container{padding:2.25rem 1.25rem 1.75rem}body{font-size:clamp(1.05rem,calc(.96rem + 1vw),1.25rem)}.section h2{margin-bottom:clamp(1.15rem,.8rem + 1.6vw,1.65rem)}}header.site{border-bottom:1px solid var(--border);position:relative;background:transparent}header .nav{display:flex;align-items:center;justify-content:space-between;gap:1rem}header .nav a{padding:.5rem .25rem}header .logo{font-size:1.1rem;letter-spacing:-.02em}nav.primary{display:flex;gap:1rem;align-items:center}footer.site{border-top:1px solid var(--border);margin-top:4rem}.footer-grid{display:grid;grid-template-columns:1fr;padding:1.25rem 0}@media (min-width: 640px){.footer-grid{grid-template-columns:minmax(0,560px)}}.footer-row{margin:0;font-size:.95rem;color:var(--ink-muted);text-align:center;letter-spacing:.015em}.footer-row .list-hl{margin:0 .1em;padding:0 .25em}.squiggle{display:inline-block;position:relative}.squiggle svg{position:absolute;left:0;right:0;bottom:-4px;width:100%;height:12px}.squiggle path{stroke:var(--accent);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:120 240;animation:squiggle 2.2s linear infinite}@media (prefers-reduced-motion: reduce){.squiggle path{animation:none}}@keyframes squiggle{to{stroke-dashoffset:-360}}.muted{color:var(--ink-muted)}.stack>*+*{margin-top:1rem}.stack-lg>*+*{margin-top:2rem}h1,h2,h3{margin:0;font-weight:700;letter-spacing:0;font-family:var(--font-display);text-wrap:balance}h1{font-size:clamp(3rem,2.2rem + 3.2vw,4.4rem);line-height:1.05}h2{font-size:clamp(2.3rem,1.6rem + 2.4vw,3.2rem);line-height:1.16}h3{font-size:clamp(1.9rem,1.3rem + 1.8vw,2.6rem);line-height:1.2}p{margin:0;line-height:1.55}.lead{font-size:clamp(1.55rem,1.2rem + 1.2vw,1.95rem);line-height:1.9}.measure{max-width:57ch}html{scroll-behavior:smooth}.circle-sketch-highlight{position:relative}.circle-sketch-highlight:before{content:"";z-index:-1;left:-.5em;top:-.1em;border-width:2px;border-style:solid;border-color:var(--sketch-color, #ef4444);position:absolute;border-right-color:transparent;width:100%;height:1em;transform:rotate(2deg);opacity:.7;border-radius:50%;padding:.1em .25em}.circle-sketch-highlight:after{content:"";z-index:-1;left:-.5em;top:.1em;padding:.1em .25em;border-width:2px;border-style:solid;border-color:var(--sketch-color, #ef4444);border-left-color:transparent;border-top-color:transparent;position:absolute;width:100%;height:1em;transform:rotate(-1deg);opacity:.7;border-radius:50%}.list-hl{position:relative;display:inline-block}.list-hl:before{content:"";background-color:var(--list-marker);width:100%;height:.86em;position:absolute;z-index:-1;filter:url(#marker-shape);left:-.18em;top:.22em;padding:0 .22em}html[data-theme=dark] .list-hl:before{background-color:var(--list-marker-dark)}.marker-soft{position:relative;display:inline-block}.marker-soft:before{content:"";background-color:var(--marker-ink);width:100%;height:.8em;position:absolute;z-index:-1;filter:url(#marker-shape);left:-.12em;top:.42em;padding:0 .18em;transform:scaleX(1);transform-origin:0 50%;opacity:1}html[data-theme=dark] .marker-soft:before{background-color:color-mix(in srgb,var(--marker) 72%,transparent 28%)}.highlights-ready .circle-sketch-highlight:after{animation:sketch-reveal var(--sketch-duration) ease-out both;animation-delay:calc(var(--sketch-index, 0) * var(--sketch-stagger))}.highlights-ready .marker-soft:before{animation:marker-sweep var(--marker-duration) ease-out both;animation-delay:calc(var(--marker-base-delay) + var(--marker-index, 0) * var(--marker-stagger))}@keyframes sketch-reveal{0%{opacity:0;transform:rotate(-1deg) scale(.35)}60%{opacity:.78}to{opacity:.7;transform:rotate(-1deg) scale(1)}}@keyframes marker-sweep{0%{transform:scaleX(.05);opacity:0}60%{opacity:.92}to{transform:scaleX(1);opacity:1}}.body-copy{font-family:var(--font-sans);color:var(--ink);letter-spacing:.003em}.body-copy p,.body-copy li{font-family:inherit;font-weight:400;line-height:1.6;max-width:58ch}.body-copy ul{padding-left:0;margin:0}.body-copy li+li{margin-top:.75rem}.section-block{margin-top:clamp(2.4rem,4vw,3.6rem)}.section-block:first-of-type{margin-top:clamp(2rem,3.6vw,3rem)}.section-contact{margin-top:clamp(3.2rem,6vw,4.6rem)}.sketch-list{list-style:none;padding-left:0;margin:0}.sketch-list li{position:relative;padding-left:24px;margin:0;transition:none}.sketch-list li+li{margin-top:.65rem}.sketch-list li:before{content:"";position:absolute;left:0;top:.63em;transform:translateY(-50%);width:14px;height:14px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path d='M10 2.8c4.1 0 7.2 2.7 7.2 7.1S14.1 17 10 17 2.8 14.3 2.8 9.9 6 2.8 10 2.8Z M3.2 8.6c1.2-3.4 6.4-5 9.9-3.9' fill='none' stroke='%23D86F63' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-size:100% 100%;transition:none}html[data-theme=dark] .sketch-list li:before{filter:brightness(1.15)}.sketch-list li:hover{transform:none}.sketch-list li:hover:before{transform:translateY(-50%)}.site-footer{margin-top:clamp(4rem,8vw,5rem);font-family:var(--font-sans);font-size:.85rem;color:color-mix(in srgb,var(--ink-muted) 80%,transparent 20%);font-style:italic;text-align:center;position:relative;padding-top:1.25rem}.site-footer:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%) rotate(-1.5deg);width:72px;height:2px;background:color-mix(in srgb,var(--pen-red) 36%,transparent 64%);border-radius:999px;opacity:.45}.site-footer p{margin:0}.contact-links{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;max-width:46ch}.accent-dot{font-family:var(--font-display);color:var(--pen-red);font-size:1.1rem;transform:translateY(-.1rem) rotate(-6deg)}.pen-link{position:relative;display:inline-flex;align-items:center;font-weight:500;color:var(--ink-heading);background-image:none;box-shadow:none;padding-bottom:0}.pen-link:before{content:"";position:absolute;left:-.14em;right:-.14em;top:.26em;height:.86em;border-radius:.55em;background-color:var(--marker-ink);filter:url(#marker-shape);opacity:.85;transform:rotate(-2deg) scaleX(1);transform-origin:0 50%;will-change:transform,opacity;z-index:-1}.pen-link:hover:before,.pen-link:focus-visible:before{animation:pen-remark .7s ease-out forwards}@keyframes pen-remark{0%{transform:rotate(-2deg) scaleX(0);opacity:.55}60%{opacity:.9}to{transform:rotate(-2deg) scaleX(1);opacity:.96}}html[data-theme=dark] .pen-link:before{background-color:color-mix(in srgb,var(--marker) 78%,transparent 22%)}@media (prefers-reduced-motion: reduce){a{transition:none;background-size:100% .18em;background-position:0 92%}.pen-link:hover:before,.pen-link:focus-visible:before{animation:none!important}.circle-sketch-highlight:after{animation:none!important;opacity:.7;transform:rotate(-1deg)}.marker-soft:before{animation:none!important;opacity:1;transform:scaleX(1)}}