:root{--paper:#fff;--fog:#eef0f3;--mist:#f4f6f8;--ink:#1f2429;--ink-2:#3c434b;--ink-3:#5e6670;--dim:#7a828c;--faint:#a3aab3;--rule:#1f242924;--rule-soft:#1f242914;--tangerine:#e8893c;--font-display:"Cormorant", "Cormorant Garamond", Georgia, serif;--font-body:"Newsreader", Georgia, "Times New Roman", serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--measure:38rem;--page-padding:clamp(1.25rem, 5vw, 3rem);--transition-fast:.18s ease}*,:before,:after{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{color:var(--ink-2);font-family:var(--font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-size:1.0625rem;line-height:1.75}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{border:0}.caps{font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--faint);font-size:.625rem}.top{background:var(--fog);position:fixed;inset:0;overflow:hidden}.top__layer{will-change:transform;pointer-events:none;width:150vw;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.top__layer img{width:100%;height:auto;display:block}.top__layer--sky{width:100vw;height:130vh;top:-30vh;bottom:auto}.top__layer--sky img{object-fit:cover;object-position:50% 0;width:100%;height:100%}.top__layer--ridge{height:24vh;bottom:48vh;-webkit-mask-image:linear-gradient(#0000 0,#000 45%);mask-image:linear-gradient(#0000 0,#000 45%)}.top__layer--ridge img{object-fit:cover;object-position:50% 62%;mix-blend-mode:multiply;height:100%}.top__layer--hills{height:30vh;bottom:26vh;-webkit-mask-image:linear-gradient(#0000 0,#000 30% 100%);mask-image:linear-gradient(#0000 0,#000 30% 100%)}.top__layer--hills img{object-fit:cover;object-position:50% 42%;height:100%}.top__layer--ground{height:36vh;bottom:-3vh;-webkit-mask-image:linear-gradient(#0000 0,#000 22%);mask-image:linear-gradient(#0000 0,#000 22%)}.top__layer--ground img{object-fit:cover;object-position:50% 28%;height:100%}.top__layer--fore{width:170vw;height:26vh;bottom:-6vh}.top__layer--fore img{object-fit:contain;object-position:50% 100%;height:100%}.top__layer--things{height:100vh}.stake{pointer-events:auto;cursor:pointer;position:absolute;transform:translate(-50%)}.stake img{height:var(--h);filter:drop-shadow(0 .5vw .4vw #3c424a40);width:auto;transition:filter var(--transition-fast);display:block;-webkit-mask-image:linear-gradient(#000 0 91%,#0000 100%);mask-image:linear-gradient(#000 0 91%,#0000 100%)}.stake__foot{left:50%;bottom:calc(var(--h) * .01);width:calc(var(--h) * .42);height:calc(var(--h) * .06);pointer-events:none;background:radial-gradient(#3c424a61,#3c424a00 70%);position:absolute;transform:translate(-40%,40%)}.stake__label{font-family:var(--font-display);letter-spacing:.06em;color:var(--ink-2);white-space:nowrap;opacity:0;pointer-events:none;background:#f4f6f8b8;padding:.5rem .75rem;font-size:1.0625rem;line-height:1.2;transition:opacity .3s,transform .3s;position:absolute;top:10%;left:calc(100% + 12px);transform:translate(-6px)}.stake__label small{font-family:var(--font-mono);letter-spacing:.25em;color:var(--dim);margin-top:.2rem;font-size:.5625rem;display:block}.stake--left .stake__label{text-align:right;left:auto;right:calc(100% + 12px)}.stake:hover .stake__label,.stake:focus-visible .stake__label{opacity:1;transform:none}.stake:hover img,.stake:focus-visible img{filter:drop-shadow(0 .5vw .4vw #3c424a40)drop-shadow(0 0 5px #e8893c99)}.stake:focus-visible{outline:none}.top__dof{z-index:5;pointer-events:none;-webkit-backdrop-filter:blur(2px);position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 28% 70%,#000 100%);mask-image:linear-gradient(#000 0%,#0000 28% 70%,#000 100%)}.top__title{z-index:6;pointer-events:none;position:fixed;top:30vh;left:7vw}.top__title b{font-family:var(--font-display);letter-spacing:.06em;color:var(--ink-2);margin:.5rem 0;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:400;line-height:1;display:block}.dock{z-index:9;flex-direction:column;align-items:flex-end;gap:1rem;display:flex;position:fixed;bottom:26px;right:26px}.dock__link{height:18px;color:var(--ink);opacity:.78;filter:drop-shadow(0 0 1.5px #fffffff2)drop-shadow(0 0 4px #ffffffb3);transition:opacity var(--transition-fast);align-items:center;display:flex}.dock__link:hover,.dock__link:focus-visible{opacity:1;outline:none}.dock__mark{flex:none;order:2;place-items:center;width:18px;height:18px;display:grid}.dock__mark svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.dock__mark img{filter:invert();width:15px;height:15px;display:block}.dock__mark--x img{width:12px;height:12px}.dock__name{max-width:0;font-family:var(--font-mono);letter-spacing:.32em;color:var(--ink);white-space:nowrap;opacity:0;background:#f4f6f8b8;order:1;padding:.3rem 0;font-size:.625rem;transition:max-width .34s cubic-bezier(.2,.8,.2,1),opacity .22s 60ms,transform .34s cubic-bezier(.2,.8,.2,1),padding .34s cubic-bezier(.2,.8,.2,1);overflow:hidden;transform:translate(8px)}.dock__link:hover .dock__name,.dock__link:focus-visible .dock__name{opacity:1;max-width:10rem;margin-right:10px;padding:.3rem .75rem .3rem .625rem;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.page{width:min(100%, var(--measure) + 2 * var(--page-padding));padding:clamp(3rem, 8vh, 5rem) var(--page-padding) 4rem;margin:0 auto}.page--wide{width:min(100%, 44rem + 2 * var(--page-padding))}.page__header{margin-bottom:2.5rem}.page__title{font-family:var(--font-display);letter-spacing:.01em;color:var(--ink);margin:.5rem 0 .75rem;font-size:clamp(2rem,4.5vw,2.75rem);font-weight:400;line-height:1.1}.page__lede{color:var(--ink-3);margin:0}.post-list{border-top:1px solid var(--rule);margin:0;padding:0;list-style:none}.post-list__item{border-bottom:1px solid var(--rule)}.post-list__link{grid-template-columns:6.5rem 1fr;gap:.25rem 1.5rem;padding:1.1rem 0;display:grid}.post-list__date{font-family:var(--font-mono);letter-spacing:.1em;color:var(--dim);padding-top:.35rem;font-size:.6875rem}.post-list__title{font-family:var(--font-display);color:var(--ink);transition:color var(--transition-fast);margin:0;font-size:1.375rem;font-weight:500;line-height:1.25}.post-list__link:hover .post-list__title,.post-list__link:focus-visible .post-list__title{color:var(--tangerine)}.post-list__meta{grid-column:2;margin:.15rem 0 0}.post-list__description{color:var(--ink-3);grid-column:2;margin:.4rem 0 0;font-size:.9375rem;line-height:1.6}.post-list__empty{text-align:center;color:var(--dim);padding:4rem 0}@media (width<=40rem){.post-list__link{grid-template-columns:1fr}.post-list__meta,.post-list__description{grid-column:1}}.post__header{border-bottom:1px solid var(--rule);margin-bottom:2.5rem;padding-bottom:1.75rem}.post__title{font-family:var(--font-display);letter-spacing:.005em;color:var(--ink);margin:.5rem 0 1rem;font-size:clamp(1.9rem,4.5vw,2.6rem);font-weight:500;line-height:1.15}.post__tags{font-family:var(--font-mono);letter-spacing:.08em;color:var(--dim);flex-wrap:wrap;gap:.4rem 1rem;margin:1rem 0 0;padding:0;font-size:.6875rem;list-style:none;display:flex}.post__tags li:before{content:"#";color:var(--faint)}.post__footer{border-top:1px solid var(--rule);margin-top:4rem;padding-top:1.5rem}.post__back{font-family:var(--font-mono);letter-spacing:.25em;color:var(--ink-3);border-bottom:1px solid var(--rule);transition:color var(--transition-fast), border-color var(--transition-fast);font-size:.6875rem}.post__back:hover,.post__back:focus-visible{color:var(--ink);border-color:var(--ink);outline:none}.article-content{color:var(--ink-2);font-size:1.0625rem;line-height:1.8}.article-content>*+*{margin-top:1.25rem}.article-content h2,.article-content h3,.article-content h4{font-family:var(--font-display);color:var(--ink);font-weight:500;line-height:1.2}.article-content h2{margin-top:3rem;font-size:1.75rem}.article-content h3{margin-top:2.25rem;font-size:1.375rem}.article-content h4{color:var(--ink-2);margin-top:1.75rem;font-size:1.125rem}.article-content p{margin:0}.article-content a{color:var(--ink);text-underline-offset:.2em;transition:text-decoration-color var(--transition-fast);text-decoration:underline 1px #1f24294d}.article-content a:hover,.article-content a:focus-visible{text-decoration-color:var(--tangerine)}.article-content strong{color:var(--ink);font-weight:600}.article-content ul,.article-content ol{margin:0;padding-left:1.5rem}.article-content li+li{margin-top:.4rem}.article-content li::marker{color:var(--faint)}.article-content blockquote{border-left:2px solid var(--rule);color:var(--ink-3);margin:0;padding:.25rem 0 .25rem 1.25rem}.article-content code{background:var(--mist);border:1px solid var(--rule-soft);font-family:var(--font-mono);color:var(--ink);border-radius:2px;padding:.1rem .35rem;font-size:.85em}.article-content pre{background:var(--mist);border:1px solid var(--rule-soft);border-radius:2px;margin-block:1.75rem;margin-inline:0;padding:1.1rem 1.25rem;position:relative;overflow-x:auto}.article-content pre code{color:var(--ink-2);background:0 0;border:0;padding:0;font-size:.8125rem;line-height:1.65;display:block}.article-content pre.mermaid{background:var(--paper);justify-content:center;align-items:center;padding:1.5rem;display:flex}.article-content pre.mermaid svg{max-width:100%;height:auto}.article-content hr{border:0;border-top:1px solid var(--rule)}.article-content img{max-width:100%;height:auto;display:block}.article-content table{border-collapse:collapse;width:100%;font-size:.9375rem}.article-content th,.article-content td{border-bottom:1px solid var(--rule);text-align:left;vertical-align:top;padding:.6rem .75rem}.article-content th{font-family:var(--font-mono);letter-spacing:.12em;color:var(--dim);border-bottom-color:var(--ink-3);font-size:.6875rem;font-weight:400}.article-content .link-card{border:1px solid var(--rule);color:inherit;transition:border-color var(--transition-fast);border-radius:2px;align-items:stretch;gap:1rem;margin-block:1.75rem;padding:1rem 1.1rem;text-decoration:none;display:flex}.article-content .link-card:hover,.article-content .link-card:focus-visible{border-color:var(--ink-3);outline:none}.article-content .link-card__content{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.article-content .link-card__eyebrow{font-family:var(--font-mono);letter-spacing:.25em;text-transform:uppercase;color:var(--dim);align-self:flex-start;margin-bottom:.4rem;font-size:.5625rem}.article-content .link-card__title{font-family:var(--font-display);color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.35rem;font-size:1.125rem;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.article-content .link-card__desc{color:var(--ink-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;line-height:1.55;display:-webkit-box;overflow:hidden}.article-content .link-card__thumb{background:var(--mist);flex-shrink:0;justify-content:center;align-items:center;width:7rem;min-height:5rem;padding:.5rem;display:flex;overflow:hidden}.article-content .link-card__thumb img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.article-content .link-card__thumb svg{width:100%;max-width:5rem;height:auto}.article-content .link-card__domain{font-family:var(--font-mono);letter-spacing:.08em;color:var(--dim);word-break:break-all;text-align:center;font-size:.625rem;line-height:1.4}@media (width<=34rem){.article-content .link-card__thumb{width:4.5rem}}.site-footer{border-top:1px solid var(--rule)}.site-footer__inner{width:min(100%, var(--measure) + 2 * var(--page-padding));padding:1.5rem var(--page-padding) 2.5rem;font-family:var(--font-mono);letter-spacing:.25em;color:var(--dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;margin:0 auto;font-size:.625rem;display:flex}.site-footer__copy{margin:0}.site-footer__links{gap:1.25rem;display:flex}.site-footer__link{color:var(--dim);transition:color var(--transition-fast)}.site-footer__link:hover,.site-footer__link:focus-visible{color:var(--ink);outline:none}::selection{background:#e8893c47}.breakout-game{width:100%;height:100vh;position:relative}.breakout-game__canvas{background:#0f0f23;width:100%;height:100%;display:block}.breakout-game__header{pointer-events:none;padding:1.25rem;position:absolute;top:0;left:0;right:0}.breakout-game__title{color:#fff;font-family:var(--font-mono);text-align:center;margin:0;font-size:1.5rem}.breakout-game__overlay{color:#fff;text-align:center;background:#000000b3;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:absolute;inset:0}.breakout-game__state{font-family:var(--font-mono);margin:0 0 1.25rem;font-size:clamp(2.5rem,7vw,3rem)}.breakout-game__state--gameover{color:#ff6b6b}.breakout-game__state--win{color:#1dd1a1}.breakout-game__button{pointer-events:auto;color:#fff;cursor:pointer;font-family:var(--font-mono);transition:filter var(--transition-fast), transform var(--transition-fast);background:#4a9eff;border:0;border-radius:.5rem;padding:.9rem 2.25rem;font-size:1.125rem}.breakout-game__button:hover,.breakout-game__button:focus-visible{filter:brightness(1.1);outline:none;transform:translateY(-1px)}.breakout-game__hint{color:#a0a0a0;font-family:var(--font-mono);margin:1.25rem 0 0;font-size:1rem}@media (width<=720px){.breakout-game__title{font-size:1.25rem}}