@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{color-scheme:dark;--ink:#0b0c14;--ink-raised:#171926;--ink-border:#ffffff1f;--text-on-dark:#f2f2f9;--text-on-dark-dim:#a6a8bf;--light:#f7f7fb;--light-surface:#ececf5;--light-border:#dcdcec;--light-border-strong:#c7c7dc;--text-on-light:#12131c;--text-on-light-dim:#57596c;--text-on-light-muted:#86889f;--accent:#6366f1;--accent-hover:#818cf8;--accent-strong:#4f46e5;--accent-soft:#6366f124;--accent-tint:#eaeafc;--on-accent:#fff;--danger:#ff6b6b;--radius:14px;--radius-sm:10px;--shadow-sm:0 1px 2px #0a0a0e80;--shadow-md:0 12px 30px -10px #0a0a0e73;--font:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--nav-height:4.25rem;--content-width:720px;--band-width:1080px}*{box-sizing:border-box}html{scrollbar-gutter:stable;overflow-y:scroll}html,body{width:100%;margin:0;padding:0}body{background-color:var(--light);min-height:100vh;color:var(--text-on-light);font-family:var(--font);-webkit-font-smoothing:antialiased;flex-direction:column;line-height:1.65;display:flex;position:relative;overflow-x:hidden}::selection{background:var(--accent);color:var(--on-accent)}a{color:var(--accent-strong);text-decoration:none}a:hover{color:var(--accent);text-decoration:underline}h1,h2,h3,h4{font-family:var(--font);letter-spacing:-.02em;margin:0 0 .5rem;font-weight:800;line-height:1.12}h1{font-size:clamp(2.4rem,7vw,4rem)}h2{font-size:1.5rem}h3{margin-bottom:.4rem;font-size:1.1rem;font-weight:700}p{color:var(--text-on-light-dim);margin:0 0 1em}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}html.has-js [data-reveal]{opacity:0;transform:translateY(18px)}html.has-js [data-reveal].is-visible{opacity:1;transition:opacity .6s,transform .6s cubic-bezier(.2,.7,.2,1);transform:translateY(0)}body::-webkit-scrollbar{width:12px}body::-webkit-scrollbar-track{background-color:var(--light)}body::-webkit-scrollbar-thumb{background-color:var(--light-border-strong);border:3px solid var(--light);border-radius:8px}.topnav{z-index:100;height:var(--nav-height);background:var(--ink);border-bottom:1px solid var(--ink-border);justify-content:space-between;align-items:center;gap:1.5rem;padding:0 clamp(1.25rem,4vw,3rem);transition:box-shadow .25s;display:flex;position:sticky;top:0;box-shadow:0 1px #0003}.topnav.is-scrolled{box-shadow:0 12px 28px -18px #0000008c}.topnav .brand{letter-spacing:-.01em;color:var(--text-on-dark);white-space:nowrap;font-size:1.02rem;font-weight:700;text-decoration:none}.topnav .brand:hover{color:var(--text-on-dark);text-decoration:none}.topnav .brand .brand-mark{color:var(--accent);font-weight:800}.topnav .nav-links{align-items:center;gap:.3rem;font-size:.88rem;font-weight:500;display:flex}.topnav a{color:var(--text-on-dark-dim);border-radius:999px;align-items:center;padding:.5rem 1rem;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.topnav a:hover{color:var(--text-on-dark);background:#ffffff14;text-decoration:none}.topnav a.active{color:var(--on-accent);background:var(--accent)}.topnav a.active:hover{background:var(--accent-hover)}.topnav .nav-divider{background:var(--ink-border);flex-shrink:0;width:1px;height:1.35rem;margin:0 .35rem}.topnav .nav-external{color:var(--text-on-dark);border:1px solid var(--ink-border);background:0 0}.topnav .nav-external span{color:var(--text-on-dark-dim);margin-left:.35rem}.topnav .nav-external:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.topnav .nav-external:hover span{color:var(--accent)}.nav-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;width:2.25rem;height:2.25rem;padding:0;display:none}.nav-toggle span{background:var(--text-on-dark);border-radius:1px;width:19px;height:2px;transition:transform .2s,opacity .2s;display:block}.topnav.nav-open .nav-toggle span:first-child{transform:translateY(6px)rotate(45deg)}.topnav.nav-open .nav-toggle span:nth-child(2){opacity:0}.topnav.nav-open .nav-toggle span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}@media (width<=720px){.topnav{height:3.75rem;padding:0 1.1rem}.nav-toggle{display:flex}.topnav .nav-links{background:var(--ink);border-bottom:1px solid var(--ink-border);opacity:0;visibility:hidden;flex-direction:column;align-items:stretch;gap:.3rem;max-height:0;padding:.6rem 1rem 1rem;font-size:.95rem;transition:max-height .25s,opacity .2s,visibility 0s linear .25s;position:absolute;top:100%;left:0;right:0;overflow:hidden}.topnav.nav-open .nav-links{opacity:1;visibility:visible;max-height:70vh;transition:max-height .25s,opacity .2s}.topnav .nav-links a{border-radius:10px;padding:.85rem 1rem}.topnav .nav-divider{width:auto;height:1px;margin:.3rem .25rem}.topnav .nav-external{justify-content:center}.topnav.no-transition .nav-links,.topnav.no-transition .nav-toggle span{transition:none!important}}.main{flex-direction:column;flex:1 0 auto;width:100%;display:flex}.page{width:100%;max-width:var(--content-width);flex-direction:column;gap:3rem;margin:0 auto;padding:clamp(3rem,7vw,4.5rem) clamp(1.25rem,4vw,1.75rem) 5rem;display:flex}.band{width:100%;padding:clamp(3.5rem,9vw,6rem) clamp(1.25rem,4vw,2rem)}.band-inner{max-width:var(--band-width);margin:0 auto}.band--dark{background:var(--ink);color:var(--text-on-dark)}.band--dark p{color:var(--text-on-dark-dim)}.band--dark h1,.band--dark h2,.band--dark h3{color:var(--text-on-dark)}.band--light{background:var(--light);color:var(--text-on-light)}.band--accent{background:var(--accent);color:var(--on-accent)}.band--muted{background:var(--light-surface);color:var(--text-on-light);border-top:1px solid var(--light-border);border-bottom:1px solid var(--light-border)}.band--accent h1,.band--accent h2,.band--accent h3{color:var(--on-accent)}.band--accent p{color:#ffffffc7}.kicker{letter-spacing:.05em;text-transform:uppercase;color:var(--accent);margin-bottom:.75rem;font-size:.78rem;font-weight:700;display:block}.band--accent .kicker{color:var(--on-accent);opacity:.7}.divider{align-items:baseline;gap:1rem;margin-bottom:.25rem;display:flex}.divider h2{white-space:nowrap;margin:0}.divider .rule{background:var(--light-border);flex:1;height:1px}.band--dark .divider .rule{background:var(--ink-border)}.hero-band .band-inner{max-width:760px}.welcome .role{color:var(--text-on-dark-dim);margin:.5rem 0 1.2rem;font-size:1.2rem;font-weight:500}.welcome p{max-width:34rem;font-size:1.05rem}.hero-links{flex-wrap:wrap;gap:.85rem;margin-top:1.75rem;font-size:.95rem;font-weight:600;display:flex}.pill-link{color:var(--text-on-dark);border:1px solid var(--ink-border);border-radius:var(--radius-sm);background:0 0;align-items:center;padding:.7rem 1.3rem;text-decoration:none;transition:border-color .15s,background .15s,transform .15s;display:inline-flex}.pill-link:hover{color:var(--text-on-dark);border-color:var(--text-on-dark-dim);background:var(--ink-raised);text-decoration:none;transform:translateY(-1px)}.pill-link--primary{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.pill-link--primary:hover{color:var(--on-accent);background:var(--accent-hover);border-color:var(--accent-hover)}.page .pill-link{color:var(--text-on-light);border-color:var(--light-border-strong);background:0 0}.page .pill-link:hover{color:var(--text-on-light);border-color:var(--accent);background:var(--accent-soft)}.project-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;padding-top:.5rem;display:grid}.project-card{background:var(--light-surface);color:var(--text-on-light);border:1px solid var(--light-border);border-radius:var(--radius);flex-direction:column;padding:1.6rem 1.7rem;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.project-card:hover{border-color:var(--light-border-strong);transform:translateY(-3px);box-shadow:0 16px 32px -16px #0f111529}.project-card h3{color:var(--text-on-light);font-size:1.08rem}.project-card .gh-link{color:var(--text-on-light-muted);align-self:flex-start;align-items:center;margin-bottom:.7rem;font-size:.78rem;font-weight:600;text-decoration:none;display:inline-flex}.project-card .gh-link:hover{color:var(--accent-strong);text-decoration:none}a.gh-link:after{content:"→";margin-left:.3rem}.gh-link--muted,.gh-link--muted:hover{color:var(--text-on-light-muted);cursor:default}.project-card ul{color:var(--text-on-light-dim);margin:0 0 auto;padding-left:1.05rem;font-size:.92rem}.project-card li{margin-bottom:.4rem}.project-card li:last-child{margin-bottom:0}.project-card .tags{border-top:1px solid var(--light-border);flex-wrap:wrap;gap:.4rem;margin-top:1rem;padding-top:.9rem;display:flex}.tag{color:var(--text-on-light-dim);background:var(--light);border:1px solid var(--light-border);border-radius:999px;padding:.2rem .6rem;font-size:.72rem;font-weight:500}@media (width<=640px){.project-grid{grid-template-columns:1fr}}.stack-band .band-inner{flex-wrap:wrap;align-items:baseline;gap:1rem 2rem;display:flex}.stack-band h2{color:var(--text-on-light-dim);white-space:nowrap;margin:0;font-size:1.1rem;font-weight:600}.stack-list{flex-wrap:wrap;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.stack-list li{color:var(--text-on-light-dim);background:var(--light);border:1px solid var(--light-border-strong);border-radius:999px;padding:.45rem .95rem;font-size:.88rem;font-weight:500;transition:border-color .15s,color .15s}.stack-list li:hover{border-color:var(--accent);color:var(--accent-strong)}.cta-band .band-inner{text-align:center;flex-direction:column;align-items:center;max-width:640px;display:flex}.cta-band h2{margin-bottom:.75rem;font-size:clamp(1.8rem,5vw,2.5rem)}.cta-band p{max-width:30rem}.cta-band .hero-links{justify-content:center;margin-top:.5rem}.cta-band .pill-link{color:var(--on-accent);border-color:#ffffff59}.cta-band .pill-link:hover{background:#ffffff1a;border-color:#ffffff8c}.cta-band .pill-link--primary{background:var(--on-accent);color:var(--accent);border-color:var(--on-accent)}.cta-band .pill-link--primary:hover{background:#e5e4fb;border-color:#e5e4fb}.colophon{background:var(--ink);border-top:1px solid var(--ink-border);width:100%}.colophon-inner{max-width:var(--band-width);color:var(--text-on-dark-dim);flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin:0 auto;padding:1.75rem clamp(1.25rem,4vw,2rem);font-size:.82rem;display:flex}.colophon-inner a{color:var(--text-on-dark-dim)}.colophon-inner a:hover{color:var(--accent)}.toast{z-index:500;background:var(--ink);max-width:30rem;color:var(--text-on-dark);border:1px solid var(--ink-border);border-left:4px solid var(--accent);border-radius:var(--radius);box-shadow:var(--shadow-md);opacity:0;pointer-events:none;align-items:flex-start;gap:1rem;margin-left:auto;padding:1.25rem 1.4rem;transition:opacity .3s,transform .3s;display:flex;position:fixed;bottom:1rem;left:1rem;right:1rem;transform:translateY(16px)}.toast.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.toast .toast-body{flex:1;min-width:0}.toast .toast-title{color:var(--text-on-dark);font-size:1.02rem;font-weight:700;display:block}.toast .toast-detail{color:var(--text-on-dark-dim);margin-top:.3rem;font-size:.95rem;display:block}.toast .toast-close{color:var(--text-on-dark-dim);cursor:pointer;background:0 0;border:none;flex-shrink:0;width:1.9rem;height:1.9rem;padding:0;font-size:1.6rem;line-height:1}.toast .toast-close:hover{color:var(--text-on-dark)}@media (width<=640px){.toast{max-width:none}}.previous-site-toast .toast-title{margin-bottom:.3rem}.previous-site-toast a{color:var(--accent);font-weight:600}.article-list{flex-direction:column;gap:.65rem;margin:0;padding:0;list-style:none;display:flex}.article-list li a{background:var(--light);color:var(--text-on-light);border:1px solid var(--light-border);border-radius:var(--radius);justify-content:space-between;align-items:baseline;gap:1rem;padding:1.1rem 1.3rem;font-size:1rem;font-weight:600;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.article-list li a:hover{color:var(--text-on-light);border-color:var(--light-border-strong);box-shadow:var(--shadow-sm);text-decoration:none;transform:translate(3px)}.article-list .article-meta{color:var(--text-on-light-muted);white-space:nowrap;font-size:.78rem;font-weight:500}article.article-body{border-top:1px solid var(--light-border);padding-top:2rem}article.article-body .article-meta{color:var(--accent-strong);text-transform:uppercase;letter-spacing:.03em;margin-bottom:1rem;font-size:.78rem;font-weight:700;display:block}article.article-body p{max-width:34rem;font-size:1.02rem}.back-link{color:var(--text-on-light-dim);font-size:.88rem;font-weight:500;text-decoration:none}.back-link:hover{color:var(--accent-strong)}.contact-header{padding-bottom:.5rem;position:relative}.jerry-contact{color:var(--text-on-light-muted);user-select:none;opacity:.6;margin:0;font-size:.4rem;line-height:1.1;position:absolute;top:.1rem;right:0}@media (width<=640px){.jerry-contact{display:none}}.contact-form{flex-direction:column;gap:1.2rem;max-width:28rem;display:flex}.field{flex-direction:column;gap:.4rem;display:flex}.field label{color:var(--text-on-light);font-size:.88rem;font-weight:500}.contact-form input,.contact-form textarea{background:var(--light);border:1px solid var(--light-border-strong);border-radius:var(--radius-sm);width:100%;color:var(--text-on-light);font-family:var(--font);padding:.68rem .85rem;font-size:.98rem;transition:border-color .15s,box-shadow .15s}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.contact-form textarea{resize:vertical;min-height:7rem}.btn{background:var(--accent);border:1px solid var(--accent);color:var(--on-accent);border-radius:var(--radius-sm);cursor:pointer;align-self:flex-start;padding:.7rem 1.6rem;font-size:.92rem;font-weight:700;transition:background .15s,border-color .15s,transform .15s}.btn:hover{background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-1px)}.btn[disabled]{opacity:.5;cursor:default;transform:none}.thankyou-card{text-align:left;flex-direction:column;align-items:flex-start;gap:1rem;display:flex}.thankyou-card pre{color:var(--text-on-light-dim);background:var(--light-surface);border:1px solid var(--light-border);border-radius:var(--radius);align-self:center;margin:.5rem 0 0;padding:1.1rem 1.4rem;font-size:.66rem;line-height:1.15}.tb-intro{max-width:40rem;font-size:1rem}.tb-intro strong{color:var(--text-on-light);font-weight:700}.tb-wrapper{border:1px solid var(--light-border);border-radius:var(--radius);background:var(--light-surface);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}.add-thought-controls{border-bottom:1px solid var(--light-border);background:var(--light);gap:.6rem;padding:.9rem;display:flex}.add-thought-controls input{background:var(--light);border:1px solid var(--light-border-strong);border-radius:var(--radius-sm);color:var(--text-on-light);font-family:var(--font);flex:1;padding:.6rem .8rem;font-size:.95rem}.add-thought-controls input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.add-thought-controls button{background:var(--accent);border:1px solid var(--accent);color:var(--on-accent);border-radius:var(--radius-sm);cursor:pointer;padding:0 1.25rem;font-size:.88rem;font-weight:700;transition:background .15s}.add-thought-controls button:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.board{aspect-ratio:1;background-color:var(--light-surface);background-image:linear-gradient(var(--light-border-strong) 1px, transparent 1px), linear-gradient(90deg, var(--light-border-strong) 1px, transparent 1px);background-position:12.5% 12.5%;background-size:25% 25%;width:100%;margin:0;position:relative;container-type:inline-size}.board div{border:1px solid var(--light-border-strong);touch-action:none;z-index:1;text-align:center;word-break:break-word;background:var(--light-surface);width:25cqw;height:25cqw;color:var(--text-on-light);cursor:grab;border-radius:12px;justify-content:center;align-items:center;padding:.6rem;font-size:.82rem;line-height:1.35;transition:box-shadow .15s;display:flex;position:absolute;overflow-y:auto;box-shadow:0 1px 2px #0f111c0f,0 10px 22px -14px #0f111c59}.board div:after{content:"";border-style:solid;border-width:0 15px 15px 0;border-color:transparent var(--light) transparent transparent;opacity:.6;pointer-events:none;width:0;height:0;position:absolute;top:0;right:0}.board div:hover{box-shadow:0 1px 2px #0f111c14,0 14px 28px -14px #0f111c73}.board div:active{cursor:grabbing}.board div#new_thought{border:1.5px dashed var(--accent);background:var(--accent-tint);box-shadow:0 1px 2px #0f111c0f,0 10px 24px -14px #6366f173}.board div#new_thought:after{border-color:transparent var(--accent-tint) transparent transparent}.submission-controls{border-top:1px solid var(--light-border);background:var(--light);padding:.9rem}.submission-controls button{background:var(--light);border:1px solid var(--light-border-strong);color:var(--text-on-light);border-radius:var(--radius-sm);cursor:pointer;width:100%;height:2.6rem;font-size:.9rem;font-weight:600;transition:border-color .15s,color .15s,background .15s}.submission-controls button:hover{border-color:var(--accent);color:var(--accent-strong);background:var(--accent-soft)}.thought-toast{border-left-color:var(--accent);gap:.75rem;padding:1rem 1.1rem}.thought-toast .toast-title{font-size:.98rem}.thought-toast .toast-close{width:1.6rem;height:1.6rem;margin-top:-.15rem;font-size:1.4rem}.thought-toast.is-error{border-left-color:var(--danger)}.thought-toast.is-error .toast-title{color:var(--danger)}.thought-toast.is-visible{animation:.28s cubic-bezier(.2,.7,.2,1) forwards toast-rise}.thought-toast.is-error.is-visible{animation:.28s cubic-bezier(.2,.7,.2,1) forwards toast-rise,.4s .3s toast-nudge}.previous-site-toast.is-visible,.thought-toast.is-visible{animation:.28s cubic-bezier(.2,.7,.2,1) forwards toast-rise}.previous-site-toast.is-leaving,.thought-toast.is-leaving{animation:.3s forwards toast-sink}@keyframes toast-rise{0%{transform:translateY(16px)translate(0)}to{transform:translateY(0)translate(0)}}@keyframes toast-nudge{0%,to{transform:translateY(0)translate(0)}25%{transform:translateY(0)translate(-5px)}75%{transform:translateY(0)translate(5px)}}@keyframes toast-sink{0%{transform:translateY(0)translate(0)}to{transform:translateY(16px)translate(0)}}@media (prefers-reduced-motion:reduce){:not(.toast){scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.previous-site-toast.is-visible,.previous-site-toast.is-leaving,.thought-toast.is-visible,.thought-toast.is-error.is-visible,.thought-toast.is-leaving{animation:none}}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}