@font-face{font-family:Archivo;src:url(/proto/fonts/archivo-italic.woff2)format("woff2");font-style:italic;font-weight:100 900;font-stretch:62% 125%;font-display:swap}@font-face{font-family:Atkinson Mono;src:url(/proto/fonts/atkinson-mono.woff2)format("woff2");font-weight:200 800;font-display:swap}@font-face{font-family:Patrick Hand;src:url(/proto/fonts/patrick-hand.woff2)format("woff2");font-display:swap}@font-face{font-family:DM Sans;src:url(/blog/fonts/dm-sans.woff2)format("woff2");font-weight:100 1000;font-display:swap}:root{--ink:#0e0a1a;--night:#0b0b0d;--pink:#ff6ec7;--mid:#8083fb;--blue:#5170ff;--p3:#0a2a8a;--cyan:#39c6ff;--gold:#f5d020;--link-fg:var(--cyan);--link-hot-fg:#fff;--link-hot-bg:var(--p3);--bl-band:#0e0a1ad9;--bl-edge:#f3f0ea;--bl-ink:#f3f0ea;--bl-hover:#ffffff1f;--bl-menu-bg:#0e0a1a;--bl-menu-fg:#e7e3ef;--bl-menu-line:#c8c3de;--bl-menu-rule:#ffffff3d;--bl-menu-glow:0 14px 32px #0009, 0 0 22px #8083fb38;--sig:#f5d020;--bl-dots:1;--bl-hot:#4361f0;--bl-surface:var(--ink);--bl-on-surface:#fff;--bl-surface-text:#e7e3ef;--bl-hero-a:var(--p3);--bl-hero-b:var(--ink);--bl-hero-dot:#ff6ec752;--bl-title-shadow:#000;--bl-meta-ink:#cfd9ff;--bl-line:#000;--bl-drop:#000;--bl-foot-bg:var(--ink);--bl-foot-ink:#bdb6c9;--bl-foot-hot:var(--cyan);--bl-heading:#fff;--bl-quote:#d6d2e4;--bl-credit-line:#ffffff24;--bl-mark-ink:#fff;--bl-mark-glow:0 0 14px #ff6ec759;--bl-kbd-ink:#fff;--bl-kbd-a:#2c2546;--bl-kbd-b:#15112a;--bl-code-bg:#ffffff17;--bl-code-ring:#ffffff1f;--bl-to:var(--cyan);--paper:#f3f0ea;--text:#e7e3ef;--muted:#a29fba;--rule:#26262c;--measure:68ch;--wide:calc(var(--measure) + 6rem);--display:"Archivo", system-ui, sans-serif;--mono:"Atkinson Mono", ui-monospace, monospace;--read:"DM Sans", "Helvetica Neue", Arial, sans-serif;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{background:var(--night)}body{color:var(--text);margin:0}@media (width>=1100px){body.bl{--measure:76ch;--wide:min(94vw, 1240px)}}body.bl{min-height:100svh;font-family:var(--read);-webkit-font-smoothing:antialiased;position:relative;overflow-x:clip}body.bl:before{content:"";z-index:-1;opacity:var(--bl-dots);-webkit-mask-image:linear-gradient(90deg, #000, transparent calc(50% - var(--measure) / 2 - 4rem), transparent calc(50% + var(--measure) / 2 + 4rem), #000);mask-image:linear-gradient(90deg, #000, transparent calc(50% - var(--measure) / 2 - 4rem), transparent calc(50% + var(--measure) / 2 + 4rem), #000);pointer-events:none;background:radial-gradient(circle,#ff6ec766 1.2px,#0000 1.6px) 0 0/11px 11px,radial-gradient(circle,#39c6ff4d 1.2px,#0000 1.6px) 5.5px 5.5px/11px 11px;position:fixed;inset:0}[hidden]{display:none!important}.sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.bl-top{z-index:20;max-width:max(calc(var(--measure) + 12rem), var(--wide));padding:max(20px, env(safe-area-inset-top)) 16px 0;justify-content:space-between;align-items:center;gap:12px;margin:0 auto;display:flex;position:relative}.bl-home.ph{--ph-size:48px}.bl-tabs{isolation:isolate;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;padding:5px;display:flex;position:relative}.bl-tabs:before{content:"";z-index:-1;background:var(--bl-band);box-shadow:inset 0 0 0 2px var(--bl-edge), 4px 4px 0 var(--blue);position:absolute;inset:0 4.76083px;transform:skew(-10deg)}.bl-tabs .sn{--sn-fg:var(--bl-ink);--sn-menu-bg:var(--bl-menu-bg);--sn-menu-fg:var(--bl-menu-fg);--sn-menu-line:var(--bl-menu-line);--sn-menu-rule:var(--bl-menu-rule);--sn-menu-glow:var(--bl-menu-glow);--sn-hot-bg:var(--bl-hot);--sn-hot-fg:#fff;font-size:.8rem;font-style:italic;font-weight:900;line-height:1;font-family:var(--display);letter-spacing:.04em;gap:6px;font-stretch:125%}.bl-tabs .sn-top,.bl-tabs .sn summary{text-transform:uppercase;border-radius:0;padding:.6em .9em;transform:skew(-10deg)}.bl-tabs .sn-m{font-family:var(--read);font-size:.95rem;font-weight:600}.bl-tabs .sn-top[aria-current=page],.bl-tabs .sn summary[data-current]{background:var(--bl-hot);color:#fff;text-decoration:none}.bl-tabs>a{color:var(--bl-ink);font-size:.8rem;font-style:italic;font-weight:900;line-height:1;font-family:var(--display);letter-spacing:.04em;padding:.6em .9em;font-stretch:125%;text-decoration:none;display:block;transform:skew(-10deg)}.bl-tabs>a:hover{background:var(--bl-hover)}.bl-tabs>a[aria-current=page]{background:var(--bl-hot);color:#fff}.bl-tabs .tt{width:44px;height:44px;color:var(--bl-ink);border-radius:999px;flex:none;font-size:18.5px;box-shadow:inset 0 0 0 2px}.bl-tabs .tt:hover{background:var(--bl-hover)}.bl-tabs>a:focus-visible{outline-offset:-3px;outline:2px solid}.bl-foot{padding:40px 16px max(40px, env(safe-area-inset-bottom));background:var(--bl-foot-bg);border-top:3px solid var(--bl-line);color:var(--bl-foot-ink);text-align:center;font:600 .95rem / 1.5 var(--mono);margin-top:clamp(56px,10vw,112px)}.bl-foot-links{flex-wrap:wrap;justify-content:center;gap:8px 20px;display:flex}.bl-foot-links a{color:inherit;font-size:1rem;font-style:italic;font-weight:800;line-height:normal;font-family:var(--display);font-stretch:112%;text-decoration:none}.bl-foot-links a:is(:hover,:focus-visible){color:var(--bl-foot-hot)}.bl-social{flex-wrap:wrap;justify-content:center;gap:6px 10px;margin-top:14px;display:flex}.bl-social a{color:inherit;opacity:.85;font-size:.78rem;font-style:italic;font-weight:800;line-height:normal;font-family:var(--display);letter-spacing:.04em;border:1px solid;padding:.3em .75em;font-stretch:112%;text-decoration:none;transform:skew(-10deg)}.bl-social a:is(:hover,:focus-visible){opacity:1;background:var(--bl-hot);border-color:var(--bl-hot);color:#fff}.bl-copy{opacity:.85;margin:18px 0 0;font-size:.72em}.bl-hero{max-width:var(--wide);background:radial-gradient(circle, var(--bl-hero-dot) 1.2px, transparent 1.8px) 0 0 / 10px 10px, linear-gradient(135deg, var(--bl-hero-a), var(--bl-hero-b) 70%);border:3px solid var(--bl-line);outline:2px solid var(--rule);box-shadow:8px 8px 0 var(--bl-drop);margin:clamp(28px,6vw,64px) auto 0;padding:clamp(24px,5vw,48px) clamp(18px,4vw,40px);position:relative}.bl-wrap{padding:0 16px}.bl-kicker{color:var(--p3);box-shadow:4px 4px 0 var(--pink);font-size:.85rem;font-style:italic;font-weight:900;line-height:normal;font-family:var(--display);letter-spacing:.06em;background:#fff;margin:0 0 18px;padding:.3em .7em;font-stretch:125%;display:inline-block;transform:skew(-12deg)}.bl-kicker a{color:inherit;text-decoration:none}.bl-title{color:var(--bl-on-surface);font-size:clamp(2.1rem,7vw,4.4rem);font-style:italic;font-weight:900;line-height:.95;font-family:var(--display);text-wrap:balance;text-shadow:4px 4px 0 var(--bl-title-shadow);margin:0;font-stretch:125%}.bl-title a{color:inherit;text-decoration:none}.bl-meta{color:var(--bl-meta-ink);font:700 .85rem / 1.4 var(--mono);flex-wrap:wrap;align-items:center;gap:10px 14px;margin:22px 0 0;display:flex}.bl-meta>*+:before{content:"·";color:var(--pink);margin-right:14px}.bl-meta>.bl-chips:before{content:none}.bl-chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.bl-chip{display:inline-flex;transform:skew(-10deg);box-shadow:3px 3px #ff6ec7b3}.bl-chip a{color:#fff;font-size:.8rem;font-style:italic;font-weight:900;line-height:normal;font-family:var(--display);letter-spacing:.04em;background:#0a2a8ad9;padding:.35em .8em;font-stretch:112%;text-decoration:none;display:block}.bl-chip a+a{background:var(--cyan);color:var(--ink);border-left:2px solid #000}.bl-chip a:is(:hover,:focus-visible){color:var(--p3);background:#fff;outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}