@font-face{font-family:Rubik;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/Rubik-Light.woff2)format("woff2")}@font-face{font-family:Rubik;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Rubik-Regular.woff2)format("woff2")}:root{color-scheme:light dark;--font-sans-custom:Rubik, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", "Noto Sans", sans-serif;--font-sans-system:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", "Noto Sans", sans-serif;--color-tangle-cream:#fefbf4;--color-tangle-brown:#846745;--color-tangle-brown-dark:#1b1a19;--heading:#846745;--bg:#fefbf4;--fg:#37352f;--fg-muted:#37352fa6;--border:#37352f24;--card:#37352f0a;--tag-tech-bg:#fdecc8;--tag-tech-fg:#402c1b;--tag-work-bg:#eee0da;--tag-work-fg:#442a1e;--tag-family-bg:#dbeddb;--tag-family-fg:#1c3829}html.dark{color-scheme:dark;--bg:#191817;--heading:var(--color-tangle-cream);--fg:#e8e6e3;--fg-muted:#e8e6e3a6;--border:#ffffff24;--card:#ffffff0d;--tag-tech-bg:#5a4a2a;--tag-tech-fg:#fdecc8;--tag-work-bg:#533f37;--tag-work-fg:#eee0da;--tag-family-bg:#2d4a38;--tag-family-fg:#dbeddb}@media (prefers-color-scheme:dark){html:not(.light){--bg:#191817;--heading:var(--color-tangle-cream);--fg:#e8e6e3;--fg-muted:#e8e6e3a6;--border:#ffffff24;--card:#ffffff0d;--tag-tech-bg:#5a4a2a;--tag-tech-fg:#fdecc8;--tag-work-bg:#533f37;--tag-work-fg:#eee0da;--tag-family-bg:#2d4a38;--tag-family-fg:#dbeddb}html:not(.light) .prose{color:var(--fg)}}html.dark .prose{color:var(--fg)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans-system);background:var(--bg);color:var(--fg);flex-direction:column;min-height:100vh;line-height:1.6;display:flex;overflow-x:hidden}a{color:inherit;text-decoration:underline;text-decoration-color:var(--color-tangle-brown);text-underline-offset:2px}h1,h2,h3{line-height:1.25}.prose{color:var(--heading);font-size:1rem}.prose h2,.prose h3{font-family:var(--font-sans-custom);text-transform:lowercase;color:var(--heading);font-weight:300}.prose h2{font-size:1.75rem}.prose h3{font-size:1.5rem}.prose p.lede{color:#9b9a97;font-size:1rem}html.dark .prose p.lede{color:var(--fg-muted)}@media (prefers-color-scheme:dark){html:not(.light) .prose p.lede{color:var(--fg-muted)}}.prose figure{margin:1.5em 0}.prose figure img{border-radius:6px;max-width:100%;height:auto;display:block}.lightbox{z-index:100;opacity:0;visibility:hidden;cursor:zoom-out;background:#000000d9;justify-content:center;align-items:center;padding:4vmin;transition:opacity .3s,visibility .3s;display:flex;position:fixed;inset:0}.lightbox.open{opacity:1;visibility:visible}.lightbox-img{object-fit:contain;max-width:100%;max-height:100%;transition:transform .3s;transform:scale(.92)}.lightbox.open .lightbox-img{transform:scale(1)}.prose figcaption{color:var(--fg-muted);text-align:center;margin-top:.5em;font-size:.85rem}.cols{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:1em;margin:1.5em 0;display:grid}.video{aspect-ratio:16/9;margin:1.5em 0;position:relative}.video iframe{border:0;border-radius:6px;width:100%;height:100%;position:absolute;inset:0}a.bookmark{border:1px solid var(--border);background:var(--card);border-radius:6px;margin:1.25em 0;padding:.9em 1em;text-decoration:none;display:block}a.bookmark:hover{border-color:var(--color-tangle-brown)}.bookmark-title{font-weight:600;display:block}.bookmark-desc{color:var(--fg-muted);margin-top:.3em;font-size:.9em;display:block}.bookmark-domain{color:var(--fg-muted);margin-top:.4em;font-size:.8em;display:block}a.continue{border:1px solid var(--border);background:var(--card);border-radius:6px;margin:1.5em 0;padding:.9em 1em;text-decoration:none;display:block}a.continue span{color:var(--fg-muted);font-size:.8em;display:block}a.continue strong{font-size:1.1em}.wrap{width:100%;max-width:720px;margin:0 auto;padding:0 1.25em}.wrap.wide{max-width:960px}.post-wrap{max-width:1200px}.post-wrap .prose,.post-wrap .post-head{max-width:720px;margin-left:auto;margin-right:auto}.site-header{z-index:50;background:color-mix(in srgb, var(--bg) 80%, transparent);-webkit-backdrop-filter:saturate(1.8)blur(16px);position:sticky;top:0}.site-header .wrap{justify-content:space-between;align-items:center;gap:1em;min-height:54px;padding-top:.5em;padding-bottom:.5em;display:flex}.brand{flex-shrink:0;align-items:center;line-height:0;text-decoration:none;display:inline-flex}.crumbs{align-items:center;gap:.5em;min-width:0;font-size:.95rem;display:flex}.crumb-user{white-space:nowrap;align-items:center;gap:.45em;display:inline-flex}.crumb-sep{color:var(--fg-muted);flex-shrink:0}.crumbs a{text-decoration:none}.crumbs a:hover{text-decoration:underline}.site-header:not(.site-header-article) .crumb-sep-logo{display:none}.crumb-article{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.site-header:not(.site-header-article) .crumb-user{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.logo{width:auto;height:clamp(26px,4.5vw,34px)}.logo-dark,html.dark .logo-light{display:none}html.dark .logo-dark{display:block}@media (prefers-color-scheme:dark){html:not(.light) .logo-light{display:none}html:not(.light) .logo-dark{display:block}}.site-nav{flex-shrink:0;align-items:center;gap:1em;display:flex}.site-nav a{font-size:.95rem;text-decoration:none}.site-nav a:hover{text-decoration:underline}.nav-user{white-space:nowrap;align-items:center;gap:.45em;display:inline-flex}.nav-avatar{object-fit:cover;border-radius:50%;width:22px;height:22px}.theme-btn{border:1px solid var(--border);color:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:.2em .7em;font-size:.85rem}.social-rail{z-index:40;flex-direction:column;gap:1em;display:flex;position:fixed;top:40vh;right:max(1em,50vw - 600px - 4.5em)}.social-btn{border:2px solid var(--fg-muted);width:3.5em;height:3.5em;color:var(--fg);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative;overflow:hidden}.social-icon{z-index:1;width:50%;height:50%;position:relative}.social-fill{border-radius:50%;width:0;height:0;margin:auto;transition:width .1s ease-out,height .1s ease-out;position:absolute;inset:0}.social-btn:hover{color:#fff;border-color:#0000}.social-btn:hover .social-fill{width:100%;height:100%}html.dark .social-btn:hover,html.dark .social-btn:hover .social-icon{color:var(--bg)}@media (prefers-color-scheme:dark){html:not(.light) .social-btn:hover,html:not(.light) .social-btn:hover .social-icon{color:var(--bg)}}.social-github .social-fill{background:#c9510c}.social-linkedin .social-fill{background:#0077b5}.site-footer .social-rail{display:none}@media (width<=1350px){body>.social-rail{display:none}.site-footer .social-rail{flex-direction:row;justify-content:center;margin:0;display:flex;position:static}.site-footer .social-btn{width:2.5em;height:2.5em}}.hero{text-align:center;padding:3em 0 1em}.hero-avatar{object-fit:cover;border-radius:50%;width:clamp(150px,30vw,250px);height:clamp(150px,30vw,250px);margin:0 auto;display:block;box-shadow:0 8px 40px #00000036}.hero h1{font-family:var(--font-sans-custom);color:var(--heading);text-transform:lowercase;margin:.5em 0 0;font-size:clamp(2.25rem,7vw,3.5rem);font-weight:300}.hero-sub{font-family:var(--font-sans-custom);color:var(--heading);margin:.25em 0 0;font-size:clamp(1.15rem,3.5vw,1.875rem);font-weight:300}.post-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:3.375em;margin:2.5em 0 3em;padding:0;list-style:none;display:grid}@media (width<=720px){.post-list{grid-template-columns:1fr}}.post-card a{text-decoration:none;display:block}.post-card-cover{border-radius:16px;transition:filter .3s ease-out;display:block;overflow:hidden;box-shadow:2px 2px 8px 4px #0f0f0f1a}.post-card a:hover .post-card-cover{filter:brightness(120%);border-radius:16px}.post-card-cover img{aspect-ratio:423/190;object-fit:cover;width:100%;display:block}.post-card-body{padding-top:.9em;display:block}.post-card-body h2{font-family:var(--font-sans-custom);text-transform:lowercase;color:var(--heading);margin:0;font-size:1.75rem;font-weight:300}.post-card-body time{font-size:.75rem}.post-card-body p{margin:.4em 0 0;font-size:.95rem}.tags{flex-wrap:wrap;gap:.3em;margin-top:.5em;display:flex}.tag{background:var(--card);color:var(--fg-muted);border-radius:3px;padding:0 6px;font-size:.75rem;line-height:1.6;display:inline-block}.tag-tech{background:var(--tag-tech-bg);color:var(--tag-tech-fg)}.tag-work{background:var(--tag-work-bg);color:var(--tag-work-fg)}.tag-family{background:var(--tag-family-bg);color:var(--tag-family-fg)}.post-head{text-align:center}.post-cover{object-fit:cover;border-radius:24px;width:100%;max-height:480px;margin-top:1.5em;display:block}.post-head .post-icon{z-index:1;margin-top:-39px;font-size:78px;line-height:1;display:block;position:relative}.post-head h1{font-family:var(--font-sans-custom);color:var(--heading);text-transform:lowercase;margin:.3em 0 0;font-size:3.5rem;font-weight:300}@media (width<=720px){.post-head h1{font-size:clamp(2rem,9vw,3.5rem)}}.post-meta{color:var(--fg-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:.4em;margin:.75em 0 0;font-size:.9rem;display:flex}.post-meta .tags{margin-top:0}footer.site-footer{margin-top:auto}footer.site-footer .wrap{color:var(--fg-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1em;padding-top:1em;padding-bottom:1em;font-size:.85rem;display:flex}footer.site-footer a{color:inherit}