:root{--page-width:1072px;--content-width:640px;--page-top:128px;--header-height:48px;--footer-height:48px;--body-margin-left:max(24px, env(safe-area-inset-left));--body-margin-right:max(24px, env(safe-area-inset-right));--layer-header:10;--gray1:#1a1a1a;--gray2:#1c1c1c;--gray3:#232323;--gray5:#2e2e2e;--gray8:#505050;--gray9:#707070;--gray11:#a0a0a0;--gray12:#ededed;--mono5:var(--gray5);--mono8:var(--gray8);--mono9:var(--gray9);--mono11:var(--gray11);--mono12:var(--gray12);--bg:var(--gray1);--fg:var(--gray12);--transparent:#0000;--font-fallback:system-ui, sans-serif;--font-sans:"Inter", var(--font-fallback);--font-display:"Inter", var(--font-fallback);--font-serif:"Newsreader", "Times", serif;--text:16px;--text-s:14px;--leading:28px;--leading-s:20px;--gap:8px;--gap-2x:16px;--gap-4x:32px;--delay:.1s;--start:0s;--mask-visible:black;--mask-hidden:transparent}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}html{background:var(--bg);color:var(--fg)}body{padding:0 var(--body-margin-right) 0 var(--body-margin-left);font-family:var(--font-sans);font-size:var(--text);background:var(--bg);color:#f2f2f2;-webkit-font-smoothing:antialiased;margin:0;line-height:1.15}a{color:var(--mono12);text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--mono8);text-decoration-color:var(--mono8);text-underline-offset:3px}a:hover{-webkit-text-decoration-color:var(--mono12);text-decoration-color:var(--mono12)}a:focus-visible{outline:2px solid var(--mono11);outline-offset:3px}em{font:400 italic calc(1em + 1px) / normal var(--font-serif)}h1,h2,h3,p{margin:0}.site-blur{-webkit-user-select:none;user-select:none;pointer-events:none;--h:min(96px, var(--page-top));width:calc(100% + var(--body-margin-left) + var(--body-margin-right));margin-left:calc(-1 * var(--body-margin-left));height:var(--h);z-index:1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:.95;-webkit-mask-image:linear-gradient(var(--direction), var(--mask-visible) 25%, var(--mask-hidden));mask-image:linear-gradient(var(--direction), var(--mask-visible) 25%, var(--mask-hidden));position:sticky}.site-blur:after{content:"";background:linear-gradient(var(--direction), var(--bg), var(--transparent));position:absolute;inset:0}.site-blur--top{margin-bottom:calc(-1 * var(--h));--direction:to bottom;top:0}main{min-height:calc(100vh - var(--footer-height));padding:var(--page-top) 0;max-width:var(--page-width);margin:0 auto;position:relative}.main-grid{grid-template-columns:192px var(--content-width) 192px;align-items:baseline;column-gap:24px;display:grid}.main-grid>*{grid-column:2}.meta{top:var(--page-top);white-space:nowrap;z-index:1;font-size:var(--text-s);line-height:var(--leading-s);color:var(--mono11);grid-column:1;position:sticky}.meta a{color:var(--mono11)}article{max-width:var(--content-width);color:var(--mono12);position:relative}.prose h1{font-family:var(--font-display);font-size:var(--text);font-weight:500;line-height:var(--leading);color:var(--mono12);margin:0 0 var(--leading)}.prose h2{font-family:var(--font-sans);font-size:var(--text);font-weight:400;line-height:var(--leading);color:var(--mono12);margin:0 0 12px}.prose p{font-size:var(--text);font-weight:400;line-height:var(--leading);color:var(--mono12);margin:0 0 var(--leading)}.prose h2.heading-dim,.heading-dim{font-size:var(--text-s);line-height:var(--leading-s);color:var(--mono11);margin:0;font-weight:400}.stack{margin:0 0 28px;display:flex}.stack>*+*{margin-left:32px}.column{width:192px}.column>.column-body{margin-top:12px}.column-body>*+*{margin-top:24px}.item{min-height:84px}.item-title{color:var(--mono12);align-items:center;display:flex}.item-title a{color:var(--mono12)}.ext{color:var(--mono9);margin-left:4px;display:inline-flex}.item p{font-size:var(--text);line-height:var(--leading);color:var(--mono11);margin:0}.spacer-lg{height:32px}.email:before{content:"hello@eric.tech"}footer{border-top:1px solid var(--mono5);height:var(--footer-height);width:calc(100% + var(--body-margin-right) + var(--body-margin-left));margin-left:calc(-1 * var(--body-margin-left));background:var(--bg);z-index:var(--layer-header);padding:0 var(--body-margin-left);position:relative}.footer-inner{max-width:var(--content-width);white-space:nowrap;align-items:center;height:100%;margin:0 auto;display:flex}.footer-copy{font-size:var(--text-s);line-height:var(--leading-s);color:var(--mono11);margin-right:auto}.footer-year{font-size:var(--text-s);line-height:var(--leading-s);color:var(--mono11);font-variant-numeric:tabular-nums}.clock{border:1px solid var(--mono8);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin-left:16px;display:flex;position:relative}.clock-hand{background:var(--mono9);transform-origin:50% 0;position:absolute;top:10px}.clock-hand--second{border-radius:.25px;width:.5px;height:8px;top:10px;left:9.75px}.clock-hand--minute{border-radius:.5px;width:1px;height:7px;top:10px;left:9.5px}.clock-hand--hour{border-radius:.5px;width:1px;height:5px;top:10px;left:9.5px}@media (prefers-reduced-motion:no-preference){[data-animate]{animation:.6s both enter;animation-delay:calc(var(--stagger) * var(--delay) + var(--start))}}@keyframes enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (width<=1024px){.main-grid{grid-template-columns:auto var(--content-width) auto;column-gap:16px}}@media (width<=768px){.main-grid{flex-direction:column;align-items:flex-start;display:flex}.meta{margin-bottom:24px;position:static}.stack{flex-direction:column;gap:32px}.stack>*+*{margin-left:0}.column{width:100%}footer{height:auto;min-height:var(--footer-height);padding-top:12px;padding-bottom:12px}.footer-inner{white-space:normal;flex-wrap:wrap;gap:8px}}