:root{--bg: #0c0620;--surface: #140c30;--surface-2: rgba(0, 0, 0, .24);--border: rgba(233, 224, 255, .14);--text: #f3ecff;--text-soft: rgba(243, 236, 255, .8);--text-muted: rgba(214, 202, 240, .6);--accent: #ff3fd8;--accent-2: #2ee6ff;--accent-soft: rgba(255, 63, 216, .09);--gold: #ffd23f;--font: ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--radius: 4px;--max-width: 1180px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--accent);color:#2a0620}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline;text-decoration-color:#ff3fd866;text-underline-offset:3px}.hero-bg{position:absolute;top:0;left:50%;width:100vw;margin-left:-50vw;height:clamp(560px,78vh,900px);overflow:hidden;pointer-events:none;z-index:-1}.hero-bg video{display:block;width:100%;height:100%;object-fit:cover;object-position:center 40%;opacity:.5;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 40%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 40%,transparent 100%)}.page{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem;position:relative;z-index:1}.skip-link{position:absolute;left:-999px;top:0;background:var(--accent);color:#1a0620;padding:.6rem 1rem;border-radius:0 0 8px;z-index:100;font-weight:600}.skip-link:focus{left:0}.site-header{position:sticky;top:0;z-index:10;background:var(--bg);border-bottom:1px solid var(--border);transition:background .2s ease}.site-header.scrolled{background:#0c0620d1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.header-inner{max-width:var(--max-width);margin:0 auto;padding:.9rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.logo{font-family:var(--font);font-weight:700;font-size:1rem;color:var(--accent)}.logo:hover{text-decoration:none}.site-header nav{display:flex;align-items:center;gap:1.5rem}.site-header nav a{color:var(--text-soft);font-size:.88rem;font-weight:500;transition:color .15s ease}.site-header nav a:hover{color:var(--accent);text-decoration:none}.nav-cta{color:var(--accent)!important}.intro{padding:4.5rem 0 2rem;text-align:center;position:relative;z-index:1;text-shadow:0 0 4px rgba(0,0,0,.95),0 2px 12px rgba(0,0,0,.9),0 0 50px rgba(0,0,0,.8)}.copy-toast{text-shadow:none}.intro-heading{font-size:clamp(1.25rem,3.4vw,1.85rem);font-weight:700;color:var(--text)}.intro-sep{color:var(--text-muted);margin:0 .3em}.intro-bio{max-width:40rem;margin:1rem auto 0;color:var(--text);font-size:1rem;line-height:1.6}.intro-cta{margin:1.5rem auto 0;color:var(--text-soft);font-size:1.15rem;line-height:1.5}.intro-contact{position:relative;margin-top:.5rem;font-size:.9rem}.intro-cta+.intro-contact{margin-top:1.6rem}.intro-contact a,.intro-contact-btn{color:var(--text);transition:color .15s ease,border-color .15s ease}.intro-contact-btn{background:none;border:none;padding:0;font:inherit;cursor:pointer}.intro-contact a:hover,.intro-contact a:focus-visible,.intro-contact-btn:hover,.intro-contact-btn:focus-visible{color:var(--accent)}.intro-contact a{border-bottom:1px solid rgba(255,63,216,.3);padding-bottom:1px}.intro-contact a:hover,.intro-contact a:focus-visible{border-bottom-color:transparent}.intro-contact-btn:hover,.intro-contact-btn:focus-visible{text-decoration:underline;text-underline-offset:3px}.intro-contact strong{color:var(--accent-2);font-weight:700}.copy-toast{position:absolute;left:50%;top:100%;transform:translate(-50%,4px);background:linear-gradient(#ffffff09,#fff0 52%),var(--surface);border:1px solid var(--border);box-shadow:0 8px 20px #00000073;color:var(--text);font-size:.76rem;font-weight:500;padding:.35rem .75rem;border-radius:var(--radius);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:5}.copy-toast.visible{opacity:1;transform:translate(-50%,8px)}.section-head{display:flex;align-items:center;gap:1rem;margin-bottom:1.75rem}.section-label{font-family:var(--font);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);white-space:nowrap}.section-rule{flex:1;height:1px;background:linear-gradient(90deg,var(--border),transparent)}.page-head{padding:3.5rem 0 .5rem;position:relative;z-index:1}.page-sub{color:var(--text-muted);font-size:.95rem;max-width:50ch;margin-bottom:1.5rem}.blog-teaser{display:block;border:1px solid var(--border);background:linear-gradient(#ffffff09,#fff0 52%),var(--surface);box-shadow:0 10px 26px #0006;padding:1.1rem 1.3rem;margin-bottom:1.5rem;transition:border-color .15s ease,box-shadow .15s ease}.blog-teaser:hover{border-color:#ff3fd859;box-shadow:0 14px 32px #00000080;text-decoration:none}.blog-teaser-kicker{display:block;font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:.35rem}.blog-teaser-title{color:var(--text);font-size:1rem;font-weight:600}.blog-teaser-date{color:var(--text-muted);font-size:.82rem;margin-left:.5rem}.blog-teaser-excerpt{color:var(--text-soft);font-size:.88rem;margin-top:.35rem;line-height:1.45}.blog-teaser-cta{display:block;text-align:right;color:var(--accent);font-size:.84rem;margin-top:.4rem}.projects{padding-bottom:4.5rem;position:relative;z-index:1}.project-grid{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.project{background:linear-gradient(#ffffff09,#fff0 52%),var(--surface);border:1px solid var(--border);border-radius:0;box-shadow:0 10px 26px #00000059;display:flex;flex-direction:column;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}.project:hover{border-color:#ff3fd859;box-shadow:0 14px 32px #00000080}.project-termbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.7rem .9rem;background:var(--surface-2);border-bottom:1px solid var(--border)}.project-termbar h3{font-size:.92rem;font-weight:600;color:#f3ecffeb}.status{font-size:.66rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:.18rem .5rem;border-radius:var(--radius);border:1px solid transparent;white-space:nowrap}.status--open{color:var(--accent);background:#ff3fd812;border-color:#ff3fd84d}.status--closed{color:var(--gold);background:#ffd23f12;border-color:#ffd23f4d}.status--community{color:var(--accent-2);background:#2ee6ff12;border-color:#2ee6ff4d}.status--archived{color:#b0a4cf;background:#b0a4cf12;border-color:#b0a4cf47}.status--source-available{color:#ff7a5c;background:#ff7a5c14;border-color:#ff7a5c52}.project-media{display:block;padding:.7rem;background:#00000029;border-bottom:1px solid var(--border)}.project-media:hover{text-decoration:none}.project-media img,.project-media video,.project-media--glyph span{transition:opacity .15s ease,transform .25s ease}.project-media:hover img,.project-media:hover video{opacity:.82}.project-media:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.project-media img,.project-media video{display:block;width:100%;height:160px;object-fit:contain;border:1px solid var(--border);background:#08051a}.project-media--glyph{height:160px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:2.6rem}.project-media--glyph span{filter:drop-shadow(0 6px 18px rgba(0,0,0,.5));transition:transform .25s ease}.project:hover .project-media--glyph span{transform:scale(1.1) rotate(-3deg)}.hue-a{background:radial-gradient(120% 140% at 30% 0%,rgba(46,230,255,.16),transparent 60%),#0e0826}.hue-b{background:radial-gradient(120% 140% at 70% 0%,rgba(255,63,216,.16),transparent 60%),#0e0826}.hue-c{background:radial-gradient(120% 140% at 30% 0%,rgba(255,111,97,.16),transparent 60%),#0e0826}.hue-d{background:radial-gradient(120% 140% at 70% 0%,rgba(255,210,63,.14),transparent 60%),#0e0826}.hue-e{background:radial-gradient(120% 140% at 30% 0%,rgba(46,230,255,.16),transparent 60%),#0e0826}.project-content{padding:.9rem 1rem 1.1rem;display:flex;flex-direction:column;gap:.6rem;flex:1}.project-subtitle{color:var(--text-soft);font-size:.86rem;font-weight:500}.project-desc{color:var(--text-soft);font-size:.84rem;line-height:1.6}.project-desc a{color:var(--accent-2);text-decoration:underline;text-decoration-color:#2ee6ff66;text-underline-offset:2px}.project-desc a:hover{text-decoration-color:var(--accent-2)}.tags{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem}.tags li{font-size:.68rem;font-weight:500;color:#d6caf0bf;background:#ffffff08;border:1px solid var(--border);border-radius:var(--radius);padding:.15rem .5rem;letter-spacing:.01em}.tag-nextjs{color:#e4e4e7;background:#e4e4e70f;border-color:#e4e4e74d}.tag-react{color:#61dafb;background:#61dafb14;border-color:#61dafb52}.tag-tailwind{color:#38bdf8;background:#38bdf814;border-color:#38bdf852}.tag-gemini{color:#a78bfa;background:#a78bfa14;border-color:#a78bfa52}.tag-express{color:#a1a1aa;background:#a1a1aa0f;border-color:#a1a1aa4d}.tag-ytdlp{color:#f43f5e;background:#f43f5e14;border-color:#f43f5e52}.tag-ffmpeg{color:#5cb85c;background:#5cb85c14;border-color:#5cb85c52}.tag-ts{color:#3178c6;background:#3178c614;border-color:#3178c652}.tag-js{color:#f7df1e;background:#f7df1e14;border-color:#f7df1e52}.tag-html{color:#e34f26;background:#e34f2614;border-color:#e34f2652}.tag-css{color:#1e90d8;background:#1e90d814;border-color:#1e90d852}.tag-chrome{color:#34a853;background:#34a85314;border-color:#34a85352}.tag-postgres{color:#4d9fd6;background:#4d9fd614;border-color:#4d9fd652}.tag-prisma{color:#2ec4a6;background:#2ec4a614;border-color:#2ec4a652}.tag-vercel{color:#f4f4f5;background:#f4f4f50f;border-color:#f4f4f547}.tag-swift{color:#f05138;background:#f0513814;border-color:#f0513852}.tag-swiftui{color:#5ac8fa;background:#5ac8fa14;border-color:#5ac8fa52}.tag-firebase{color:#ffca28;background:#ffca2814;border-color:#ffca2852}.tag-firestore{color:#ffa000;background:#ffa00014;border-color:#ffa00052}.tag-mapkit{color:#34c759;background:#34c75914;border-color:#34c75952}.tag-corelocation{color:#30b0c7;background:#30b0c714;border-color:#30b0c752}.tag-xcode{color:#147efb;background:#147efb14;border-color:#147efb52}.tag-unity{color:#e2e2e6;background:#e2e2e60f;border-color:#e2e2e647}.tag-csharp{color:#b06fc4;background:#b06fc414;border-color:#b06fc452}.tag-openxr{color:#6fc48f;background:#6fc48f14;border-color:#6fc48f52}.tag-oculus{color:#4a9df5;background:#4a9df514;border-color:#4a9df552}.tag-steamvr{color:#66c0f4;background:#66c0f414;border-color:#66c0f452}.project-links{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:auto;padding-top:.3rem}.gh-button{display:inline-flex;align-items:center;gap:.4rem;color:var(--accent);background:var(--accent-soft);border:1px solid rgba(255,63,216,.32);border-radius:var(--radius);padding:.45rem .7rem;font-size:.78rem;transition:background .15s ease,border-color .15s ease}.gh-button:hover{background:#ff3fd829;border-color:var(--accent);text-decoration:none}.gh-button--secondary{color:var(--text-soft);background:#ffffff08;border-color:var(--border)}.gh-button--secondary:hover{border-color:#e9e0ff59}@media(max-width:900px){.project-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.project-grid{grid-template-columns:1fr}}.blog-index{padding:2rem 0 5rem;position:relative;z-index:1}.post-list{list-style:none;display:flex;flex-direction:column;max-width:58rem;margin:0 auto}.post-row{padding:1.05rem 0}.post-row+.post-row{border-top:1px solid var(--border)}.post-link{display:block}.post-title{font-size:.98rem;font-weight:600;color:var(--text);transition:color .15s ease}.post-row:hover .post-title{color:var(--accent)}.post-date{display:block;font-size:.78rem;color:var(--text-muted);margin:.2rem 0 .35rem}.post-excerpt{color:var(--text-soft);font-size:.86rem;line-height:1.45}.empty{color:var(--text-muted);padding:2rem 0}.empty code{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.1rem .4rem}.post{padding:3.5rem 0 5rem;position:relative;z-index:1}.back-link{display:inline-block;font-size:.88rem;color:var(--text-muted);margin-bottom:1.4rem;transition:color .15s ease}.back-link:hover{color:var(--accent-2)}.post-header h1{font-size:clamp(1.4rem,4vw,1.9rem);font-weight:700;margin-bottom:.6rem}.post-header .post-date{display:block;margin-bottom:.9rem}.post-header .tags{margin-bottom:1.6rem}.prose{max-width:68ch;font-size:1.02rem;color:var(--text)}.prose>*+*{margin-top:1.1rem}.prose h2{font-size:1.3rem;margin-top:2rem}.prose h3{font-size:1.08rem;margin-top:1.6rem}.prose a{text-decoration:underline;text-decoration-color:#ff3fd866;text-underline-offset:3px}.prose code{font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:.88em;background:var(--surface);border:1px solid var(--border);border-radius:5px;padding:.12rem .4rem}.prose pre{background:linear-gradient(#ffffff09,#fff0 52%),var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 26px #00000059;padding:1rem 1.2rem;overflow-x:auto}.prose pre code{background:none;border:none;padding:0}.prose blockquote{position:relative;margin:.5rem 0;padding:1rem 1.3rem 1rem 2.4rem;background:linear-gradient(#ffffff09,#fff0 52%),linear-gradient(120deg,rgba(255,63,216,.07),transparent 65%),var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 26px #00000059;color:var(--text-muted);font-style:italic}.prose blockquote:before{content:"”";position:absolute;left:.7rem;top:.35rem;font-style:normal;font-size:1.9rem;line-height:1;color:var(--accent);opacity:.55}.prose ul,.prose ol{padding-left:1.4rem}.prose img{max-width:100%;border-radius:10px;border:1px solid var(--border)}.site-footer{padding:0 1.5rem 1.75rem;color:var(--text-muted);font-size:.82rem;text-align:center;position:relative;z-index:1}.footer-inner{max-width:var(--max-width);margin:0 auto;padding-top:1.75rem;border-top:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:1rem}.page-home .footer-inner{max-width:calc(var(--max-width) - 3rem)}.page-blog .footer-inner{max-width:58rem}.page-post .footer-inner{max-width:68ch}.footer-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem .9rem}.footer-inner a{color:var(--text)}.footer-inner a:hover{color:var(--accent)}.footer-sep{color:#d6caf04d}.site-footer .intro-contact,.site-footer .intro-contact:first-of-type{margin-top:0}.site-footer .intro-contact a,.site-footer .intro-contact-btn,.site-footer .intro-contact a:hover,.site-footer .intro-contact a:focus-visible,.site-footer .intro-contact-btn:hover,.site-footer .intro-contact-btn:focus-visible{color:var(--accent)}.site-footer .intro-contact strong{color:var(--text)}.to-top{color:var(--accent)!important}.page-blog .footer-inner,.page-post .footer-inner{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:.4rem .5rem}.page-blog .footer-row,.page-post .footer-row{gap:.4rem .5rem}.page-blog .to-top:before,.page-post .to-top:before{content:"·";color:#d6caf04d;margin-right:.5rem}.reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.reveal.in{opacity:1;transform:none}.projects .reveal.in,.blog-index .reveal.in{transition-duration:.4s}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.pulse-dot{animation:none}}