@font-face{font-family:CS Deylon;src:url(/fonts/cs-deylon-regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:CS Deylon;src:url(/fonts/cs-deylon-italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:CS Felice Mono;src:url(/fonts/felice-mono-regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:CS Felice Mono;src:url(/fonts/felice-mono-italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Barlow Condensed;src:url(/fonts/barlow-condensed-regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Barlow Condensed;src:url(/fonts/barlow-condensed-semibold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}:root{--font-main:"CS Deylon", "Arial Narrow", "Helvetica Neue Condensed", ui-sans-serif, system-ui, sans-serif;--font-secondary:"Barlow Condensed", "Arial Narrow", "Helvetica Neue Condensed", ui-sans-serif, system-ui, sans-serif;--font-secondary-scale:1.25;--bg:#0b0c0d;--fg:#e4e6e8;--fg-bright:#fff;--fg-muted:#979ca2;--fg-faint:#6a7077;--accent:#ff7a1f;--accent-bright:#ff6a00;--rule:#24272b;--code-bg:#131517;--block:#2e3236;--measure:68ch;--gap:1.5rem;--gutter:clamp(1.5rem, 3vw, 3rem);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-palette=warm]{--bg:#12100d;--fg:#f0e6d2;--fg-bright:#fffaf0;--fg-muted:#a89c86;--fg-faint:#7a7060;--accent:#ff9333;--accent-bright:#ff8c1a;--rule:#2c2822;--code-bg:#1c1915;--block:#3a332a}:root[data-palette=ink]{--bg:#000;--fg:#fff;--fg-bright:#fff;--fg-muted:#9a9a9a;--fg-faint:#6a6a6a;--accent:#ff7a29;--accent-bright:#ff6b00;--rule:#242424;--code-bg:#141414}:root[data-palette=ember]{--bg:#0b0b0a;--fg:#ece6d9;--fg-bright:#fff;--fg-muted:#9a958a;--fg-faint:#6e6960;--accent:#ff7a29;--accent-bright:#ff6b00;--rule:#26251f;--code-bg:#171613}:root[data-palette=cool]{--bg:#0a0c10;--fg:#e8ecf0;--fg-bright:#fff;--fg-muted:#9099a6;--fg-faint:#656e7c;--accent:#ff7a29;--accent-bright:#ff6b00;--rule:#1d222b;--code-bg:#12161c}:root[data-palette=oxide]{--bg:#100c09;--fg:#e6ddd1;--fg-bright:#fdf6ec;--fg-muted:#a1907f;--fg-faint:#75665a;--accent:#e26b3a;--accent-bright:#c2410c;--rule:#2a211a;--code-bg:#1a1410}:root[data-palette=acid]{--bg:#0a0b09;--fg:#eceee8;--fg-bright:#fff;--fg-muted:#949a8e;--fg-faint:#676d62;--accent:#dff140;--accent-bright:#dff140;--rule:#23261f;--code-bg:#141712}:root[data-palette=signal]{--bg:#0b0a0a;--fg:#ece6e0;--fg-bright:#fff;--fg-muted:#9a8f8a;--fg-faint:#6d635f;--accent:#ff4b3e;--accent-bright:#ff2d1f;--rule:#272220;--code-bg:#171413}:root[data-palette=vapour]{--bg:#070c10;--fg:#e2edf2;--fg-bright:#fff;--fg-muted:#8a9aa4;--fg-faint:#5e6d77;--accent:#3fd8f0;--accent-bright:#00e5ff;--rule:#16232b;--code-bg:#0d151b}:root[data-palette=sulphur]{--bg:#0b0b08;--fg:#eeead9;--fg-bright:#fff;--fg-muted:#999483;--fg-faint:#6b6759;--accent:#ffd400;--accent-bright:#ffd400;--rule:#26251c;--code-bg:#161510}@property --bg{syntax:"<color>";inherits:true;initial-value:#0b0c0d}@property --fg{syntax:"<color>";inherits:true;initial-value:#e4e6e8}@property --fg-bright{syntax:"<color>";inherits:true;initial-value:#fff}@property --fg-muted{syntax:"<color>";inherits:true;initial-value:#979ca2}@property --fg-faint{syntax:"<color>";inherits:true;initial-value:#6a7077}@property --accent{syntax:"<color>";inherits:true;initial-value:#ff7a1f}@property --accent-bright{syntax:"<color>";inherits:true;initial-value:#ff6a00}@property --rule{syntax:"<color>";inherits:true;initial-value:#24272b}@property --code-bg{syntax:"<color>";inherits:true;initial-value:#131517}@property --block{syntax:"<color>";inherits:true;initial-value:#2e3236}:root{transition:--bg .9s,--fg .9s,--fg-bright .9s,--fg-muted .9s,--fg-faint .9s,--accent .9s,--accent-bright .9s,--rule .9s,--code-bg .9s,--block .9s}:root[data-chapter]:not([data-palette]){--bg:#151719;--fg-muted:#9ca1a7;--rule:#2c3034;--code-bg:#1c1f22;--block:#353a3f}@media (prefers-reduced-motion:reduce){:root{transition:none}}::selection{background:var(--fg);color:var(--bg);text-shadow:none}@view-transition{navigation:auto}::view-transition-old(root){animation-duration:.36s;animation-timing-function:cubic-bezier(.2,.9,.3,1);animation-fill-mode:both}::view-transition-new(root){animation-duration:.36s;animation-timing-function:cubic-bezier(.2,.9,.3,1);animation-fill-mode:both}:root[data-nav=enter]::view-transition-old(root){animation-name:pass-through}:root[data-nav=enter]::view-transition-new(root){animation-name:rise-into}:root[data-nav=exit]::view-transition-old(root){animation-name:fall-back}:root[data-nav=exit]::view-transition-new(root){animation-name:come-forward}@keyframes pass-through{to{opacity:0;transform:scale(1.08)}}@keyframes rise-into{0%{opacity:0;transform:scale(.94)}}@keyframes fall-back{to{opacity:0;transform:scale(.94)}}@keyframes come-forward{0%{opacity:0;transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}}*,:before,:after{box-sizing:border-box}img,svg,video,canvas{max-width:100%}html{-webkit-text-size-adjust:100%}body{background:var(--bg);min-height:100vh;color:var(--fg);font-family:var(--font-secondary);font-size:calc(.975rem * var(--font-secondary-scale));-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;flex-direction:column;margin:0;line-height:1.7;display:flex}.wrap{max-width:var(--measure);margin-inline-start:auto;margin-inline-end:auto;padding-inline-start:1.25rem;padding-inline-end:1.25rem}.wrap-wide{max-width:84rem;padding-inline-start:max(1.25rem,4vw);padding-inline-end:max(1.25rem,4vw)}.skip{position:absolute;left:-9999px}.skip:focus{z-index:10;background:var(--bg);border:2px solid var(--accent);border-radius:4px;padding:.5rem .75rem;top:1rem;left:1rem}a{color:inherit;-webkit-text-decoration-color:var(--fg-faint);text-decoration-color:var(--fg-faint);text-underline-offset:.2em}a:hover{color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}h1,h2,h3{font-family:var(--font-main);letter-spacing:-.01em;text-transform:uppercase;text-wrap:balance;font-weight:400;line-height:1.05}h1{margin:0 0 .5rem;font-size:max(1.8rem,min(5vw,3.2rem))}h2{margin:2.5rem 0 .75rem;font-size:1.6rem}h3{margin:2rem 0 .5rem;font-size:1.25rem}.prose p>strong:only-child{color:var(--accent)}.prose h2,.prose h3,.prose h4{font-family:var(--font-secondary);font-size:calc(clamp(1.8rem, 5vw, 3.2rem) * var(--font-secondary-scale));letter-spacing:.01em;text-transform:uppercase;margin:3.5rem 0 1.25rem;font-weight:400;line-height:1.15}.prose>:-webkit-any(h2,h3,h4):first-child{margin-top:0}.prose>:-moz-any(h2,h3,h4):first-child{margin-top:0}.prose>:is(h2,h3,h4):first-child{margin-top:0}.site-header{z-index:5;background:var(--bg);padding-block-start:1.375rem;padding-block-end:.5rem;position:sticky;top:0}.site-header:before{content:"";z-index:-1;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.site-header{background:0 0}.site-header:before{background:color-mix(in srgb, var(--bg) 72%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}}@supports ((-webkit-backdrop-filter:blur(1px))){.site-header{background:0 0}.site-header:before{background:color-mix(in srgb, var(--bg) 72%, transparent);-webkit-backdrop-filter:blur(16px)}}.site-header.overlay{z-index:3;background:0 0;padding-block-start:.95rem;padding-block-end:0;position:fixed;top:0;bottom:auto;left:0;right:0}.site-header.overlay:before{transition:background .25s,-webkit-backdrop-filter .25s,backdrop-filter .25s}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.site-header.overlay:before{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.site-header.overlay[data-scrolled]:before{background:color-mix(in srgb, var(--bg) 72%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@supports ((-webkit-backdrop-filter:blur(1px))){.site-header.overlay:before{-webkit-backdrop-filter:none;background:0 0}.site-header.overlay[data-scrolled]:before{background:color-mix(in srgb, var(--bg) 72%, transparent);-webkit-backdrop-filter:blur(8px)}}.site-header.overlay[data-scrolled]~main .ref{opacity:0}.site-header .wrap,.site-footer .wrap{max-width:none;padding-inline:var(--gutter)}.site-header .wrap{justify-content:flex-end;align-items:center;gap:1rem;display:flex}[data-px]{position:relative;overflow:hidden}[data-px]>.px{pointer-events:none;grid-auto-rows:1fr;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}[data-px]>.px i{background:var(--px-color,var(--accent));opacity:0;transition:opacity 0s linear var(--d,0s)}[data-px]:hover>.px i{opacity:1}[data-px]:focus-visible>.px i{opacity:1}[data-px]>.px-label{transition:color .12s steps(2,end) .1s;position:relative}@media (prefers-reduced-motion:reduce){[data-px]>.px i,[data-px]>.px-label{transition:none}}.site-header .log-in{font-family:var(--font-secondary);font-size:calc(.72rem * var(--font-secondary-scale));letter-spacing:.16em;text-transform:uppercase;color:var(--accent);border-radius:0 2px 8px;align-self:center;align-items:center;padding:.5rem .8rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.site-header .log-in:hover,.site-header .log-in:hover .px-label{color:var(--bg)}.site-header .log-in:focus-visible{color:var(--bg)}.site-header .log-in:focus-visible .px-label{color:var(--bg)}.site-header .brand{opacity:.85;order:-1;align-items:center;gap:.55rem;margin-right:auto;text-decoration:none;transition:opacity .15s;display:flex}.site-header .brand:hover{opacity:1}.site-header .brand-mark{flex:none;width:1.5rem;height:1.5rem;display:block}.site-header .brand-text{font-family:var(--font-main);text-transform:uppercase;letter-spacing:.06em;color:var(--accent-bright);font-size:2.14286rem;font-weight:400;line-height:1}@media (max-width:62rem){.site-header{padding-block-start:.95rem;padding-block-end:.425rem}.site-header.overlay{padding-block-start:.95rem;padding-block-end:0}}.site-header .brand{z-index:60;position:relative}[data-shape]{--bh:3rem;border-radius:0 calc(var(--bh) * .125) calc(var(--bh) * .5) calc(var(--bh) * .125)}.nav-group{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;margin:0}.nav-group .caret{border-bottom:1px solid;border-right:1px solid;flex:none;align-self:center;width:.4em;height:.4em;margin-left:auto;margin-right:.2em;transition:transform .2s;transform:translateY(-25%)rotate(45deg)}.nav-group[aria-expanded=true] .caret{transform:translateY(15%)rotate(-135deg)}.subnav{visibility:hidden;grid-template-rows:0fr;transition:grid-template-rows .25s,visibility .25s;display:grid}.subnav>ul{min-height:0;margin:0;padding:0;list-style:none;overflow:hidden}.nav-group[aria-expanded=true]+.subnav{visibility:visible;grid-template-rows:1fr}[data-nav-group]:has(.subnav :focus-visible) .subnav{visibility:visible;grid-template-rows:1fr}@media (hover:hover){[data-nav-group]:hover .subnav{visibility:visible;grid-template-rows:1fr}}@media (prefers-reduced-motion:reduce){.subnav,.nav-group .caret{transition:none}}:root[data-menu=open] body{overflow:hidden}.site-header a{color:var(--fg-muted);font-family:var(--font-secondary);font-size:calc(.85rem * var(--font-secondary-scale));letter-spacing:.08em;text-transform:uppercase}.site-header a[aria-current=page]{color:var(--accent)}main{min-height:100vh;flex:1;min-height:100svh;padding-block-start:1.5rem;padding-block-end:1.5rem}main.bleed{padding-block-start:0;padding-block-end:0}.post-list{margin:2rem 0 0;padding:0;list-style:none}.post-list li{border-bottom:1px solid var(--rule)}.post-list a{text-transform:uppercase;letter-spacing:-.005em;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1.5rem;padding-block-start:1.1rem;padding-block-end:1.1rem;font-size:1.25rem;text-decoration:none;display:flex}.post-list a:hover{color:var(--accent)}.post-list time{font-family:var(--font-secondary);color:var(--fg-faint);font-size:calc(.8rem * var(--font-secondary-scale));letter-spacing:.06em;font-variant-numeric:tabular-nums;white-space:nowrap;text-transform:none}.post-list .draft-flag{color:var(--accent);font-family:var(--font-secondary);font-size:calc(.7rem * var(--font-secondary-scale));letter-spacing:.1em}.prose>*+*{margin-block-start:var(--gap)}.prose p,.prose li{overflow-wrap:break-word}.prose ul,.prose ol{padding-left:1.25rem}.prose li+li{margin-top:.4rem}.prose blockquote{--bracket:15px;--bracket-w:2px;color:var(--fg-muted);background-color:var(--code-bg);background-image:linear-gradient(var(--accent), var(--accent)), linear-gradient(var(--accent), var(--accent));background-size:var(--bracket) var(--bracket-w), var(--bracket-w) var(--bracket);background-position:0 0,0 0;background-repeat:no-repeat;border:0;border-radius:0 .5rem 2rem;margin-block-start:2.75rem;margin-block-end:2.75rem;margin-inline-start:0;margin-inline-end:0;padding:1.6rem 1.8rem}.prose blockquote p:first-child>strong:first-child{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;font-weight:400}.prose code{font-family:var(--font-secondary);background:var(--code-bg);border-radius:3px;padding:.15em .35em;font-size:.875em}.prose pre{font-family:var(--font-secondary);font-size:calc(.85rem * var(--font-secondary-scale));border-radius:4px;padding:1rem 1.15rem;line-height:1.5;overflow-x:auto}.prose pre code{font-size:inherit;background:0 0;padding:0}.prose img{max-width:100%;height:auto;margin-inline-start:auto;margin-inline-end:auto;display:block}.prose figure{margin-inline-start:0;margin-inline-end:0}@media (min-width:60rem){.prose figure,.prose>img{width:min(115%,100vw - 2.5rem);margin-inline-start:calc(50% + min(115%,100vw - 2.5rem)/-2);margin-inline-end:calc(50% + min(115%,100vw - 2.5rem)/-2)}}.prose figcaption{font-family:var(--font-secondary);color:var(--fg-muted);font-size:calc(.8rem * var(--font-secondary-scale));text-align:center;margin-top:.6rem}.prose hr{border:0;border-top:1px solid var(--rule);margin-block-start:2.5rem;margin-block-end:2.5rem}.prose table{border-collapse:collapse;width:100%;font-size:.95rem}.prose th,.prose td{text-align:left;border-bottom:1px solid var(--rule);padding:.5rem .75rem}.lede{font-size:calc(1.15rem * var(--font-secondary-scale));color:var(--fg-muted);text-wrap:pretty}.post-meta{font-family:var(--font-secondary);color:var(--fg-faint);font-size:calc(.8rem * var(--font-secondary-scale));letter-spacing:.06em;margin-bottom:2.5rem}.placeholder{border-left:3px solid var(--accent-bright);background:var(--code-bg);font-family:var(--font-secondary);font-size:calc(.8rem * var(--font-secondary-scale));color:var(--fg-muted);padding:.75rem 1rem;line-height:1.6}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.b2a-select{max-width:100%;display:inline-block;position:relative}.b2a-select>select{opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.b2a-select-btn{--bh:2.4rem;width:100%;max-width:100%;min-height:var(--bh);font:inherit;text-align:left;color:var(--fg-bright,var(--fg));background:var(--code-bg);border:1px solid var(--rule);cursor:pointer;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem .75rem .5rem .85rem;font-size:.95rem;transition:border-color .15s,color .15s;display:inline-flex}.b2a-select-val{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.b2a-select-btn svg{color:var(--fg-muted);flex:none;transition:transform .15s}.b2a-select-btn:hover,.b2a-select-btn[aria-expanded=true]{border-color:var(--accent-bright)}.b2a-select-btn[aria-expanded=true] svg{color:var(--accent);transform:rotate(180deg)}.b2a-select-btn:focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px}.b2a-select-list{z-index:40;overscroll-behavior:contain;background:var(--code-bg);border:1px solid var(--rule);border-radius:0 .5rem 2rem;width:max-content;min-width:100%;max-width:min(28rem,90vw);max-height:20rem;padding:6px;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto;box-shadow:0 10px 30px #00000059}.b2a-select.up .b2a-select-list{top:auto;bottom:calc(100% + 6px)}.b2a-select.end .b2a-select-list{left:auto;right:0}.b2a-select-list[hidden]{display:none}.b2a-select-ghead{font-family:var(--font-secondary);font-size:calc(.66rem * var(--font-secondary-scale));letter-spacing:.14em;text-transform:uppercase;color:var(--fg-faint);padding:10px 10px 4px}.b2a-select-group+.b2a-select-group{border-top:1px solid var(--rule);margin-top:4px}.b2a-select-opt{color:var(--fg);cursor:pointer;padding:8px 10px 8px 22px;font-size:.92rem;position:relative}.b2a-select-opt.on{color:var(--accent);background:var(--block)}.b2a-select-opt[aria-selected=true]{color:var(--accent)}.b2a-select-opt[aria-selected=true]:before{content:"";background:var(--accent-bright);width:5px;height:5px;margin-top:-2.5px;position:absolute;top:50%;left:9px}.b2a-select-opt[aria-disabled=true]{opacity:.45;cursor:default}.b2a-forms .b2a-select{display:block}.b2a-forms .b2a-select-btn{--bh:2.6rem;background:var(--bg)}
