@font-face{font-family:Satoshi;src:url(/fonts/satoshi-variable.woff2) format("woff2");font-weight:300 900;font-style:normal;font-display:swap}:root{--bg: #fafaf7;--ink: #45413a;--muted: #9c978c;--accent: #2c4ad6;--line: #e6e3da;--code-bg: #f1efe8;--dim: .32;--col: 640px;--col-wide: 940px;--gutter: 1.5rem;--font: "Satoshi", ui-sans-serif, system-ui, sans-serif}:root[data-theme=dark]{--bg: #0e1014;--ink: #e7eaf0;--muted: #888f9a;--accent: #e8552d;--line: #242a32;--code-bg: #211e18;--dim: .12}*,*:before,*:after{box-sizing:border-box}html{background:var(--bg);scrollbar-gutter:stable}:root[data-theme=dark] body:after{content:"";position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}body{margin:0;font-family:var(--font);font-size:1rem;font-weight:550;line-height:1.35;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--ink);color:var(--bg)}img,video,iframe{max-width:100%}a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;text-decoration-color:var(--muted);transition:text-decoration-color .15s ease}a:hover{text-decoration-color:var(--ink)}strong,b{font-weight:650}.wrap{max-width:calc(var(--col) + 2 * var(--gutter));margin-inline:auto;padding-inline:var(--gutter)}.muted{color:var(--muted)}.home{height:100dvh;display:flex;flex-direction:column;padding:10vh 1.5rem 10vh 10vw}.masthead{max-width:var(--col);flex-shrink:0}.site-name{margin:0;font-size:1rem;font-weight:inherit}.site-name .nch{transition:font-variation-settings .16s ease}.subtitle{margin:.1rem 0 0;color:var(--muted)}.role-rotator{display:inline-block;transition:opacity .35s ease}.clock{font-variant-numeric:tabular-nums}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.bio{margin:1.4rem 0 0;max-width:46ch}.index{margin-top:clamp(2.5rem,6vh,4rem);flex:1;min-height:0;display:flex;flex-direction:column}.index-heading{margin:0 0 1.4rem;font-size:1rem;font-weight:inherit;color:var(--muted);flex-shrink:0}.index-scroll{flex:1;min-height:0;overflow-y:auto;padding-bottom:6rem;mask-image:linear-gradient(to bottom,#000 calc(100% - 90px),transparent);scrollbar-width:thin;scrollbar-color:var(--line) transparent}.index-scroll::-webkit-scrollbar{width:3px}.index-scroll::-webkit-scrollbar-track{background:transparent}.index-scroll::-webkit-scrollbar-thumb{background:var(--line)}.index-row{display:block;text-decoration:none;padding-bottom:1.4rem;max-width:var(--col);transition:opacity .2s ease}@media(hover:hover){.index-scroll:has(.index-row:hover) .index-row{opacity:var(--dim)}.index-scroll:has(.index-row:hover) .index-row:hover{opacity:1}}.row-top{display:flex;align-items:baseline;justify-content:space-between;gap:3rem}.row-year{color:var(--muted);flex-shrink:0;font-size:.85rem;font-variant-numeric:tabular-nums}.index-row:hover .row-title{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}.row-sub{display:block;margin-top:.1rem;color:var(--muted);max-width:42ch}.home-footer{flex-shrink:0;display:flex;justify-content:space-between;gap:1.5rem;color:var(--muted);max-width:var(--col);padding-top:1.5rem}@media(max-width:1000px){.home{height:auto;display:block;padding:4rem 1.5rem 0}.project{padding:4rem 1.5rem 0}.project-hero,.prose .video-embed,.prose .image-grid,.prose .figure{width:100%}.index-scroll{overflow:visible;mask-image:none;padding-bottom:0}.home-footer{padding:3rem 0 1.5rem}.index-row{padding-bottom:1.6rem;opacity:calc(var(--dim) + (1 - var(--dim)) * var(--f, 1));transition:none}}.preview-stage{position:fixed;left:calc(10vw + 640px + 3rem);right:3rem;top:50%;height:0;display:flex;justify-content:center;align-items:center;gap:12px;transition:top .3s cubic-bezier(.25,1,.4,1);pointer-events:none;z-index:10}.collage-item{flex:0 0 auto;height:auto;display:block;opacity:0;transition:opacity .2s ease}.preview-stage.visible .collage-item{opacity:1}@media(hover:none),(max-width:1180px){.preview-stage{display:none}}.cursor-blob{position:fixed;top:0;left:0;width:18px;height:18px;border-radius:50%;background:var(--accent);mix-blend-mode:multiply;pointer-events:none;z-index:50;opacity:0;transition:opacity .3s ease;will-change:transform}:root[data-theme=dark] .cursor-blob{filter:blur(3px);box-shadow:0 0 22px 6px var(--accent),0 0 48px 16px #e8552d73;mix-blend-mode:screen}.theme-toggle{position:fixed;top:calc(10vh - 1px);left:min(calc(10vw + var(--col) - 20px),calc(100vw - 1.5rem - 20px));z-index:70;width:20px;height:20px;padding:0;border:0;background:none;color:var(--muted);cursor:pointer;transition:color .15s ease,transform .25s ease}.theme-toggle:hover{color:var(--ink);transform:rotate(20deg)}.theme-toggle .icon{width:100%;height:100%;display:block;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.theme-toggle .icon-moon{display:none}:root[data-theme=dark] .theme-toggle .icon-sun{display:none}:root[data-theme=dark] .theme-toggle .icon-moon{display:block}@media(max-width:1000px){.theme-toggle{top:1.5rem;left:auto;right:1.5rem}}.cursor-blob.alive{opacity:1}@media(hover:none),(pointer:coarse){.cursor-blob{display:none}}@media(hover:hover)and (pointer:fine){*{cursor:none!important}}.project{padding:10vh 1.5rem 0 10vw}.project>article,.project>.crumb,.project>.project-footer{max-width:var(--col)}.crumb{font-size:1rem}.crumb a{color:var(--muted);text-decoration:none}.crumb a:hover{color:var(--ink)}.project-header{margin-top:clamp(2.5rem,7vh,4rem)}.project-title{margin:0;font-size:1.2rem;font-weight:inherit;line-height:1.3}.project-meta{margin:.2rem 0 0;color:var(--muted)}.project-summary{margin:1.4rem 0 0;max-width:50ch}.project-hero{margin-block:2.75rem}.project-hero img{width:100%;height:auto;display:block}.project-links{margin-top:3rem}.project-footer{margin-block:5.5rem 3.5rem;display:flex;justify-content:space-between;gap:1.5rem}.project-footer a{text-decoration:none;color:var(--muted)}.project-footer a:hover{color:var(--ink)}.project-hero,.prose .video-embed,.prose .image-grid,.prose .figure{width:min(var(--col-wide),100vw - 10vw - 2 * var(--gutter));margin-inline:0}.prose{margin-top:2.5rem;line-height:1.55}.prose>*{margin-block:0 1.2em}.prose h2{font-size:1rem;font-weight:inherit;color:var(--muted);margin-top:3.2em;margin-bottom:1.2em}.prose h3{font-size:1rem;font-weight:inherit;color:var(--muted);margin-top:2.4em}.prose blockquote{margin-inline:0;padding-left:1.25rem;border-left:1px solid var(--ink);color:var(--muted)}.prose hr{border:0;border-top:1px solid var(--line);width:3rem;margin:3rem 0}.prose ul,.prose ol{padding-left:1.2rem}.prose code{font-size:.85em;background:var(--code-bg);padding:.1em .35em;border-radius:2px}.prose pre{background:var(--code-bg);padding:1rem 1.25rem;overflow-x:auto;font-size:.85rem;line-height:1.55}.prose pre code{background:none;padding:0}.prose .video-embed,.prose .image-grid,.prose .figure{margin-block:2.5rem}.video-embed{aspect-ratio:16 / 9;background:#111}.video-embed iframe,.video-embed video{width:100%;height:100%;display:block;border:0}.image-grid{display:grid;grid-template-columns:repeat(var(--cols, 2),1fr);gap:.8rem}.image-grid .figure{width:auto;margin-inline:0;margin-block:0}@media(max-width:640px){.image-grid{grid-template-columns:1fr}}.figure{margin-block:0}figure.figure{margin-inline:0}.figure img{width:100%;height:auto;display:block}.figure figcaption{margin-top:.55rem;font-size:.85rem;color:var(--muted)}.link-card{display:block;text-decoration:none;margin-bottom:1.2rem}.link-card-label{display:block}.link-card:hover .link-card-label{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}.link-card-note{display:block;color:var(--muted)}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}