:root{--bg:#07070f;--bg2:#0a0a16;--surface:#ffffff08;--surface2:#ffffff0e;--b-inactive:#595959ab;--b-active-a:#33ccffed;--b-active-b:#00ff99ed;--b-grad:linear-gradient(75deg, var(--b-active-a), var(--b-active-b));--cyan:#3cf;--green:#0f9;--violet:#7c5cff;--text:#e8e8f0;--text2:#9090a8;--text3:#555568;--font:"Helvetica Neue", Helvetica, Arial, "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--r:14px;--gut:clamp(1.25rem, 5vw, 2.5rem);--max:62rem}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100vh;color:var(--text);font-family:var(--font);font-feature-settings:"palt" 1;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:linear-gradient(270deg, #bc52ee1a 100%, #3245ff4d 100%), var(--bg);margin:0;font-size:16px;line-height:1.75;overflow-x:hidden}h1,h2,h3,h4{margin:0;font-weight:800}p{margin:0}a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}dl,dt,dd{margin:0}::selection{color:#fff;background:#33ccff47}#loader{z-index:9999;background:var(--bg);justify-content:center;align-items:center;transition:transform .65s cubic-bezier(.76,0,.24,1);display:flex;position:fixed;inset:0}#loader.ld-exit{transform:translateY(-100%)}.ld-inner{flex-direction:column;align-items:center;gap:1.2rem;display:flex}.ld-ring{background:conic-gradient(#3cf0,#33ccffed 25%,#00ff99ed 50%,#3cf0 75%);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;animation:2s linear infinite ld-ring-spin;display:flex;position:relative}.ld-ring:before{content:"";background:var(--bg);border-radius:50%;position:absolute;inset:3px}@keyframes ld-ring-spin{to{transform:rotate(360deg)}}.ld-x{z-index:1;font-family:var(--mono);background:linear-gradient(75deg, var(--cyan), var(--green));color:#0000;background-clip:text;font-size:2.6rem;font-weight:900;animation:1.4s ease-in-out infinite alternate ld-glow;position:relative}@keyframes ld-glow{0%{filter:drop-shadow(0 0 8px #33ccff80)}to{filter:drop-shadow(0 0 24px #33ccffe6)drop-shadow(0 0 48px #00ff9980)}}.ld-name{font-family:var(--mono);letter-spacing:.55em;color:var(--text3);font-size:.72rem;animation:.6s .4s both ld-fade-up}.ld-track{background:#ffffff14;border-radius:99px;width:120px;height:2px;animation:.4s .6s both ld-fade-up;overflow:hidden}.ld-fill{background:linear-gradient(90deg, var(--cyan), var(--green));border-radius:99px;width:0;height:100%;animation:1.3s .7s forwards ld-progress}@keyframes ld-progress{to{width:100%}}@keyframes ld-fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.glow-a,.glow-b{pointer-events:none;z-index:1;filter:blur(120px);opacity:.22;border-radius:50%;position:fixed}.glow-a{background:radial-gradient(circle,#3cfc 0%,#0000 70%);width:700px;height:700px;animation:14s ease-in-out infinite alternate ga;top:-200px;left:-150px}.glow-b{background:radial-gradient(circle,#00ff99b3 0%,#0000 70%);width:600px;height:600px;animation:18s ease-in-out infinite alternate gb;bottom:-100px;right:-100px}@keyframes ga{0%{transform:translate(0)}to{transform:translate(80px,60px)}}@keyframes gb{0%{transform:translate(0)}to{transform:translate(-60px,-80px)}}#page{z-index:2;min-height:100vh;max-width:var(--max);padding:0 var(--gut);flex-direction:column;margin:0 auto;display:flex;position:relative}.topbar{z-index:100;backdrop-filter:blur(16px);background:#07070fc7;border-bottom:1px solid #ffffff12;width:100%;position:sticky;top:0}.topbar-inner{max-width:var(--max);padding:1.1rem var(--gut);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.brand{font-family:var(--mono);letter-spacing:.18em;background:linear-gradient(90deg, var(--cyan), var(--green));color:#0000;background-clip:text;font-size:.85rem;font-weight:700}.topbar nav{gap:2rem;display:flex}.topbar nav a{font-size:.82rem;font-family:var(--mono);letter-spacing:.08em;color:var(--text2);transition:color .2s}.topbar nav a:hover{color:var(--cyan)}.hero{flex-direction:column;align-items:flex-start;gap:1.25rem;padding:clamp(2.5rem,7vh,4.5rem) 0 clamp(2rem,5vh,3.5rem);animation:.8s 2.3s both hero-in;display:flex}@keyframes hero-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.kicker{font-family:var(--mono);letter-spacing:.18em;color:var(--text3);font-size:.68rem}.hero-h1{letter-spacing:-.02em;color:var(--text);font-size:clamp(2.4rem,6vw,4.2rem);font-weight:900;line-height:1.1}.hero-h2{color:var(--text2);margin-top:-.4rem;font-size:clamp(1.4rem,3.5vw,2.2rem);font-weight:800;line-height:1.2}.prompt{color:#0f9;font-style:normal}.hero-h2 em{background:linear-gradient(75deg, var(--cyan), var(--green));color:#0000;background-clip:text;font-style:normal}.hero-sub{color:var(--text3);max-width:38ch;font-size:.92rem}.socials{gap:.7rem;margin-top:.4rem;display:flex}.soc-pill{font-family:var(--mono);letter-spacing:.06em;color:var(--text2);border-radius:999px;align-items:center;gap:.4rem;padding:.45rem 1.1rem;font-size:.78rem;transition:color .25s,box-shadow .3s;display:inline-flex;position:relative}.soc-pill:before{content:"";background:var(--b-inactive);-webkit-mask-composite:xor;pointer-events:none;border-radius:999px;padding:1px;transition:background .3s;position:absolute;inset:0;mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-position:0 0,0 0;mask-size:auto,auto;mask-repeat:repeat,repeat;mask-clip:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.soc-pill:hover:before{background:var(--b-grad)}.soc-pill:hover{color:var(--text);box-shadow:0 0 16px #3cf3,0 0 32px #00ff991a}.bento{grid-template-rows:auto auto;grid-template-columns:1fr 1fr;gap:1rem;padding-bottom:4rem;animation:.8s 2.5s both hero-in;display:grid}@media (width<=640px){.bento{grid-template-columns:1fr}}.w-about{grid-area:1/1}.w-works{grid-area:1/2/3}.w-quote{grid-area:2/1}.w-contact{grid-area:3/1/auto/3}@media (width<=640px){.w-about,.w-works,.w-quote,.w-contact{grid-area:auto/1}}#grid-bg{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.win{border-radius:var(--r);backdrop-filter:blur(16px);opacity:0;background:#08081252;transition:opacity .55s,transform .55s,box-shadow .35s;position:relative;transform:translateY(16px)}.win--visible{opacity:1;transform:translateY(0)}.win:before{content:"";border-radius:var(--r);background:var(--b-inactive);-webkit-mask-composite:xor;pointer-events:none;padding:1px;transition:background .35s;position:absolute;inset:0;mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-position:0 0,0 0;mask-size:auto,auto;mask-repeat:repeat,repeat;mask-clip:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.win:hover:before{background:var(--b-grad)}.win:hover{transform:translateY(-2px);box-shadow:0 0 28px #33ccff2e,0 0 56px #00ff9914,0 24px 64px #00000080}.win-bar{border-bottom:1px solid #ffffff0d;align-items:center;gap:.5rem;padding:.75rem 1rem .65rem;display:flex}.win-title{font-family:var(--mono);letter-spacing:.2em;color:var(--text3);margin-left:.35rem;font-size:.66rem}.win-body{flex-direction:column;gap:1.2rem;padding:1.5rem 1.4rem 1.6rem;display:flex}.win-body--center{justify-content:center;align-items:center;min-height:140px}.w-about .hero-h2 em{background:linear-gradient(66.77deg,#e88888 0%,#f8aaff 100%);color:#0000;background-clip:text;font-style:normal}.about-lead{color:var(--text2);font-size:.95rem;line-height:1.85}.prof{flex-direction:column;gap:.45rem;margin-top:.4rem;display:flex}.prof>div{gap:1rem;font-size:.82rem;display:flex}.prof dt{color:var(--text3);font-family:var(--mono);letter-spacing:.08em;min-width:5rem;padding-top:.05em;font-size:.72rem}.prof dd{color:var(--text2)}.work-item h2{color:var(--cyan);letter-spacing:.05em;margin-bottom:.3rem;font-size:1rem;font-weight:800}.work-item h3{color:var(--text);letter-spacing:-.01em;margin-bottom:.45rem;font-size:.9rem;font-weight:700}.work-item p{color:var(--text2);font-size:.83rem;line-height:1.75}.work-divider{background:#ffffff0f;border-radius:1px;height:1px}blockquote{text-align:center;background:linear-gradient(75deg, var(--cyan), var(--green));color:#0000;background-clip:text;font-size:clamp(1rem,2.5vw,1.3rem);font-weight:800;line-height:1.7}.clist{flex-direction:column;gap:.1rem;display:flex}.clist a{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 0;transition:color .2s;display:flex}.clist li:last-child a{border-bottom:none}.clist a:hover{color:var(--cyan)}.cl-label{color:var(--text2);font-size:.9rem}.cl-val{font-family:var(--mono);color:var(--text3);font-size:.78rem;transition:color .2s}.clist a:hover .cl-val{color:var(--cyan)}.foot{font-family:var(--mono);letter-spacing:.06em;color:var(--text3);border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;padding:1.5rem 0 2.5rem;font-size:.72rem;display:flex}.foot-track{color:var(--green);opacity:.7}