@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Jost:ital,wght@0,100..900;1,100..900&display=swap";:root{--system-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--jost-font: "Jost", var(--system-font);--body-font: var(--jost-font);--header-font: var(--jost-font);--label-font: var(--jost-font);--monospace-font: "JetBrains Mono", monospace;--fg-rgb: 20, 18, 15;--fg-secondary-rgb: 106, 100, 91;--fg-highlight-rgb: 78, 38, 46;--bg-rgb: 250, 248, 241;--bg-secondary-rgb: 241, 237, 227;--accent-rgb: 78, 38, 46;--accent-secondary-rgb: 111, 85, 75;--accent-border-rgb: 181, 167, 151;--border-color-rgb: 215, 207, 193;--fg: rgb(var(--fg-rgb));--fg-secondary: rgb(var(--fg-secondary-rgb));--fg-highlight: rgb(var(--fg-highlight-rgb));--bg: rgb(var(--bg-rgb));--bg-secondary: rgb(var(--bg-secondary-rgb));--accent: rgb(var(--accent-rgb));--accent-secondary: rgb(var(--accent-secondary-rgb));--accent-border-color: rgb(var(--accent-border-rgb));--border-color: rgb(var(--border-color-rgb));--surface: var(--bg);--surface-strong: rgb(255, 253, 247);--shadow: none;--border-radius: 0;--border-radius-1: 0;--border-radius-2: 0;--transition: .16s ease;color-scheme:light;accent-color:var(--accent)}:root[data-theme=dark]{--fg-rgb: 238, 232, 219;--fg-secondary-rgb: 166, 157, 140;--fg-highlight-rgb: 209, 155, 139;--bg-rgb: 18, 17, 15;--bg-secondary-rgb: 30, 28, 25;--accent-rgb: 209, 155, 139;--accent-secondary-rgb: 176, 137, 121;--accent-border-rgb: 90, 78, 66;--border-color-rgb: 58, 53, 46;--surface: var(--bg);--surface-strong: rgb(23, 21, 18);--shadow: none;color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme]){--fg-rgb: 238, 232, 219;--fg-secondary-rgb: 166, 157, 140;--fg-highlight-rgb: 209, 155, 139;--bg-rgb: 18, 17, 15;--bg-secondary-rgb: 30, 28, 25;--accent-rgb: 209, 155, 139;--accent-secondary-rgb: 176, 137, 121;--accent-border-rgb: 90, 78, 66;--border-color-rgb: 58, 53, 46;--surface: var(--bg);--surface-strong: rgb(23, 21, 18);--shadow: none;color-scheme:dark}}*{box-sizing:border-box}::selection{color:var(--surface);background:var(--accent)}html{width:100%;margin:0;padding:0;color:var(--fg);background:var(--bg);font-size:19px;font-family:var(--body-font);font-weight:400}body{width:100%;min-height:100vh;margin:0;padding:0;background:var(--bg)}#root{width:min(1180px,calc(100% - 48px));min-height:100vh;margin:0 auto;display:grid;grid-template-columns:218px minmax(0,1fr);grid-template-rows:1fr auto;background:var(--surface);line-height:1.65}h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-family:var(--header-font);font-weight:500;letter-spacing:0;line-height:1}h1{font-size:clamp(3.2rem,8vw,6.8rem)}h2{font-size:clamp(2rem,3.5vw,3.5rem)}h3{font-size:clamp(1.3rem,2vw,1.75rem)}p{margin:0;padding:0}pre,code{font-family:var(--monospace-font)}code{padding:.075rem .25rem;background:var(--bg-secondary);border-radius:0;font-size:.9em}pre{max-width:100%;margin:1.5rem 0;padding:1rem;overflow:auto;background:var(--bg-secondary);border-radius:0}pre code{padding:0;background:none;border:none}a{color:var(--accent);font-weight:500;text-decoration-color:rgba(var(--accent-rgb),.4);text-decoration-thickness:1px;text-underline-offset:.16em;transition:color var(--transition),text-decoration-color var(--transition),background-color var(--transition)}a:hover{color:var(--fg);text-decoration-color:var(--fg)}a:focus-visible,button:focus-visible,.theme-select select:focus-visible,.button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button,.button{padding:.25rem 0;display:inline-flex;align-items:center;justify-content:center;color:var(--accent);background:transparent;border:none;border-radius:0;font-family:var(--label-font);font-size:.82rem;font-weight:600;text-decoration:underline;text-decoration-color:rgba(var(--accent-rgb),.4);text-underline-offset:.16em;cursor:pointer;transition:var(--transition);-webkit-user-drag:none}button:hover,.button:hover{color:var(--fg);background:transparent}button:is(:disabled,.disabled),.button:is(:disabled,.disabled){color:var(--fg-secondary);opacity:.45;pointer-events:none;cursor:not-allowed}hr{width:100%;margin:2rem 0;padding:0;border:none;border-bottom:1px solid rgba(var(--fg-rgb),.22)}ul,ol{margin:0;padding-block:.35rem;padding-inline:1.25rem 0}li{padding-block:.1rem;padding-inline-start:.25rem}main{width:100%;min-width:0;margin:0;padding:clamp(2.5rem,6vw,4.75rem) 0 clamp(3rem,7vw,5.5rem) clamp(2.25rem,5vw,5rem);grid-column:2;grid-row:1}main>h2:first-child{margin-bottom:2.25rem;color:var(--fg);font-size:clamp(3rem,7vw,5.8rem);font-weight:500}.subheading{color:var(--fg-secondary);font-size:1.08rem}blockquote{margin:1.75rem 0;padding:0;color:var(--fg);font-size:1.12rem;font-style:italic;line-height:1.55}img,iframe{max-width:100%}footer{width:100%;margin:0;padding:1.1rem 0 2rem clamp(2.25rem,5vw,5rem);grid-column:2;grid-row:2;color:var(--fg-secondary);font-family:var(--label-font);font-size:.78rem}@media(max-width:900px){#root{width:min(760px,calc(100% - 32px));min-height:auto;margin:0 auto;display:flex;flex-direction:column}main{padding:2rem 0 3.5rem}footer{padding:1rem 0 2rem}}@media(max-width:480px){html{font-size:17px}#root{width:100%;margin:0;border-inline:none}main,footer{padding-inline:1rem}}header{width:100%;min-height:100%;margin:0;padding:0;grid-column:1;grid-row:1 / span 2;background:transparent}.header-content{width:100%;padding:clamp(2rem,5vw,4.75rem) 1.5rem 2rem 0;display:flex;flex-direction:column;align-items:flex-start;gap:1.75rem}.nav-menu-toggle{display:none}.site-title{width:100%}.site-title a{display:block;color:var(--fg);text-decoration:none}.site-title img{display:none}.site-title span{min-width:0;display:flex;flex-direction:column;gap:.15rem}.site-title strong{font-family:var(--header-font);font-size:clamp(1.7rem,2.5vw,2.2rem);font-weight:500;line-height:.95}.site-title small{color:var(--fg-secondary);font-family:var(--label-font);font-size:.72rem;font-weight:600;letter-spacing:.04em;line-height:1.2;text-transform:uppercase}nav,.nav-elsewhere,.theme-select{width:100%}.nav-menu-sections{width:100%;display:flex;flex-direction:column;gap:1.75rem}nav h2{display:none}nav ul,.nav-elsewhere ul{list-style:none;width:100%;margin:0;padding:0;display:flex;flex-direction:column;gap:0}nav li,.nav-elsewhere li{margin:0;padding:0}nav a,.nav-elsewhere a{width:100%;min-height:auto;padding:.45rem 0;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;color:var(--fg-secondary);border-radius:0;font-family:var(--label-font);font-size:.78rem;font-weight:650;letter-spacing:.04em;line-height:1.2;text-decoration:none;text-transform:uppercase}nav a svg,.nav-elsewhere a svg{display:none}.theme-pill svg{flex:none;stroke-width:2}nav a.active{color:var(--fg);background:transparent;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}nav a:hover,.nav-elsewhere a:hover{color:var(--fg);background:transparent;text-decoration:none}.nav-elsewhere,.theme-select{padding-top:.5rem}.nav-elsewhere h2,.theme-select label{margin-bottom:.55rem;display:block;color:var(--fg-secondary);font-family:var(--label-font);font-size:.68rem;font-weight:680;letter-spacing:.08em;line-height:1;text-transform:uppercase}.theme-select{display:flex;flex-direction:column;gap:.4rem}.theme-select select{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.theme-pill-group{display:inline-flex;align-items:center;gap:.75rem}.theme-pill{width:auto;height:auto;padding:0;color:var(--fg-secondary);background:transparent;border:none;border-radius:0;text-decoration:none}.theme-pill:hover{color:var(--fg);background:transparent;text-decoration:none}.theme-pill[aria-pressed=true]{color:var(--fg);background:transparent;box-shadow:0 1px 0 var(--fg)}@media(max-width:900px){header{min-height:0;border-right:none}.header-content{padding:1.25rem 0 1rem;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:1.15rem .9rem}.nav-menu-toggle{width:1.75rem;height:1.75rem;padding:0;display:inline-flex;grid-column:2;grid-row:1;align-items:center;justify-content:flex-end;color:var(--fg);background:transparent;border:none;text-decoration:none}.nav-menu-toggle:hover{background:transparent}.nav-menu-toggle[aria-expanded=true]{color:var(--accent)}.site-title{grid-column:1;grid-row:1}.nav-menu-sections{grid-column:1 / -1;display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.35rem 1rem}.nav-menu-sections.is-open{display:grid}nav,.nav-elsewhere{width:auto;min-width:0}nav h2{margin-bottom:.55rem;display:block;color:var(--fg-secondary);font-family:var(--label-font);font-size:.68rem;font-weight:680;letter-spacing:.08em;text-transform:uppercase}.nav-elsewhere{padding-top:0;border-top:none}.theme-select{grid-column:1 / -1;padding-top:0;border-top:none}.theme-select label{display:none}}@media(max-width:480px){.header-content{padding-inline:1rem}.nav-menu-sections{grid-template-columns:1fr}}.link-grid{width:100%}.link-grid ul{list-style:none;width:100%;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem .9rem}.link-grid li{margin:0;padding:0}.link-grid a{color:var(--fg-secondary);font-size:.95rem;font-weight:560;text-decoration:none}.link-grid a:hover{color:var(--accent)}section.link-list{width:100%;border-top:1px solid rgba(var(--fg-rgb),.28)}section.link-list article{width:100%;margin:0;padding:1.25rem 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(9rem,auto);grid-template-areas:"title meta" "subtitle meta" "tags tags";gap:.25rem 1.5rem;border-bottom:1px solid rgba(var(--fg-rgb),.16)}section.link-list h3{grid-area:title;padding:0;font-size:clamp(1.45rem,2.8vw,2.1rem);font-weight:500;line-height:1.05}section.link-list h3 a{color:var(--fg);text-decoration:none}section.link-list h3 a:hover{color:var(--accent)}section.link-list p.subtitle{grid-area:subtitle;padding:0;color:var(--fg-secondary);font-size:1rem;line-height:1.48}section.link-list sub.timestamp{grid-area:meta;align-self:start;color:var(--fg-secondary);font-family:var(--label-font);font-size:.72rem;font-weight:600;letter-spacing:.04em;line-height:1.4;text-align:right;text-transform:uppercase;white-space:nowrap}.tag-list{grid-area:tags;list-style:none;margin:.25rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem .6rem}.tag-list li{margin:0;padding:0;color:var(--fg-secondary);font-family:var(--label-font);font-size:.68rem;font-weight:650;letter-spacing:.04em;text-transform:uppercase}.tag-list li:before{content:"#";color:var(--accent)}.tag-list a{color:inherit;text-decoration:none}.tag-list a:hover{color:var(--accent)}.tag-list a:focus-visible{outline-offset:3px}.section-label{margin:2.75rem 0 .85rem;color:var(--fg-secondary);font-family:var(--label-font);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}main>h2:first-child+.section-label{margin-top:0}@media(max-width:640px){section.link-list article{grid-template-columns:1fr;grid-template-areas:"title" "subtitle" "meta" "tags"}section.link-list sub.timestamp{text-align:left;white-space:normal}}.home{width:100%;display:flex;flex-direction:column;gap:clamp(3rem,7vw,5rem)}.home-hero{width:100%;padding-bottom:clamp(1rem,3vw,2rem);display:grid;grid-template-columns:minmax(0,1fr) minmax(12rem,17rem);gap:clamp(2rem,5vw,4rem)}.hero-copy{max-width:46rem}.hero-copy:before{content:none}.home-hero h1{max-width:10ch;color:var(--fg);font-size:clamp(4rem,10vw,8.6rem);font-weight:500;line-height:.85}.home-hero .lede{max-width:36rem;margin-top:1.35rem;color:var(--fg);font-size:clamp(1.35rem,2.4vw,1.9rem);font-weight:400;line-height:1.18}.home-hero p:not(.lede){max-width:32rem;margin-top:1.25rem;color:var(--fg-secondary);font-size:1.05rem;line-height:1.62}.hero-medallion{margin:0;align-self:end;display:block}.hero-medallion img{width:100%;height:auto;display:block;-webkit-user-drag:none}.home-section{width:100%;display:flex;flex-direction:column;gap:0}.section-heading{width:100%;padding-bottom:.85rem;display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.section-heading h2{color:var(--fg);font-family:var(--label-font);font-size:.76rem;font-weight:720;letter-spacing:.08em;line-height:1;text-transform:uppercase}.section-heading a{flex:none;color:var(--fg-secondary);font-family:var(--label-font);font-size:.74rem;font-weight:650;letter-spacing:.04em;text-decoration:none;text-transform:uppercase}.section-heading a:hover{color:var(--accent)}.index-list{width:100%;display:grid;border-top:1px solid rgba(var(--fg-rgb),.28)}.index-list article{width:100%;padding:1.1rem 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(8rem,auto);grid-template-areas:"title meta" "description description";gap:.2rem 1.25rem;border-bottom:1px solid rgba(var(--fg-rgb),.16)}.index-list article>a{grid-area:title;color:var(--fg);font-size:clamp(1.35rem,2.4vw,1.8rem);font-weight:500;line-height:1.08;text-decoration:none}.index-list article>a:hover{color:var(--accent)}.index-list article>p{grid-area:description;color:var(--fg-secondary);font-size:1rem;line-height:1.5}.index-list article>span{grid-area:meta;color:var(--fg-secondary);font-family:var(--label-font);font-size:.72rem;font-weight:600;letter-spacing:.04em;text-align:right;text-transform:uppercase;white-space:nowrap}@media(max-width:760px){.home-hero{grid-template-columns:1fr}.hero-medallion{width:min(14rem,62vw);align-self:start}}@media(max-width:640px){.home{gap:2.5rem}.index-list article{grid-template-columns:1fr;grid-template-areas:"title" "description" "meta"}.index-list article>span{text-align:left;white-space:normal}}article.post{width:100%}article.post .post-header{width:100%;margin:0 0 2.75rem;display:flex;flex-direction:column;align-items:flex-start;gap:.9rem}article.post .post-header h2{max-width:13ch;color:var(--fg);font-size:clamp(3rem,7.5vw,6.4rem);font-weight:500;line-height:.88}article.post .post-header p.subtitle{max-width:40rem;color:var(--fg-secondary);font-size:clamp(1.25rem,2.2vw,1.75rem);font-weight:400;line-height:1.22}article.post .post-header sub.timestamp{color:var(--fg-secondary);font-family:var(--label-font);font-size:.72rem;font-weight:650;letter-spacing:.06em;text-transform:uppercase}article.post .post-body{width:min(100%,740px);color:var(--fg);font-size:1.03rem;line-height:1.72}article.post .post-body>*+*{margin-top:1.1rem}article.post .post-body h1,article.post .post-body h2,article.post .post-body h3{margin-top:2.5rem}article.post .post-body h1{font-size:clamp(1.9rem,3vw,2.45rem)}article.post .post-body h2{font-size:clamp(1.45rem,2vw,1.8rem)}article.post .post-body h3{font-size:1.18rem}article.post .post-body p,article.post .post-body li{color:var(--fg)}article.post .post-body img{max-width:100%;height:auto;display:block;border-radius:0;-webkit-user-drag:none}article.post .post-body iframe{border-radius:0}article.post .post-body sup{line-height:0}@media(max-width:640px){article.post .post-header{margin-bottom:2rem;padding-bottom:1.5rem}}article.project{width:100%}article.project .project-header{width:100%;margin:0 0 2.75rem;display:flex;flex-direction:column;align-items:flex-start;gap:.9rem}article.project .project-header h2{max-width:13ch;color:var(--fg);font-size:clamp(3rem,7.5vw,6.4rem);font-weight:500;line-height:.88}article.project .project-header p.subtitle{max-width:40rem;color:var(--fg-secondary);font-size:clamp(1.25rem,2.2vw,1.75rem);font-weight:400;line-height:1.22}article.project .project-header sub.timestamp{color:var(--fg-secondary);font-family:var(--label-font);font-size:.72rem;font-weight:650;letter-spacing:.06em;text-transform:uppercase}.project-stack,.project-links ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem .8rem}.project-stack li{margin:0;padding:0;color:var(--fg-secondary);font-family:var(--label-font);font-size:.7rem;font-weight:650;letter-spacing:.04em;text-transform:uppercase}.project-stack li+li:before{content:"/";margin-right:.8rem;color:var(--accent-secondary)}.project-links{width:100%;margin-top:.3rem}.project-links li{margin:0;padding:0}.project-links a.button{padding:.2rem 0}article.project .project-body{width:min(100%,740px);font-size:1.03rem;line-height:1.72}article.project .project-body>*+*{margin-top:1.1rem}article.project .project-body h1,article.project .project-body h2,article.project .project-body h3,article.project .project-body h4{margin-top:2.35rem}article.project .project-body h3{font-size:clamp(1.45rem,2vw,1.8rem)}article.project .project-body h4{font-size:1.18rem}.project-screenshots{width:100%;margin:0 0 2rem;display:grid;gap:1rem}.project-screenshots a{display:block}.project-screenshots img{width:100%;height:auto;display:block;border-radius:0;-webkit-user-drag:none}@media(max-width:640px){article.project .project-header{margin-bottom:2rem;padding-bottom:1.5rem}}section.feed-posts-list{width:100%;margin-top:1rem;border-top:1px solid rgba(var(--fg-rgb),.28)}section.feed-posts-list ul{list-style:none;width:100%;margin:0;padding:0;display:flex;flex-direction:column}section.feed-posts-list li{width:100%;margin:0;padding:1.35rem 0;border-bottom:1px solid rgba(var(--fg-rgb),.16)}section.feed-posts-list li>div:first-child{color:var(--fg)}section.feed-posts-list p{margin:0 0 .75rem}section.feed-posts-list a{overflow-wrap:anywhere}section.feed-posts-list sub.timestamp{display:inline-block;margin-top:.75rem;color:var(--fg-secondary);font-family:var(--label-font);font-size:.7rem;font-weight:650;letter-spacing:.05em;text-transform:uppercase}section.feed-posts-list sub.timestamp a{color:var(--fg-secondary);font-weight:560;text-decoration:none}section.feed-posts-list sub.timestamp a:hover{color:var(--accent)}.carousel{margin-top:1rem;display:grid;gap:1rem}.image-group img{width:100%;display:block;border-radius:0}.image-group span{margin-top:.45rem;display:inline-block;color:var(--fg-secondary);font-family:var(--label-font);font-size:.72rem}img.not-found{width:180px;height:180px;margin:2rem 0;display:block;border-radius:0;filter:grayscale(.1);user-select:none;-webkit-user-drag:none}.button.not-found-redirect{margin-top:1rem}