@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/space-grotesk-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #05070a;--paper: #0d1218;--ink: #e4ebe7;--ink-2: #b3c0ba;--dim: #7f9089;--line: #22302a;--accent: #56e0a0;--accent-dim: #2a6b52;--hover: color-mix(in srgb, var(--accent) 60%, var(--ink));--accent3: #69c6f2;--accent-hi: color-mix(in srgb, var(--accent) 22%, #fff);--accent3-hi: color-mix(in srgb, var(--accent3) 25%, #fff);--live: #56e0a0;--testing: #ffd166;--research: #6cb6ff;--built: #c792ff;--font: "Space Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;color-scheme:dark}*{box-sizing:border-box}html.lenis,html.lenis body{height:auto}.lenis.lenis-stopped{overflow:hidden}::selection{background:var(--accent);color:#05070a}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}body{margin:0;color:var(--ink);font-family:var(--font);font-size:1rem;line-height:1.65;letter-spacing:.005em;-webkit-font-smoothing:antialiased;background:var(--bg)}main#content,header#top,footer#foot{max-width:720px;margin:0 auto;padding-left:24px;padding-right:24px}footer#foot{padding-bottom:80px}#top{position:sticky;top:0;z-index:10;background:var(--bg);display:flex;align-items:center;gap:14px;padding-top:14px;padding-bottom:14px;box-shadow:0 1px 0 var(--line);flex-wrap:nowrap}#top .dots{display:flex;gap:6px}#top .dots span{width:10px;height:10px;border-radius:50%;display:block}#top .dots span:nth-child(1){background:#ff5f56}#top .dots span:nth-child(2){background:#ffbd2e}#top .dots span:nth-child(3){background:#27c93f}#top .brand{font-weight:700;font-size:1rem;color:var(--ink)}#top nav{display:flex;gap:12px;flex-wrap:nowrap;margin-left:auto;min-width:0;overflow-x:auto;scrollbar-width:none}#top nav::-webkit-scrollbar{display:none}#top nav a{flex:none;white-space:nowrap}#top nav a:focus-visible{outline-offset:-2px}#top .brand,#top .dots{flex:none}#top nav a{color:var(--dim);text-decoration:none;font-size:.8125rem;transition:color .2s ease}#top nav a:before{content:"/";margin-right:2px;color:var(--line)}#top nav a:hover,#top nav a.active{color:var(--accent)}#progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:60;pointer-events:none;transform-origin:0 50%;transform:scaleX(0);background:var(--accent)}body.has-cursor,body.has-cursor *{cursor:none!important}.fx-layer{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;margin:0;padding:0;border:0;overflow:visible;background:none;color:inherit;pointer-events:none}.cursor-ring,.cursor-dot{position:fixed;top:0;left:0;z-index:500;pointer-events:none;border-radius:50%}.cursor-dot{width:6px;height:6px;background:var(--accent)}.cursor-ring{width:34px;height:34px;border:1px solid rgba(86,224,160,.55);display:flex;align-items:center;justify-content:center;transition:width .25s ease,height .25s ease,background .25s ease,border-color .25s ease}.cursor-ring[data-state=soft]{width:44px;height:44px;background:#ffffff0a;border-color:#56e0a0d9}.cursor-ring[data-state=link]{width:58px;height:58px;background:#ffffff0f;border-color:var(--accent)}.cursor-ring[data-state=drag],.cursor-ring[data-state=view]{width:76px;height:76px;background:#ffffff12;border-color:var(--accent)}.cursor-label{font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.click-ring{position:fixed;top:0;left:0;z-index:499;width:40px;height:40px;border:1px solid var(--accent);border-radius:50%;pointer-events:none}.click-dot{position:fixed;top:0;left:0;z-index:499;width:5px;height:5px;border-radius:50%;background:var(--accent);pointer-events:none}.w{transition:color .8s ease}.w:hover{color:var(--hover);transition-duration:.1s}a .w:hover{color:inherit}.entry,.card,.skill-group{position:relative}.entry:before,.skill-group:before,.card:before{content:"";position:absolute;top:0;right:-14px;bottom:0;left:-14px;border-radius:10px;pointer-events:none;opacity:0;transition:opacity .35s ease;background:radial-gradient(280px circle at var(--mx, 50%) var(--my, 50%),rgba(255,255,255,.045),transparent 70%)}.card:before{top:0;right:0;bottom:0;left:0;border-radius:4px}.entry:hover:before,.skill-group:hover:before,.card:hover:before{opacity:1}.imac-pin{height:100vh;width:100%;position:relative;overflow:hidden}.imac-pin.no-webgl{display:none}.imac-studio{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 62% 52% at 50% 62%,#12261e,#12261e00 72%),#05070a}.imac-container,.imac-container canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.imac-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;color:var(--dim);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}.imac-loading.done{display:none}.imac-hint{position:absolute;left:50%;bottom:28px;transform:translate(-50%);z-index:4;display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--dim);font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;pointer-events:none}.imac-hint:after{content:"";width:1px;height:34px;transform-origin:top;background:linear-gradient(var(--accent),transparent);animation:hint 1.8s ease-in-out infinite}@keyframes hint{0%{transform:scaleY(0);opacity:1}55%{transform:scaleY(1);opacity:1}to{transform:scaleY(1);opacity:0}}.imac-debug{position:fixed;left:16px;bottom:16px;z-index:50;display:flex;align-items:center;gap:10px;background:#05070ad9;border:1px solid var(--line);border-radius:8px;padding:8px 12px;font-size:.72rem;color:var(--dim)}.imac-debug input[type=range]{width:160px}.prompt{margin:0 0 10px;font-size:.9rem;font-weight:400}h1.name{font-size:1rem;font-weight:400;line-height:inherit}section:not(.boot)>.prompt{margin-bottom:20px;font-size:1.4rem;line-height:1.3}section:not(.boot)>.prompt .cmd{font-weight:600}.prompt .user{color:var(--accent)}.prompt .path{color:var(--dim)}.prompt .dollar{color:var(--dim);margin-right:.5em}.prompt .cmd{color:var(--ink)}.prompt.cursor .dollar:after{content:"";display:inline-block;width:8px;height:1em;background:var(--accent);margin-left:6px;vertical-align:text-bottom;animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}@media (prefers-reduced-motion: reduce){.prompt.cursor .dollar:after{animation:none}}.boot{padding:40px 0 44px}.boot .out{margin:0 0 20px;color:var(--ink);opacity:.92}.boot .out.dim{color:var(--dim);margin-top:-14px}.boot .out.quote{font-style:italic;color:var(--ink-2)}.boot .out.lead{margin-bottom:6px}.boot .also{margin:0 0 20px;padding-left:1.2em}.boot .also li{margin:.2em 0}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:20px 28px;margin:0 0 20px}.stat b{display:block;font-size:1.75rem;line-height:1.2;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}.stat span{font-size:.875rem;color:var(--dim);max-width:18ch;display:block}.links-row{display:flex;gap:16px;margin:0 0 20px;flex-wrap:wrap}.links-row a{color:var(--ink);text-decoration:none;font-size:.9rem;border:1px solid var(--line);padding:.45em .9em;border-radius:4px;transition:border-color .2s ease,color .2s ease,box-shadow .2s ease}.links-row a:hover{border-color:var(--accent);color:var(--accent)}.seen-in{display:flex;align-items:center;gap:8px 18px;flex-wrap:wrap;margin:0}.seen-in a{font-size:.875rem}.legend{margin:16px 0 6px;font-size:.8125rem;color:var(--dim)}.legend i{margin:0 .7em;font-style:normal;opacity:.5}.legend .ext-mark{color:var(--accent)}.legend .ph-mark{color:var(--accent3)}a.ext{color:var(--accent);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 40%,transparent);text-decoration-thickness:1px;text-underline-offset:.22em;transition:color .2s ease,text-decoration-color .2s ease}a.ext:after{content:"↗";display:inline-block;margin-left:.2em;font-size:.85em;opacity:.85;transition:transform .2s ease}a.ext:hover{color:var(--accent-hi);text-decoration-color:currentColor}a.ext:hover:after{transform:translate(1px,-1px)}a.photo-link{color:var(--accent3);text-decoration:underline dotted;text-decoration-color:color-mix(in srgb,var(--accent3) 70%,transparent);text-decoration-thickness:1px;text-underline-offset:.22em;transition:color .2s ease,text-decoration-color .2s ease}a.photo-link:after{content:"▣";margin-left:.3em;font-size:.72em;vertical-align:.1em;opacity:.8}a.photo-link:hover,a.photo-link:focus-visible{color:var(--accent3-hi);text-decoration-style:solid;text-decoration-color:currentColor}.photo-peek{position:fixed;inset:auto;left:0;top:0;z-index:300;margin:0;overflow:visible;color:var(--ink);max-width:292px;padding:6px 6px 8px;pointer-events:none;background:#0b1110;border:1px solid var(--line);border-radius:10px;opacity:0;transition:opacity .16s ease;box-shadow:0 20px 50px -10px #000000b3,0 0 0 1px color-mix(in srgb,var(--accent3) 10%,transparent)}.photo-peek.open{opacity:1}.photo-peek img{display:block;border-radius:6px;background:#0a0f0d;opacity:0;transition:opacity .2s ease}.photo-peek img.on{opacity:1}.photo-peek .cap{display:flex;flex-direction:column;gap:1px;margin:7px 4px 0;font-size:.75rem;line-height:1.4;color:var(--dim)}.photo-peek .cap b{color:var(--ink);font-weight:600;font-size:.8125rem}.photo-peek .cap span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}section{padding:40px 0;border-top:1px dashed var(--line)}.entry{padding:18px 0;border-bottom:1px dashed var(--line)}.entry:last-child{border-bottom:none}.entry-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.entry h3,.card h3{font-weight:700;font-size:1.05rem;margin:0;color:var(--ink);text-wrap:balance}.entry h3{font-size:1.2rem;line-height:1.35}.entry .meta,.card .meta{color:var(--dim);font-size:.875rem;margin:.3em 0 0}.entry .tagline{color:var(--ink-2);font-size:1rem;margin:.3em 0 0}.entry p.body,.card p.body{margin:.6em 0 0;color:var(--ink);opacity:.9;font-size:1rem;text-wrap:pretty}.entry p.body,.entry ul{max-width:68ch}.card p.body,.card ul{font-size:.9375rem}.entry ul,.card ul,.skill-group ul{margin:.6em 0 0;padding-left:1.2em;color:var(--ink);opacity:.9;font-size:1rem;text-wrap:pretty}.entry ul li,.card ul li,.skill-group ul li{margin:.25em 0}.entry h3,.card h3{transition:color .2s ease}.entry:hover h3,.card:hover h3{color:var(--accent)}.card{transition:border-color .25s ease,box-shadow .25s ease}.card:hover{border-color:var(--accent-dim)}.carousel-wrap{position:relative;padding-top:44px}.carousel-controls{position:absolute;top:0;right:0;display:flex;align-items:center;gap:8px}.carousel-controls .hint{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-right:6px}.carousel-controls button{width:30px;height:30px;border-radius:4px;border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center}.carousel-controls button:hover{border-color:var(--accent);color:var(--accent)}.carousel{overflow:hidden;margin:0 -24px;touch-action:pan-y pinch-zoom;overscroll-behavior-x:contain;user-select:none;-webkit-user-select:none}.track{position:relative;display:flex;gap:16px;width:max-content;min-width:100%;padding:0 24px 6px}.card{flex:0 0 auto;width:min(300px,78vw);background:var(--paper);border:1px solid var(--line);border-radius:4px;padding:18px}.card .clamp{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;overflow:clip}.card.expanded .clamp{display:block;-webkit-line-clamp:unset;overflow:visible}.see-more{display:block;margin-top:.5em;background:none;border:none;color:var(--accent);font-family:var(--font);font-size:.875rem;cursor:pointer;padding:0}.pill{font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;padding:.25em .65em;border-radius:4px;color:var(--ink-2);border:1px solid var(--line)}.pill:before{content:"";display:inline-block;width:.5em;height:.5em;margin-right:.55em;border-radius:50%;vertical-align:.05em;background:var(--dot, var(--dim))}.pill.live{--dot: var(--live)}.pill.testing{--dot: var(--testing)}.pill.research{--dot: var(--research)}.pill.built{--dot: var(--built)}.note{color:var(--dim);font-size:.875rem;margin:.5em 0 0}.entry-links{margin-top:.6em;display:flex;gap:8px 18px;flex-wrap:wrap}.entry-links a{font-size:.9375rem}#lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:hidden;color:var(--ink);background:#020304eb;align-items:center;justify-content:center;animation:lbIn .18s ease-out}#lightbox[open]{display:flex}#lightbox::backdrop{background:transparent}@keyframes lbIn{0%{opacity:0}to{opacity:1}}.lb-figure{display:flex;flex-direction:column;align-items:center;gap:14px;margin:0;max-width:min(92vw,1000px)}.lb-figure img{max-width:100%;max-height:74vh;border-radius:6px;box-shadow:0 20px 60px #00000080;animation:lbPop .38s cubic-bezier(.2,.9,.3,1);-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.lb-figure figcaption{display:flex;flex-direction:column;gap:3px;max-width:62ch;text-align:center;font-size:.84rem;line-height:1.5;color:var(--dim)}.lb-figure figcaption b{font-size:.95rem;color:var(--ink)}@keyframes lbPop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}.lb-close,.lb-prev,.lb-next{position:absolute;border:none;background:#ffffff14;color:var(--ink);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.lb-close:hover,.lb-prev:hover,.lb-next:hover{background:#ffffff2e;color:var(--accent)}.lb-close{top:20px;right:20px;width:38px;height:38px;font-size:.9rem}.lb-prev,.lb-next{top:50%;transform:translateY(-50%);width:46px;height:46px;font-size:1.6rem}.lb-prev{left:20px}.lb-next{right:20px}.lb-count{position:absolute;top:26px;left:50%;transform:translate(-50%);font-size:.8rem;color:var(--dim);background:#ffffff14;padding:.35em .9em;border-radius:999px}@media (max-width: 560px){.lb-prev{left:8px}.lb-next{right:8px}.lb-prev,.lb-next{width:38px;height:38px;font-size:1.3rem}}.skill-group{margin-bottom:18px}.skill-group h3{font-size:1rem;font-weight:700;margin:0 0 8px;color:var(--ink-2)}.quote-entry{padding:16px 0;border-bottom:1px dashed var(--line)}.quote-entry:last-child{border-bottom:none}.quote-entry blockquote{margin:0;font-style:italic;font-size:.95rem;color:var(--ink)}.quote-entry .meta{margin-top:.4em;font-size:.8rem;color:var(--dim)}#foot{text-align:center;padding-top:40px;color:var(--dim);font-size:.8125rem}#foot a{color:var(--dim)}#foot nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin:0 0 20px}#foot nav a{font-size:.875rem;text-decoration:none;transition:color .2s ease}#foot nav a:hover{color:var(--accent)}#foot nav a.photos-link{color:var(--accent3)}#foot nav a.photos-link:before{content:"▣";margin-right:.4em;font-size:.75em;vertical-align:.08em;opacity:.8}#foot nav a.photos-link:hover{color:var(--accent3-hi)}@media (max-width: 560px){.stats{gap:20px}#top{flex-wrap:nowrap;gap:10px;padding-top:4px;padding-bottom:4px}#top .dots{display:none}#top .brand{flex:none}#top nav{position:relative;flex:1;min-width:0;flex-wrap:nowrap;margin-left:0;gap:0;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}#top nav::-webkit-scrollbar{display:none}#top nav a{flex:none;padding:0 8px}}@media (pointer: coarse),(max-width: 560px){#top nav a,#foot nav a,.entry-links a,.seen-in a,.links-row a,.see-more,.more-btn{display:inline-flex;align-items:center;min-height:44px}.carousel-controls button{flex:none;width:44px;height:44px}#top nav a,#foot nav a{min-width:44px;justify-content:center}}.photo-index .lead{margin:0 0 6px;color:var(--ink);opacity:.9}.photo-index .note{margin:8px 0 0;color:var(--testing);font-size:.85rem}.photo-index h2{margin:26px 0 10px;font-size:.74rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}.photo-list{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#0d121880}.photo-list li{display:flex;align-items:center;gap:14px;padding:10px 14px;border-top:1px solid var(--line);transition:background .2s ease}.photo-list li:first-child{border-top:0}.photo-list li:hover{background:color-mix(in srgb,var(--accent) 4.5%,transparent)}.photo-list .thumb{flex:none;display:block}.photo-list .thumb img{display:block;width:76px;height:57px;object-fit:cover;object-position:50% 28%;border-radius:5px;border:1px solid var(--line);background:#0a0f0d}.photo-list.records .thumb img{object-fit:contain;object-position:center}.photo-list .info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.photo-list .name,.photo-page .back,.photo-page .pager a{color:var(--ink);text-decoration:none;transition:color .2s ease}.photo-list .name{font-weight:600}.photo-list .name:hover,.photo-page .back:hover,.photo-page .pager a:hover{color:var(--accent)}.photo-list .cap{color:var(--dim);font-size:.8rem;line-height:1.4}code.url{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;color:var(--accent3);overflow-wrap:anywhere}button.copy{flex:none;font:inherit;font-size:.74rem;color:var(--accent);background:none;border:1px solid var(--line);padding:.4em .85em;border-radius:4px;cursor:pointer;white-space:nowrap;transition:border-color .2s ease,color .2s ease,background .2s ease}button.copy:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,transparent)}button.copy.done{color:var(--accent-hi);border-color:var(--accent)}.photo-page{padding:28px 0 40px}.photo-page .back{font-size:.82rem;color:var(--dim)}.photo-page h1{margin:14px 0 4px;font-size:1.35rem;font-weight:700}.photo-page .cap{margin:0 0 18px;color:var(--dim);font-size:.9rem;max-width:62ch}.photo-page .full{display:block}.photo-page .full img{display:block;max-width:100%;height:auto;border-radius:8px;border:1px solid var(--line);box-shadow:0 24px 60px -24px #000000b3}.photo-page .share{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px}.photo-page .share .ext{font-size:.82rem;margin-left:auto}.photo-page .pager{display:flex;justify-content:space-between;gap:16px;margin-top:26px;padding-top:16px;border-top:1px dashed var(--line);font-size:.85rem}@media (max-width: 560px){.photo-list li{flex-wrap:wrap;row-gap:8px}.photo-list .thumb img{width:64px;height:48px}.photo-list .info{flex:1 1 calc(100% - 84px)}.photo-list button.copy{margin-left:78px}.photo-page .share .ext{margin-left:0}}.stat span,.pill,.prompt .cmd,.see-more,.entry .meta,.card .meta,.skill-group h3,.photo-list .thumb img,.photo-page .full img{transition:color .25s ease,border-color .25s ease}.stat:hover span{color:var(--ink)}.pill:hover{border-color:var(--dim);color:var(--ink)}.entry:hover .meta,.card:hover .meta,.skill-group:hover h3{color:var(--ink-2)}.see-more:hover{text-decoration:underline;text-underline-offset:.2em}.photo-list li:hover .thumb img,.photo-page .full img:hover{border-color:var(--accent-dim)}.more-btn{margin-top:.9em;font:inherit;font-size:.875rem;color:var(--accent);background:none;border:1px solid var(--line);padding:.3em .85em;border-radius:4px;cursor:pointer;transition:border-color .2s ease,background .2s ease}.more-btn:after{content:"▾";display:inline-block;margin-left:.55em;transition:transform .3s ease}.more-btn[aria-expanded=true]:after{transform:rotate(180deg)}.more-btn:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,transparent)}.more{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s ease}.more.open{grid-template-rows:1fr}.more-inner{min-height:0;overflow:hidden;visibility:hidden;transition:visibility 0s .45s}.more.open .more-inner{visibility:visible;transition-delay:0s}.more-body{margin-top:14px;padding:0 0 4px 16px;border-left:1px dashed var(--accent-dim)}.more-body h4{margin:1.6em 0 0;font-size:.75rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--accent3)}.more-body>:first-child{margin-top:0}@media (prefers-reduced-motion: reduce){.more,.more-inner,.more-btn:after{transition:none}}