:root{--bg: #06080c;--surface: rgba(12, 15, 22, 0.82);--surface-2: rgba(20, 27, 38, 0.88);--text: #eef4ff;--muted: #9ba7b8;--border: rgba(179, 194, 220, 0.18);--border-strong: rgba(179, 194, 220, 0.3);--accent: #7bf0d6;--accent-2: #ff5aa6;--accent-soft: rgba(123, 240, 214, 0.12);--shadow: 0 12px 30px rgba(0, 0, 0, 0.24);--max-width: 800px;--font: "Helvetica Neue", Helvetica, Arial, sans-serif}html{background:var(--bg);color:var(--text);scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.65;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;position:relative;isolation:isolate}*{box-sizing:border-box}::selection{background:rgba(19,102,214,0.18);color:var(--text)}a{color:var(--accent);text-decoration-color:rgba(19,102,214,0.28);text-underline-offset:0.18em;text-decoration-thickness:1px}a:hover{color:var(--accent-2);text-decoration-color:var(--accent-2)}a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:0}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}img,svg,video{max-width:100%;height:auto}img{display:block}.app-background{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.app-background::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(8,8,10,0.14), rgba(8,8,10,0.74)),radial-gradient(circle at top, rgba(15,118,110,0.12), transparent 40%),linear-gradient(90deg, rgba(8,8,10,0.72), rgba(8,8,10,0.28))}.app-background img{width:100%;height:100%;object-fit:cover;object-position:center center;transform:scale(1.08);filter:saturate(0.7) contrast(1.25) brightness(0.58);image-rendering:pixelated}.glitch-overlay{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:0.92;background:linear-gradient(180deg, rgba(255,255,255,0.01) 0%, rgba(255,255,255,0) 12%, rgba(0,255,204,0.02) 13%, rgba(255,0,120,0.02) 14%, rgba(255,255,255,0) 18%),repeating-linear-gradient(180deg, rgba(255,255,255,0) 0px, rgba(255,255,255,0) 2px, rgba(0,0,0,0.24) 3px),repeating-linear-gradient(90deg, rgba(255,255,255,0.01) 0px, rgba(255,255,255,0.01) 2px, rgba(0,0,0,0.12) 3px);mix-blend-mode:normal;animation:glitch-shift 21.6s steps(1, end) infinite}.glitch-overlay::before,.glitch-overlay::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg, rgba(255,255,255,0) 0px, rgba(255,255,255,0) 4px, rgba(15,118,110,0.04) 5px, rgba(255,0,120,0.02) 6px);mix-blend-mode:soft-light;opacity:0.42}.glitch-overlay::before{clip-path:inset(0 0 52% 0);transform:translateX(-2px);animation:glitch-jitter-a 7.2s steps(1, end) infinite}.glitch-overlay::after{clip-path:inset(48% 0 0 0);transform:translateX(2px);animation:glitch-jitter-b 8.4s steps(1, end) infinite}.glitch-pixels{position:fixed;inset:0;z-index:2;pointer-events:none;overflow:hidden;mix-blend-mode:screen;filter:contrast(1.05) saturate(1.05)}.glitch-pixel{position:absolute;display:block;background:linear-gradient(90deg, rgba(255,255,255,0.78), rgba(0,255,204,0.36), rgba(255,0,120,0.55));box-shadow:0 0 8px rgba(0,255,204,0.18),0 0 14px rgba(255,0,120,0.12);animation:glitch-pixel-flicker 2.16s steps(1, end) infinite,glitch-pixel-shift 5.4s steps(1, end) infinite;border-radius:0}body>main{max-width:var(--max-width);margin:0 auto;padding:28px 20px 180px;position:relative;z-index:3}.site-header{width:calc(100% - 40px);max-width:var(--max-width);margin:0 auto;padding:24px 20px 18px;position:relative;z-index:3}.site-brand{position:relative;display:inline-flex;color:var(--text);text-decoration:none;z-index:1}.site-title{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:0;white-space:pre;font-size:clamp(2.1rem, 10vw, 8.7rem);line-height:0.92;font-weight:900;font-style:italic;letter-spacing:-0.1em;transform-origin:left center;animation:title-pop 700ms cubic-bezier(0.2, 1, 0.3, 1) both,title-float 9s ease-in-out infinite}.site-title__letter{position:relative;display:inline-block;transform-origin:center 70%;animation:title-letter-hover 4.8s ease-in-out infinite,title-letter-glitch 7.68s steps(1, end) infinite,title-letter-flicker 3.36s steps(1, end) infinite;animation-delay:calc(var(--i, 0) * 120ms),calc(var(--i, 0) * 180ms),calc(var(--i, 0) * 70ms);will-change:transform, filter, opacity}.site-title__letter:nth-child(odd){animation-duration:6.24s, 8.52s, 4.08s}.site-title__letter:nth-child(3n){animation-duration:4.92s, 6.96s, 2.88s}.site-title__letter:nth-child(4n){animation-delay:calc(var(--i, 0) * 132ms),calc(var(--i, 0) * 180ms),calc(var(--i, 0) * 66ms)}.site-title__letter:nth-child(5n){animation-name:title-letter-drop, title-letter-glitch, title-letter-flicker}.site-title__letter--space{width:0.38em}.site-brand__art{position:fixed;right:18px;bottom:12px;width:300px;height:auto;border:0;border-radius:0;box-shadow:none;transform-origin:50% 60%;animation:art-creep 14s ease-in-out infinite;pointer-events:none;user-select:none;z-index:0}.site-kicker{margin:8px 0 0;color:var(--accent);font-size:0.76rem;font-weight:800;letter-spacing:0.22em;text-transform:uppercase;position:relative;z-index:1}.site-nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;position:relative;z-index:1}.site-nav a{display:inline-flex;align-items:center;padding:6px 10px;border:1px solid var(--border);border-radius:0;background:var(--surface);color:var(--text);font-size:0.9rem;font-weight:700;text-decoration:none}.site-nav a:hover{border-color:var(--border-strong);background:var(--surface-2);color:var(--accent-2)}@media (max-width: 540px){.site-header{width:calc(100% - 32px);padding-inline:16px}.site-brand{padding-right:0}.site-brand__art{width:170px;right:8px;bottom:8px}body>main{padding-inline:16px;padding-top:20px}}h1,h2,h3,h4,h5,h6{margin:0 0 0.65rem;color:var(--text);line-height:1.06;letter-spacing:-0.05em;text-wrap:balance}h1{font-size:clamp(2rem, 8vw, 3.35rem);font-weight:900}h2{margin-top:1.6rem;font-size:clamp(1.4rem, 4.5vw, 2rem);font-weight:800}h3{margin-top:1.35rem;font-size:clamp(1.1rem, 3.5vw, 1.35rem);font-weight:800}p,li{font-size:1rem}p{margin:0 0 1rem}strong,b{font-weight:800;color:var(--text)}em{color:var(--accent-2);font-style:italic}ul,ol{margin:0 0 1rem 1.25rem;padding:0}li+li{margin-top:0.45rem}article,section,.panel{margin-bottom:20px}article>:last-child,section>:last-child,.panel>:last-child{margin-bottom:0}article header{margin-bottom:18px;padding-bottom:14px}.eyebrow{margin-bottom:10px;color:var(--accent);font-size:0.78rem;font-weight:800;letter-spacing:0.18em;text-transform:uppercase}.lede{font-size:1.08rem;color:var(--muted)}.small{color:var(--muted);font-size:0.9rem}.story-list{margin:0;padding:0;list-style:none}.story-list li{padding:0;border-top:0}.story-list li:first-child{border-top:0;padding-top:0}.story-link{display:inline-block;margin-bottom:4px;font-size:1.1rem;font-weight:800;text-decoration:none}.story-meta{color:var(--muted);font-size:0.88rem}.page-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.pagination{display:flex;gap:12px;margin-top:1rem;font-size:0.9rem}article blockquote{margin:1rem 0;padding:0.2rem 0 0.2rem 1rem;border-left:4px solid var(--accent);color:var(--muted)}article table{width:100%;border-collapse:collapse;margin:1rem 0}article th,article td{padding:0.55rem 0.6rem;border-bottom:1px solid var(--border);vertical-align:top;text-align:left}article th{color:var(--accent-2);font-size:0.8rem;font-weight:800;letter-spacing:0.08em;text-transform:uppercase}.resume-page .resume-photo{width:96px;height:96px;margin:0 0 1rem;border-radius:0;border:1px solid var(--border);object-fit:cover}.resume-page h2{margin-top:1.8rem;padding-bottom:0.35rem;border-bottom:1px solid var(--border)}.resume-page .resume-date{color:var(--muted);font-size:0.92rem;font-weight:700}.tag-cloud{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.tag-cloud a,.tag-link{display:inline-flex;align-items:center;padding:6px 10px;border:1px solid var(--border);border-radius:0;background:var(--surface);color:var(--accent-2);font-size:0.84rem;font-weight:700;text-decoration:none}.tag-cloud a:hover,.tag-link:hover{border-color:var(--border-strong);background:var(--accent-soft)}.gallery-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px;margin-top:1rem}.gallery-item{display:block;width:100%;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer;text-align:left;appearance:none}.gallery-item img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:0;box-shadow:0 10px 24px rgba(17,24,39,0.08);transition:transform 160ms ease, box-shadow 160ms ease}.gallery-item:hover img{transform:translateY(-2px);box-shadow:0 16px 30px rgba(17,24,39,0.12)}.gallery-item:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:0}.gallery-modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px}.gallery-modal[hidden]{display:none}.gallery-modal__backdrop{position:absolute;inset:0;background:rgba(17,24,39,0.84);backdrop-filter:blur(8px)}.gallery-modal__dialog{position:relative;z-index:1;width:92vw;max-width:980px;margin:0;padding:14px;border-radius:0;background:rgba(255,255,255,0.96);box-shadow:0 28px 80px rgba(0,0,0,0.35)}.gallery-modal__image{width:100%;max-height:78vh;object-fit:contain;border-radius:0;background:#fff}.gallery-modal__caption{margin-top:10px;color:var(--muted);font-size:0.95rem}.gallery-modal__close{position:absolute;top:10px;right:10px;z-index:2;padding:8px 12px;border:1px solid var(--border);border-radius:0;background:rgba(255,255,255,0.95);color:var(--text);font:inherit;font-size:0.9rem;font-weight:700;cursor:pointer}.gallery-modal__close:hover{border-color:var(--border-strong);background:var(--surface);color:var(--accent-2)}body.gallery-modal-open{overflow:hidden}.cta{text-align:center;background:#fff;padding:1em;box-shadow:0 0 2px}.cta a{padding:10px;border:1px solid}.embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%}article pre,article code{font-family:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace}article :not(pre)>code{padding:0.12rem 0.38rem;border:1px solid rgba(123,240,214,0.18);background:rgba(9,12,18,0.94);color:#d7fff4;font-size:0.94em;white-space:break-spaces;box-decoration-break:clone;-webkit-box-decoration-break:clone}article pre,.highlight,.chroma{overflow-x:auto;margin:1rem 0;border:1px solid rgba(179,194,220,0.24);border-radius:0;background:linear-gradient(180deg, rgba(7,10,16,0.98), rgba(9,12,18,0.94)),#091018}article pre{padding:14px 16px;color:#e8f1ff;line-height:1.65;tab-size:2}.highlight>pre,.chroma>pre{margin:0;padding:14px 16px;background:transparent;color:inherit}.highlight table,.chroma table,.highlight .lntable,.chroma .lntable{width:100%;border-collapse:collapse;border-spacing:0;margin:0}.highlight td,.chroma td{padding:0;border:0;vertical-align:top}.highlight code,.chroma code{font-family:inherit;font-size:0.95rem;color:inherit;background:transparent}.highlight .ln,.highlight .lnt,.chroma .ln,.chroma .lnt{color:rgba(155,167,184,0.72);margin-right:0.8em;padding-right:0.8em;border-right:1px solid rgba(179,194,220,0.16);user-select:none}.highlight .hl,.chroma .hl{display:block;width:100%;background:rgba(123,240,214,0.08)}.chroma .err{color:#ffd6d6;background:rgba(255,90,166,0.18)}.chroma .k,.chroma .kc,.chroma .kd,.chroma .kn,.chroma .kr{color:#7bf0d6;font-weight:700}.chroma .kt{color:#8fbfff;font-weight:700}.chroma .na,.chroma .nc,.chroma .nd,.chroma .ne,.chroma .nf,.chroma .nn,.chroma .nt,.chroma .nv,.chroma .vc,.chroma .vg,.chroma .vi{color:#9cc2ff}.chroma .s,.chroma .sa,.chroma .sb,.chroma .sc,.chroma .sd,.chroma .s1,.chroma .s2,.chroma .se,.chroma .sh,.chroma .si,.chroma .sx,.chroma .sr,.chroma .ss,.chroma .dl{color:#ffd29d}.chroma .m,.chroma .mb,.chroma .mf,.chroma .mh,.chroma .mi,.chroma .il,.chroma .mo{color:#b7f5ff;font-weight:700}.chroma .c,.chroma .ch,.chroma .cm,.chroma .c1,.chroma .cs,.chroma .cp,.chroma .cpf{color:rgba(155,167,184,0.74);font-style:italic}.chroma .o,.chroma .ow,.chroma .p,.chroma .x{color:#e8f1ff}.chroma .gd{color:#ffd6d6;background:rgba(255,90,90,0.14)}.chroma .gi{color:#e7fff6;background:rgba(123,240,214,0.1)}.chroma .go,.chroma .gp,.chroma .gr,.chroma .gh,.chroma .gu,.chroma .gt{color:#d7e6ff}article pre code{padding:0;background:transparent;color:inherit}article .highlight{position:relative}article .highlight::before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg, rgba(123,240,214,0.14), rgba(255,90,166,0.22), rgba(123,240,214,0.14));pointer-events:none}@media (max-width: 540px){.gallery-grid{grid-template-columns:1fr}h1{font-size:clamp(1.8rem, 12vw, 2.8rem)}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;scroll-behavior:auto !important;transition-duration:0.01ms !important}.app-background img{transform:scale(1.14)}}@keyframes title-pop{0%{opacity:0;transform:translateY(16px) scale(0.96) rotate(-1deg)}100%{opacity:1;transform:translateY(0) scale(1) rotate(0deg)}}@keyframes title-float{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-3px) rotate(0.5deg)}}@keyframes title-letter-hover{0%,100%{transform:translateY(0) scale(1) rotate(0deg)}18%{transform:translateY(-6px) scale(1.03) rotate(-2deg)}38%{transform:translateY(2px) scale(0.98) rotate(1deg)}62%{transform:translateY(-3px) scale(1.06) rotate(2deg)}}@keyframes title-letter-drop{0%,100%{transform:translateY(0) scale(1) rotate(0deg)}20%{transform:translateY(7px) scale(1.04) rotate(-1deg)}45%{transform:translateY(-2px) scale(0.96) rotate(2deg)}70%{transform:translateY(4px) scale(1.08) rotate(-3deg)}}@keyframes title-letter-glitch{0%,88%,100%{filter:none;text-shadow:none;opacity:1}89%{filter:hue-rotate(12deg) contrast(1.2);text-shadow:1px 0 0 rgba(123,240,214,0.42),-1px 0 0 rgba(255,0,120,0.34)}90%{filter:hue-rotate(-16deg) contrast(1.35);transform:translateX(1px) scaleX(1.08)}91%{opacity:0.82;transform:translateX(-1px) skewX(6deg)}}@keyframes title-letter-flicker{0%,94%,100%{opacity:1}95%{opacity:0.55}96%{opacity:1}97%{opacity:0.88}}@keyframes art-creep{0%,100%{transform:translate(0, 0) rotate(-3deg) scale(1)}50%{transform:translate(-12px, -10px) rotate(2deg) scale(1.03)}25%{transform:translate(-18px, 4px) rotate(1deg) scale(1.02)}75%{transform:translate(8px, -6px) rotate(-1.5deg) scale(1.04)}}@keyframes glitch-shift{0%,100%{transform:translate3d(0, 0, 0)}25%{transform:translate3d(-1px, 0, 0)}50%{transform:translate3d(1px, -1px, 0)}75%{transform:translate3d(0, 1px, 0)}}@keyframes glitch-jitter-a{0%,100%{transform:translateX(-2px)}50%{transform:translateX(5px)}}@keyframes glitch-jitter-b{0%,100%{transform:translateX(2px)}50%{transform:translateX(-6px)}}@keyframes glitch-pixel-flicker{0%,35%,100%{opacity:0}36%{opacity:1}38%{opacity:0.15}40%{opacity:0.95}68%{opacity:0}70%{opacity:0.85}72%{opacity:0.05}85%{opacity:1}88%{opacity:0}}@keyframes glitch-pixel-shift{0%,100%{transform:translate(0, 0) scaleX(1)}30%{transform:translate(2px, -1px) scaleX(1.2)}55%{transform:translate(-3px, 1px) scaleX(0.8)}80%{transform:translate(1px, 2px) scaleX(1.1)}}