:root{--lime:#e7ff8f;--sky:#69d0ff;--peri:#5777ce;--teal:#419995;--mint:#66c3b5;--plum:#692954;--plum-lt:#99417e;--magenta:#b92dc1;--amber:#ffb30f;--cream:#f2f7cd;--spring:#b2f9d6;--azure:#247cc7;--fuchsia:#963281;--plum-deep:#3d1733;--teal-deep:#2f6f6b;--ink:#231436;--panel:var(--cream);--panel-alt:var(--sky);--frame:var(--plum-deep);--bar:var(--plum-deep);--accent:var(--lime);--link:#8e1f95;--link-hover:var(--plum);--on-dark:#ffffff;--display:"Chakra Petch", system-ui, sans-serif;--body:"Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"JetBrains Mono", ui-monospace, Consolas, monospace;--edge:4px;--radius:18px;--drop:7px;--measure:68ch;--wide:1080px;--gutter:clamp(1rem, 4vw, 2.5rem)}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}:target{scroll-margin-top:5.5rem}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;min-height:100vh;color:var(--ink);font-family:var(--body);font-size:clamp(1rem,.96rem + .2vw,1.075rem);line-height:1.65;background:radial-gradient(1200px 700px at 12% -5%,rgba(105,208,255,.45),transparent 60%),linear-gradient(150deg,var(--azure) 0%,var(--fuchsia) 55%,var(--plum-deep) 100%)fixed;background-attachment:fixed}img{max-width:100%;height:auto;image-rendering:pixelated;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor}img.photo{image-rendering:auto}.frame{background:var(--panel);border:var(--edge)solid var(--frame);border-radius:var(--radius);box-shadow:var(--drop)var(--drop)0 var(--plum-deep)}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;z-index:50;padding:.6rem .9rem;background:var(--lime);color:var(--ink);border:3px solid var(--plum-deep);border-radius:10px;font-weight:600}.nav{position:sticky;top:0;z-index:40;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1.5rem;padding:.7rem var(--gutter);background:var(--bar);border-bottom:var(--edge)solid var(--lime)}.nav-brand{font-family:var(--display);font-size:1.02rem;font-weight:700;letter-spacing:.04em;color:var(--lime);text-decoration:none;white-space:nowrap}.nav-right{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .9rem}.nav-links{display:flex;flex-wrap:wrap;gap:.15rem}@media(max-width:640px){.nav{gap:.4rem .75rem;padding:.6rem .9rem}.nav-right{flex:1 1 100%;justify-content:space-between}.nav-links{flex:auto;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.nav-links::-webkit-scrollbar{display:none}.nav-links a{white-space:nowrap}}.nav-links a{padding:.35rem .65rem;border-radius:8px;color:#f4ecff;text-decoration:none;font-size:.94rem;font-weight:500}.nav-links a:hover,.nav-links a:focus-visible{background:var(--plum);color:var(--lime)}.nav-links a[aria-current=page]{background:var(--lime);color:var(--plum-deep);font-weight:600}.lang-switch{display:flex;align-items:center;gap:.15rem;font-size:.82rem}.lang-switch a,.lang-current{padding:.25rem .45rem;border-radius:6px;text-decoration:none}.lang-switch a{color:#f4ecff}.lang-switch a:hover{background:var(--plum);color:var(--lime)}.lang-current{background:var(--lime);color:var(--plum-deep);font-weight:700}.hero{max-width:var(--wide);margin:var(--gutter)auto 0;padding:0 var(--gutter)}.stage{position:relative;overflow:hidden;border:var(--edge)solid var(--frame);border-radius:var(--radius);box-shadow:var(--drop)var(--drop)0 var(--plum-deep);aspect-ratio:480/270;background:var(--sky)}.stage-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.06);will-change:transform}@media(prefers-reduced-motion:reduce){.stage-layer{transform:none;will-change:auto}}.hero-plate{margin:-3.5rem var(--gutter)0;position:relative;z-index:2;padding:1.25rem 1.5rem;background:var(--plum-deep);border:var(--edge)solid var(--lime);border-radius:var(--radius);box-shadow:var(--drop)var(--drop)rgba(35,20,54,.55);color:#fdf7ff}.hero-name{font-family:var(--display);font-weight:700;font-size:clamp(2.1rem,7.5vw,4.1rem);line-height:.92;letter-spacing:-.025em;margin:0 0 .5rem;color:var(--lime)}.hero-role{font-size:clamp(1rem,.95rem + .35vw,1.2rem);font-weight:500;margin:0 0 .25rem;color:#fdf7ff}.hero-where{margin:0;color:var(--sky);font-weight:500}.hero-pitch{max-width:var(--measure);margin:var(--gutter)var(--gutter)0;padding:1.4rem 1.6rem;background:var(--panel);border:var(--edge)solid var(--frame);border-radius:var(--radius);box-shadow:var(--drop)var(--drop)0 var(--plum-deep)}.hero-pitch p{margin:0 0 1rem;font-size:1.06rem}.hero-pitch p:last-of-type{margin-bottom:0}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin:var(--gutter)var(--gutter)0}.hero-email{font-weight:600;color:var(--lime);text-decoration-color:rgba(231,255,143,.5)}.hero-email:hover{color:#fff}@media(min-width:820px){.hero-plate{margin:-7rem 0 0 2rem;max-width:30rem}.hero-pitch,.hero-actions{margin-left:2rem;margin-right:2rem}}.btn{display:inline-block;padding:.62rem 1.3rem;font-family:var(--display);font-size:1rem;font-weight:600;letter-spacing:.01em;text-decoration:none;color:var(--plum-deep);background:var(--lime);border:3px solid var(--plum-deep);border-radius:12px;box-shadow:4px 4px 0 var(--plum-deep)}.btn:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--plum-deep)}.btn:hover,.btn:focus-visible{background:var(--amber)}.btn-quiet{background:var(--sky)}.btn-quiet:hover,.btn-quiet:focus-visible{background:var(--spring)}@media(prefers-reduced-motion:no-preference){.btn{transition:transform .06s ease-out,box-shadow .06s ease-out,background .12s ease-out}}.slots{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 .9rem;padding:0;list-style:none}.slot{padding:.18rem .6rem;background:var(--spring);border:2px solid var(--plum-deep);border-radius:7px;font-size:.84rem;font-weight:600;color:var(--plum-deep);white-space:nowrap}main{padding:var(--gutter)0 4rem}.page,.post,.project,.home-section{max-width:var(--wide);margin:0 auto var(--gutter);padding:0 var(--gutter)}.home-section{margin-top:clamp(2.75rem,6vw,4.5rem);margin-bottom:0}.panel{padding:clamp(1.25rem,3vw,2.25rem);background:var(--panel);border:var(--edge)solid var(--frame);border-radius:var(--radius);box-shadow:var(--drop)var(--drop)0 var(--plum-deep)}.page-body,.post-body,.project-body{max-width:var(--measure)}.link-on-dark{color:var(--lime);text-decoration-color:rgba(231,255,143,.55);font-weight:600}.link-on-dark:hover{color:var(--amber)}h1,h2,h3{font-family:var(--display);font-weight:700;line-height:1.08;letter-spacing:-.015em;margin:0 0 .6rem;color:var(--plum-deep)}h1{font-size:clamp(1.9rem,1.3rem + 2.6vw,3rem)}h2{font-size:clamp(1.3rem,1.1rem + .9vw,1.75rem);margin-top:2.4rem}h3{font-size:1.1rem}p{margin:0 0 1.05rem}.page-body>:first-child,.post-body>:first-child,.project-body>:first-child{margin-top:0}a{color:var(--link);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.18em}a:hover,a:focus-visible{color:var(--link-hover)}:focus-visible{outline:3px solid var(--amber);outline-offset:3px}.section-head{display:flex;align-items:baseline;gap:1rem;margin:0 0 1.4rem;color:#fdf7ff}.section-head h2{margin:0;color:var(--lime);font-size:clamp(1.3rem,1.1rem + .9vw,1.9rem)}.section-head::after{content:"";flex:1;height:var(--edge);background:var(--lime);border-radius:2px}code,pre{font-family:var(--mono);font-size:.9em}pre{padding:1rem 1.15rem;overflow-x:auto;background:var(--plum-deep);color:var(--lime);border-radius:12px;border:3px solid var(--plum)}pre code{background:0 0;padding:0}code{background:rgba(87,119,206,.16);padding:.12em .38em;border-radius:5px}blockquote{margin:0 0 1.05rem;padding:.3rem 0 .3rem 1.1rem;border-left:var(--edge)solid var(--magenta)}.project-rows{list-style:none;margin:0;padding:0;display:grid;gap:1.25rem}.project-row{display:grid;gap:1.1rem;align-items:start;padding:1.25rem;background:var(--panel);border:var(--edge)solid var(--frame);border-radius:var(--radius);box-shadow:var(--drop)var(--drop)0 var(--plum-deep)}@media(min-width:680px){.project-row{grid-template-columns:auto 1fr;gap:1.6rem;padding:1.5rem}}.project-art{align-self:start;max-width:100%;border:3px solid var(--plum-deep);border-radius:12px;overflow:hidden;line-height:0}.project-art img{display:block;width:100%;height:auto}.project-art-contain{padding:.7rem;background:var(--sky)}.project-art-contain img{width:auto;max-width:100%;margin:0 auto}.project-art-dark{background:var(--plum-deep)}@media(max-width:679px){.project-art{width:100%!important;max-width:420px}}.project-row h2,.project-row h3{margin:0 0 .5rem;font-size:1.35rem}.project-row h2 a,.project-row h3 a{color:var(--plum-deep);text-decoration-color:var(--magenta)}.project-row h2 a:hover,.project-row h3 a:hover{color:var(--magenta)}.project-lede{margin:0 0 .9rem}.project-links{display:flex;flex-wrap:wrap;gap:.6rem 1.1rem;margin:0;font-weight:600}.status{display:inline-block;padding:.2rem .7rem;background:var(--amber);border:2px solid var(--plum-deep);border-radius:7px;font-size:.84rem;font-weight:700;color:var(--plum-deep);white-space:nowrap}.status-lg{padding:.5rem 1.1rem;font-size:.95rem;border-radius:10px}.project-head{margin-bottom:1.6rem}.project-hero{margin:0 0 1.4rem;border:var(--edge)solid var(--frame);border-radius:var(--radius);overflow:hidden;background:var(--sky)}.project-hero img{display:block;width:100%}.project-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.3rem 0 0}.project-facts{display:flex;flex-wrap:wrap;gap:1.1rem 2rem;margin:1.4rem 0 0;padding:1rem 0 0;border-top:3px solid rgba(61,23,51,.25)}.project-facts div{min-width:7rem}.project-facts dt{font-size:.85rem;color:var(--plum);margin-bottom:.1rem}.project-facts dd{margin:0;font-weight:600}.credit{margin-top:1.75rem;padding-top:1rem;border-top:3px solid rgba(61,23,51,.25);font-size:.85rem;color:var(--plum)}.post-list{list-style:none;margin:0;padding:0;display:grid;gap:1.1rem}.post-item{padding:1.2rem 1.35rem;background:var(--panel);border:var(--edge)solid var(--frame);border-radius:var(--radius);box-shadow:var(--drop)var(--drop)0 var(--plum-deep)}@media(prefers-reduced-motion:no-preference){.post-item,.project-row{transition:transform .18s ease-out,box-shadow .18s ease-out}.post-item:hover,.post-item:focus-within,.project-row:hover,.project-row:focus-within{transform:translate(-2px,-2px);box-shadow:calc(var(--drop) + 2px)calc(var(--drop) + 2px)0 var(--plum-deep)}}.post-item h2,.post-item h3{margin:.15rem 0 .4rem;font-size:1.25rem}.post-item h2 a,.post-item h3 a{color:var(--plum-deep);text-decoration-color:var(--magenta)}.post-date{font-size:.88rem;font-weight:600;color:var(--plum)}.post-head{margin-bottom:1.5rem}.post-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin:.7rem 0 0;padding:0;list-style:none}.post-tags a{padding:.15rem .55rem;background:var(--spring);border:2px solid var(--plum-deep);border-radius:7px;font-size:.82rem;font-weight:600;color:var(--plum-deep);text-decoration:none}.post-tags a:hover{background:var(--lime)}.post-body img{border:3px solid var(--plum-deep);border-radius:10px}.post-nav,.project-nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:2.2rem;padding-top:1.2rem;border-top:3px solid rgba(61,23,51,.25);font-weight:600}.pixel-gallery{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:.85rem}.pixel-gallery li{aspect-ratio:1;display:flex;align-items:center;justify-content:center;padding:.6rem;background:var(--sky);border:3px solid var(--plum-deep);border-radius:12px}.pixel-gallery img{max-height:100%;width:auto}#gameWindow,#gameWindow *,#gameWindow *::before,#gameWindow *::after{box-sizing:content-box}#gameWindow{margin-top:1.5rem;max-width:100%;overflow-x:auto}.footer{max-width:var(--wide);margin:0 auto;padding:0 var(--gutter)3rem}.footer-inner{padding:1.6rem;background:var(--plum-deep);color:#fdf7ff;border:var(--edge)solid var(--lime);border-radius:var(--radius);box-shadow:var(--drop)var(--drop)rgba(35,20,54,.55)}.footer-inner p{margin:0 0 .55rem}.footer-inner a{color:var(--lime);text-decoration-color:rgba(231,255,143,.5)}.footer-inner a:hover{color:var(--amber)}.footer-fine{margin-bottom:0;font-size:.88rem;color:var(--sky)}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}}