@font-face{font-display:swap;font-family:Inter Variable;font-style:normal;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface-1:#f5f1e7;--surface-2:#f8f4ec;--surface-3:#fcf9f2;--foreground:#192b3d;--muted:#e9e4da;--muted-foreground:#586b7a;--border:#192b3d24;--hover:#6fa9c61f;--active:#6fa9c62e;--focus-ring:#4f89a8;--shadow-1:0 1px 2px #192b3d14;--radius-sm:8px;--radius-lg:12px;--spring-fast:80ms;--spring-fast-exit:60ms;--spring-moderate:.16s;--spring-moderate-exit:.12s;--spring-slow:.24s;--spring-slow-exit:.16s;--spring-easing:cubic-bezier(.2, 0, 0, 1);--spring-exit-easing:cubic-bezier(.4, 0, 1, 1);--scrollbar-thumb:#192b3d14;--scrollbar-thumb-hover:#192b3d1f;--scrollbar-thumb-active:#192b3d29}*{box-sizing:border-box}html{background:var(--surface-1);scroll-behavior:smooth}body{background:var(--surface-1);color:var(--foreground);font-optical-sizing:auto;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;margin:0;font-family:Inter Variable,Inter,system-ui,sans-serif;font-size:16px;line-height:1.5}a{color:inherit;outline-offset:2px;transition-duration:var(--spring-fast-exit);transition-property:outline-color;transition-timing-function:var(--spring-exit-easing);outline:1px solid #0000;text-decoration:none}a:hover,a:focus-visible,a:active{transition-duration:var(--spring-fast);transition-timing-function:var(--spring-easing)}a:focus-visible{border-radius:var(--radius-sm);outline-color:var(--focus-ring)}::selection{background:var(--focus-ring);color:var(--surface-3)}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-shell{flex-direction:column;max-width:1120px;min-height:100svh;margin:0 auto;padding:0 32px;display:flex}.site-shell>main{flex:1;width:100%}.landing-shell{isolation:isolate}.landing-main{flex:1;align-items:center;padding-bottom:72px;display:flex;position:relative}.landing-shell .site-header{z-index:2;position:relative}.site-header{justify-content:flex-start;align-items:center;height:72px;display:flex}.wordmark{border-radius:var(--radius-sm);font-variation-settings:"wght" 600, "opsz" 20;align-items:center;height:32px;margin-left:-10px;padding:0 10px;font-size:13px;transition-property:background-color,outline-color,transform;display:inline-flex}.wordmark:hover{background:var(--hover)}.wordmark:active{background:var(--active);transform:scale(.98)}.site-nav,.site-nav-links,.social-links{align-items:center;display:flex}.site-nav{flex:1;gap:8px;margin-left:4px}.site-nav-links{gap:2px}.site-nav-link{border-radius:var(--radius-sm);color:var(--muted-foreground);font-variation-settings:"wght" 450, "opsz" 15;align-items:center;height:32px;padding:0 10px;font-size:13px;transition-property:background-color,color,font-variation-settings,outline-color,transform;display:inline-flex}.site-nav-link:hover{background:var(--hover);color:var(--foreground);font-variation-settings:"wght" 550, "opsz" 20}.site-nav-link:active{background:var(--active);transform:scale(.98)}.social-links{gap:2px;margin-left:auto}.social-icon-link{border-radius:var(--radius-sm);color:var(--muted-foreground);border:1px solid #0000;justify-content:center;align-items:center;width:32px;height:32px;transition-property:background-color,border-color,color,outline-color,transform;display:inline-flex}.social-icon-link:hover{background:var(--hover);border-color:var(--border);color:var(--foreground)}.social-icon-link:active{background:var(--active);transform:scale(.96)}.social-icon-link svg{width:15px;height:15px}.landing-portrait{pointer-events:none;z-index:0;width:clamp(420px,54vw,760px);height:100svh;margin:0;position:fixed;top:0;right:0}.landing-portrait img{mix-blend-mode:normal;object-fit:cover;object-position:center;opacity:.9;width:100%;height:100%;display:block;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#0000002e 20%,#000 56%);mask-image:linear-gradient(90deg,#0000 0%,#0000002e 20%,#000 56%)}h1{font-variation-settings:"wght" 650, "opsz" 48;letter-spacing:-.052em;margin-bottom:30px;font-size:clamp(42px,5.8vw,64px);line-height:1.02}.page-header{max-width:860px;padding:88px 0 64px}.page-header h1,.article-header h1{margin-bottom:18px;font-size:clamp(40px,5vw,54px)}.page-intro{color:var(--muted-foreground);max-width:820px;font-size:16px;line-height:1.65}.notes-list{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);margin:0 0 112px;padding:0;list-style:none;overflow:hidden}.notes-list a{grid-template-columns:130px 1fr auto;align-items:center;gap:24px;min-height:64px;padding:0 16px;transition-property:background-color,outline-color,transform;display:grid}.notes-list a:hover{background:var(--hover)}.notes-list a:active{background:var(--active)}.notes-list time{color:var(--muted-foreground);font-size:12px}.notes-list strong{font-variation-settings:"wght" 500, "opsz" 16;transition-duration:var(--spring-fast-exit);transition-property:font-variation-settings;transition-timing-function:var(--spring-exit-easing);font-size:14px}.notes-list a:is(:hover,:focus-visible) strong{font-variation-settings:"wght" 600, "opsz" 20;transition-duration:var(--spring-fast);transition-timing-function:var(--spring-easing)}.notes-list a>span{color:var(--muted-foreground);font-size:15px}.site-footer{border-top:1px solid var(--border);color:var(--muted-foreground);justify-content:flex-start;align-items:center;margin-top:auto;padding:24px 0 40px;font-size:11px;display:flex}.article{max-width:680px;margin:0 auto;padding:72px 0 120px}.article-back{border-radius:var(--radius-sm);color:var(--muted-foreground);align-items:center;height:32px;margin:0 0 52px -10px;padding:0 10px;font-size:13px;transition-property:background-color,color,outline-color,transform;display:inline-flex}.article-back:hover{background:var(--hover);color:var(--foreground)}.article-back:active{background:var(--active);transform:scale(.98)}.article-header{border-bottom:1px solid var(--border);margin-bottom:44px;padding-bottom:40px}.article-date{color:var(--muted-foreground);margin-bottom:18px;font-size:12px}.article-body{font-size:17px;line-height:1.75}.article-body p+p{margin-top:24px}.article-body a{font-variation-settings:"wght" 600, "opsz" 18;text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:3px;transition-property:outline-color,text-decoration-color}.article-body a:hover{-webkit-text-decoration-color:var(--foreground);text-decoration-color:var(--foreground)}@media (hover:hover) and (pointer:fine){html{scrollbar-gutter:stable}*{scrollbar-color:var(--scrollbar-thumb) transparent;scrollbar-width:thin}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--scrollbar-thumb);border-radius:var(--radius-lg);transition-duration:var(--spring-moderate-exit);transition-property:background-color,border-width;transition-timing-function:var(--spring-exit-easing);border:3px solid #0000}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover);transition-duration:var(--spring-moderate);transition-timing-function:var(--spring-easing);border-width:2px}::-webkit-scrollbar-thumb:active{background-color:var(--scrollbar-thumb-active)}}@media (max-width:800px){.site-shell{padding:0 20px}.site-header{height:64px}.landing-main{padding-bottom:64px}.landing-portrait{width:min(94vw,620px)}.landing-portrait img{opacity:.3;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#0000001a 34%,#000 78%);mask-image:linear-gradient(90deg,#0000 0%,#0000001a 34%,#000 78%)}h1{font-size:clamp(40px,10vw,54px)}.page-header{padding:64px 0 48px}.article{padding:56px 0 96px}}@media (max-width:520px){.landing-portrait{width:100vw}.landing-portrait img{opacity:.24}.notes-list a{grid-template-columns:1fr auto;gap:4px 16px;padding:12px 14px}.notes-list time{grid-column:1/-1}}@media (max-width:360px){.site-shell{padding:0 14px}.site-nav{gap:4px}.site-nav-link{padding:0 6px}.social-icon-link{width:28px}}@media (max-height:700px){.landing-shell .site-header{height:56px}.landing-main{padding-bottom:32px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}