*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--paper:#f3ecdd;--paper-2:#ebe2cd;--ink:#111;--ink-soft:#2a2a2a;--neon:#ff2e63;--neon-soft:#ffe5ec;--hi:#ffd84d;--text:var(--ink);--text-muted:#6a6358;--b:2.5px;--r:14px;--shadow:6px 6px 0 0 var(--ink);--shadow-sm:3px 3px 0 0 var(--ink);--font-display:"Bungee", "Space Grotesk", system-ui, sans-serif;--font-body:"Space Grotesk", system-ui, sans-serif;--font-jp:"Zen Kurenaido", "Space Grotesk", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--paper);color:var(--text);cursor:none;background-image:radial-gradient(#11111112 1px, transparent 1.2px), linear-gradient(180deg, var(--paper) 0%, var(--paper-2) 100%);background-position:0 0,0 0;background-size:22px 22px,100% 100%;line-height:1.55;overflow-x:hidden}a{color:var(--ink);text-decoration:none;transition:color .2s}a:hover{color:var(--neon)}::selection{background:var(--neon);color:var(--paper)}.fx-grain,.fx-scanlines,.fx-halftone{pointer-events:none;z-index:200;position:fixed;inset:0}.fx-grain{opacity:.35;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.35 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");animation:1.6s steps(6,end) infinite grainShift}@keyframes grainShift{0%{transform:translate(0)}20%{transform:translate(-2%,1%)}40%{transform:translate(1%,-2%)}60%{transform:translate(-1%,2%)}80%{transform:translate(2%,-1%)}to{transform:translate(0)}}.fx-scanlines{opacity:.5;background-image:repeating-linear-gradient(#1111110d 0 1px,#0000 1px 3px)}.fx-halftone{opacity:.12;background-image:radial-gradient(var(--ink) 1px, transparent 1.4px);background-size:8px 8px;-webkit-mask-image:radial-gradient(circle at 80% 12%,#000 0,#0000 38%);mask-image:radial-gradient(circle at 80% 12%,#000 0,#0000 38%)}.cursor-dot,.cursor-ring{pointer-events:none;z-index:9999;will-change:transform;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-dot{background:var(--neon);mix-blend-mode:multiply;border-radius:50%;width:8px;height:8px}.cursor-ring{border:var(--b) solid var(--ink);background:0 0;border-radius:50%;width:34px;height:34px;transition:width .2s,height .2s,background .2s,border-color .2s}.cursor-ring.is-hover{background:var(--neon);border-color:var(--ink);mix-blend-mode:multiply;width:56px;height:56px}@media (hover:none){body{cursor:auto}.cursor-dot,.cursor-ring{display:none}}header{background:var(--paper);border-bottom:var(--b) solid var(--ink);z-index:150;position:sticky;top:0}nav{justify-content:space-between;align-items:center;gap:2rem;max-width:1280px;margin:0 auto;padding:1rem 2rem;display:flex}.logo{font-family:var(--font-display);letter-spacing:.02em;color:var(--ink);align-items:baseline;gap:.35rem;font-size:1.4rem;display:inline-flex}.logo:hover{color:var(--ink)}.logo-mark{color:var(--neon);animation:8s linear infinite spinSlow;display:inline-block;transform:translateY(2px)}.logo-text em{background:var(--neon);color:var(--paper);margin:0 .05rem;padding:0 .25rem;font-style:normal}.logo-dot{color:var(--neon)}@keyframes spinSlow{to{transform:rotate(360deg)translateY(2px)}}nav ul{align-items:center;gap:1.5rem;list-style:none;display:flex}nav ul a{font-family:var(--font-mono);text-transform:lowercase;color:var(--ink);border:var(--b) solid transparent;border-radius:6px;align-items:baseline;gap:.35rem;padding:.35rem .65rem;font-size:.85rem;font-weight:700;transition:all .15s;display:inline-flex}nav ul a:hover{background:var(--ink);color:var(--paper);border-color:var(--ink);box-shadow:2px 2px 0 0 var(--neon);transform:translate(-1px,-1px)}nav ul a .num{color:var(--neon);font-size:.65rem;font-weight:700}nav ul a:hover .num{color:var(--paper)}.ticker{border-top:var(--b) solid var(--ink);background:var(--ink);color:var(--paper);position:relative;overflow:hidden}.ticker-track{white-space:nowrap;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;gap:3rem;padding:.45rem 0;font-size:.8rem;animation:30s linear infinite tickerSlide;display:inline-flex}.ticker-track span{padding-left:3rem}@keyframes tickerSlide{0%{transform:translate(0)}to{transform:translate(-50%)}}.hero{isolation:isolate;max-width:1280px;margin:0 auto;padding:6rem 2rem 7rem;position:relative;overflow:hidden}.speed-lines{width:100%;height:100%;color:var(--ink);opacity:.08;z-index:0;pointer-events:none;position:absolute;inset:0}.sticker{font-family:var(--font-display);color:var(--neon);opacity:.9;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:0;text-shadow:4px 4px 0 var(--ink);will-change:transform;font-size:5rem;position:absolute}.sticker.s1{animation:6s ease-in-out infinite floatA;top:10%;left:4%}.sticker.s2{color:var(--ink);text-shadow:3px 3px 0 var(--neon);font-size:3rem;animation:7s ease-in-out infinite floatB;top:60%;left:8%}.sticker.s3{color:var(--hi);text-shadow:4px 4px 0 var(--ink);font-size:4rem;animation:8s ease-in-out infinite reverse floatA;top:18%;right:8%}.sticker.s4{color:var(--ink);text-shadow:2px 2px 0 var(--neon);font-size:2.5rem;animation:5.5s ease-in-out infinite floatB;bottom:12%;right:14%}.sticker.kanji{font-family:var(--font-jp);color:var(--ink);opacity:.04;text-shadow:none;font-size:14rem;animation:none;bottom:-2rem;right:-1rem}@keyframes floatA{0%,to{transform:translate(0)rotate(-6deg)}50%{transform:translate(8px,-12px)rotate(2deg)}}@keyframes floatB{0%,to{transform:translate(0)rotate(8deg)}50%{transform:translate(-6px,10px)rotate(-4deg)}}.hero-content{z-index:2;max-width:900px;position:relative}.kicker{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.18em;color:var(--ink);align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:.8rem;font-weight:700;display:inline-flex}.kicker .dash{background:var(--neon);width:32px;height:2px;display:inline-block}.hero-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);margin-bottom:2rem;font-size:clamp(3rem,9vw,7.5rem);line-height:.95}.hero-title .line{display:block}.hero-title .line-1{animation:.8s cubic-bezier(.2,.8,.2,1) .1s both slideUp}.hero-title .line-2{padding-left:1.5em;animation:.8s cubic-bezier(.2,.8,.2,1) .25s both slideUp}.hero-title .line-3{animation:.8s cubic-bezier(.2,.8,.2,1) .4s both slideUp}.hero-title .neon{background:var(--neon);color:var(--paper);box-shadow:8px 8px 0 0 var(--ink);padding:0 .25em;display:inline-block;transform:rotate(-2deg)}.hero-title .period{color:var(--paper)}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.hero-sub{color:var(--ink-soft);max-width:560px;margin-bottom:2.5rem;font-size:clamp(1.05rem,1.5vw,1.25rem);animation:1s .55s both fadeInUp}.hero-sub em{background:var(--hi);color:var(--ink);padding:0 .25rem;font-style:normal}.hero-actions{flex-wrap:wrap;gap:1rem;animation:1s .7s both fadeInUp;display:flex}.btn{font-family:var(--font-mono);text-transform:lowercase;border:var(--b) solid var(--ink);cursor:none;border-radius:999px;align-items:center;gap:.6rem;padding:.9rem 1.5rem;font-size:.9rem;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s,color .15s;display:inline-flex}.btn-ink{background:var(--ink);color:var(--paper);box-shadow:var(--shadow)}.btn-ink:hover{color:var(--paper);background:var(--neon);border-color:var(--ink);box-shadow:9px 9px 0 0 var(--ink);transform:translate(-3px,-3px)}.btn-ghost{color:var(--ink);box-shadow:var(--shadow-sm);background:0 0}.btn-ghost:hover{background:var(--ink);color:var(--paper);box-shadow:5px 5px 0 0 var(--neon);transform:translate(-2px,-2px)}.bubble{background:var(--paper);border:var(--b) solid var(--ink);max-width:220px;font-family:var(--font-jp);color:var(--ink);box-shadow:5px 5px 0 0 var(--ink);z-index:3;border-radius:24px;padding:.85rem 1.25rem;font-size:1rem;animation:1s cubic-bezier(.34,1.56,.64,1) 1s both bubblePop;position:absolute;top:-20px;right:4%;transform:rotate(4deg)}.bubble-tail{background:var(--paper);border-right:var(--b) solid var(--ink);border-bottom:var(--b) solid var(--ink);width:22px;height:22px;position:absolute;bottom:-16px;left:30px;transform:rotate(45deg)}@keyframes bubblePop{0%{opacity:0;transform:rotate(4deg)scale(.6)}to{opacity:1;transform:rotate(4deg)scale(1)}}.scroll-hint{font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--ink);z-index:2;flex-direction:column;align-items:center;gap:.5rem;font-size:.7rem;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.scroll-line{background:var(--ink);transform-origin:top;width:2px;height:32px;animation:1.6s ease-in-out infinite scrollLine}@keyframes scrollLine{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{transform-origin:bottom;transform:scaleY(0)}}.neon-flicker{text-shadow:0 0 4px #ff2e6399,0 0 12px #ff2e6359;animation:4s infinite flickerNeon;display:inline-block;position:relative}@keyframes flickerNeon{0%,19%,22%,62%,64%,to{opacity:1;filter:none}20%,21%{opacity:.35;filter:blur(.4px)}63%{opacity:.55}78%{opacity:.85}79%{opacity:.25}80%{opacity:1}}.section{max-width:1280px;margin:0 auto;padding:5rem 2rem;position:relative}.section-head{margin-bottom:3rem}.section-head.row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem;display:flex}.section-num{font-family:var(--font-jp);color:var(--neon);letter-spacing:.15em;margin-bottom:.35rem;font-size:.95rem;display:inline-block}.section-title{font-family:var(--font-display);color:var(--ink);font-size:clamp(2.2rem,5vw,4rem);line-height:1}.dotpop{color:var(--neon);animation:1.4s infinite dotPop;display:inline-block}@keyframes dotPop{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-8px)}}.about-grid{grid-template-columns:1.6fr 1fr;align-items:start;gap:3rem;display:grid}.about-lead{color:var(--ink);font-size:clamp(1.1rem,1.7vw,1.4rem);line-height:1.55}.about-lead em{background:var(--hi);padding:0 .2rem;font-style:normal}.dropcap{float:left;font-family:var(--font-display);background:var(--ink);color:var(--paper);box-shadow:4px 4px 0 var(--neon);margin:.2rem .6rem 0 0;padding:.25rem .6rem .25rem .25rem;font-size:4.5rem;line-height:.85}.about-meta{border:var(--b) solid var(--ink);border-radius:var(--r);background:var(--paper);box-shadow:var(--shadow);font-family:var(--font-mono);padding:1.25rem;font-size:.85rem;list-style:none}.about-meta li{border-bottom:1px dashed var(--ink);justify-content:space-between;gap:1rem;padding:.55rem 0;display:flex}.about-meta li:last-child{border-bottom:0}.meta-k{color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em}.meta-v{color:var(--ink);font-weight:700}.status-dot{background:var(--neon);vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:.4rem;animation:1.6s infinite pulseDot;display:inline-block;box-shadow:0 0 #ff2e6399}@keyframes pulseDot{0%{box-shadow:0 0 #ff2e6399}to{box-shadow:0 0 0 10px #ff2e6300}}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.75rem;display:grid}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes flickerEdge{0%,to{box-shadow:var(--shadow), 0 0 0 0 #ff2e6300}18%{box-shadow:var(--shadow), 0 0 0 4px #ff2e6359}19%{box-shadow:var(--shadow), 0 0 0 0 #ff2e6300}62%{box-shadow:var(--shadow), 0 0 0 6px #ff2e6340}63%{box-shadow:var(--shadow), 0 0 0 0 #ff2e6300}85%{box-shadow:var(--shadow), 0 0 0 3px #ff2e6366}86%{box-shadow:var(--shadow), 0 0 0 0 #ff2e6300}}.panel{background:var(--paper);border:var(--b) solid var(--ink);border-radius:var(--r);box-shadow:var(--shadow);padding:1.75rem;transition:transform .25s,box-shadow .25s;position:relative}.panel:hover{box-shadow:10px 10px 0 0 var(--neon), 10px 10px 0 var(--b) var(--ink);animation:2.2s infinite flickerEdge;transform:translate(-4px,-4px)}.panel-corner{border:var(--b) solid var(--neon);pointer-events:none;opacity:0;width:18px;height:18px;transition:opacity .25s;position:absolute}.panel-corner.tl{border-bottom:0;border-right:0;top:-8px;left:-8px}.panel-corner.tr{border-bottom:0;border-left:0;top:-8px;right:-8px}.panel-corner.bl{border-top:0;border-right:0;bottom:-8px;left:-8px}.panel-corner.br{border-top:0;border-left:0;bottom:-8px;right:-8px}.panel:hover .panel-corner{opacity:1}.skill-card .skill-icon{font-family:var(--font-display);color:var(--neon);transform-origin:50%;margin-bottom:.75rem;font-size:2rem;animation:12s linear infinite spinSlow;display:inline-block}.skill-card h3{font-family:var(--font-display);letter-spacing:.01em;color:var(--ink);margin-bottom:.65rem;font-size:1.4rem}.skill-card p{color:var(--ink-soft);margin-bottom:1rem;font-size:.98rem}.skill-tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.15em;background:var(--ink);color:var(--paper);border-radius:999px;padding:.3rem .65rem;font-size:.7rem;display:inline-block}.proj-controls{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.search{background:var(--paper);border:var(--b) solid var(--ink);box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:.5rem;padding:.55rem 1rem;transition:box-shadow .15s,transform .15s;display:inline-flex;position:relative}.search:focus-within{box-shadow:5px 5px 0 0 var(--neon);transform:translate(-2px,-2px)}.search-prompt{font-family:var(--font-mono);color:var(--neon);font-weight:700}.search input{font-family:var(--font-mono);color:var(--ink);cursor:none;background:0 0;border:0;outline:0;width:220px;font-size:.9rem}.search input::placeholder{color:var(--text-muted)}.search-caret{font-family:var(--font-mono);color:var(--ink);animation:1s step-end infinite blinkCaret}@keyframes blinkCaret{50%{opacity:0}}.filters{flex-wrap:wrap;gap:.4rem;display:inline-flex}.chip{font-family:var(--font-mono);text-transform:lowercase;border:var(--b) solid var(--ink);background:var(--paper);color:var(--ink);cursor:none;border-radius:999px;padding:.45rem .85rem;font-size:.75rem;font-weight:700;transition:all .15s}.chip:hover{box-shadow:3px 3px 0 0 var(--ink);transform:translate(-2px,-2px)}.chip.active{background:var(--ink);color:var(--paper);box-shadow:3px 3px 0 0 var(--neon)}.proj-rail-wrap{margin-top:1rem;position:relative}.proj-rail{scroll-snap-type:x mandatory;perspective:1400px;perspective-origin:50%;scroll-behavior:smooth;scrollbar-width:none;gap:1.5rem;padding:2rem .25rem 3rem;display:flex;overflow:auto visible}.proj-rail::-webkit-scrollbar{display:none}.proj-card{scroll-snap-align:center;border:var(--b) solid var(--ink);border-radius:var(--r);background:var(--paper);height:460px;box-shadow:var(--shadow);transform-style:preserve-3d;will-change:transform;cursor:none;flex:0 0 360px;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,opacity .25s;position:relative;overflow:hidden}.proj-card.is-hidden{opacity:.15;filter:grayscale(.8);pointer-events:none;transform:scale(.95)}.proj-bg{background:radial-gradient(circle at 30% 20%, var(--c1) 0%, transparent 55%), radial-gradient(circle at 70% 80%, var(--c2) 0%, transparent 55%), var(--paper);transition:transform .6s;position:absolute;inset:0;transform:translateZ(-40px)scale(1.05);-webkit-mask-image:radial-gradient(#000 60%,#0000 100%);mask-image:radial-gradient(#000 60%,#0000 100%)}.proj-card:hover .proj-bg{transform:translateZ(-40px)scale(1.15)}.proj-bg:after{content:"";background-image:radial-gradient(var(--ink) 1px, transparent 1.4px);opacity:.25;mix-blend-mode:multiply;background-size:7px 7px;position:absolute;inset:0}.proj-num{font-family:var(--font-display);color:var(--ink);background:var(--paper);border:var(--b) solid var(--ink);z-index:2;border-radius:8px;padding:.15rem .55rem;font-size:1.6rem;position:absolute;top:1rem;left:1.25rem;transform:translateZ(40px)}.proj-body{background:var(--paper);border:var(--b) solid var(--ink);box-shadow:4px 4px 0 var(--ink);z-index:2;border-radius:10px;padding:1rem 1.1rem;position:absolute;bottom:1.25rem;left:1.25rem;right:1.25rem;transform:translateZ(50px)}.proj-body h3{font-family:var(--font-display);color:var(--ink);margin-bottom:.35rem;font-size:1.35rem}.proj-body p{color:var(--ink-soft);margin-bottom:.75rem;font-size:.9rem}.proj-meta{flex-wrap:wrap;gap:.4rem;display:flex}.tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;background:var(--ink);color:var(--paper);border-radius:4px;padding:.2rem .5rem;font-size:.65rem}.tag:nth-child(2){background:var(--neon)}.proj-shine{pointer-events:none;z-index:3;background:linear-gradient(115deg,#0000 30%,#ffffff8c 50%,#0000 70%);transition:transform .8s;position:absolute;inset:0;transform:translate(-100%)}.proj-card:hover .proj-shine{transform:translate(100%)}.rail-nav{border:var(--b) solid var(--ink);background:var(--paper);width:48px;height:48px;color:var(--ink);font-family:var(--font-display);cursor:none;z-index:5;box-shadow:var(--shadow-sm);border-radius:50%;font-size:1.2rem;transition:transform .15s,background .15s,color .15s;position:absolute;top:50%;transform:translateY(-50%)}.rail-nav:hover{background:var(--neon);color:var(--paper);transform:translateY(-50%)scale(1.08)}.rail-nav.prev{left:-8px}.rail-nav.next{right:-8px}.proj-empty{text-align:center;font-family:var(--font-mono);color:var(--text-muted);padding:2rem}.contact-card{text-align:center;max-width:720px;margin:0 auto;padding:3rem 2rem}.contact-lead{color:var(--ink-soft);margin-bottom:1.5rem;font-size:1.2rem}.contact-lead em{background:var(--hi);color:var(--ink);padding:0 .25rem;font-style:normal}.email-link{font-family:var(--font-display);color:var(--ink);background:var(--neon);border:var(--b) solid var(--ink);box-shadow:6px 6px 0 var(--ink);border-radius:12px;padding:.35rem 1rem;font-size:clamp(1.5rem,3.5vw,2.4rem);transition:transform .2s,box-shadow .2s;display:inline-block;transform:rotate(-1.5deg)}.email-link:hover{color:var(--ink);box-shadow:9px 9px 0 var(--ink);transform:rotate(-1.5deg)translate(-3px,-3px)}.socials{font-family:var(--font-mono);color:var(--text-muted);align-items:center;gap:.75rem;margin-top:1.5rem;font-size:.9rem;display:inline-flex}.socials a{color:var(--ink);border-bottom:var(--b) solid transparent;padding-bottom:1px}.socials a:hover{border-color:var(--neon);color:var(--neon)}footer{border-top:var(--b) solid var(--ink);background:var(--ink);color:var(--paper);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;padding:1.5rem 2rem;font-size:.8rem}.foot-row{justify-content:space-between;gap:1rem;max-width:1280px;margin:0 auto;display:flex}.foot-time{color:var(--neon)}[data-scroll-reveal]{opacity:0;transition:opacity .8s,transform .8s cubic-bezier(.2,.8,.2,1);transform:translateY(28px)}[data-scroll-reveal].is-visible{opacity:1;transform:translateY(0)}.hero[data-parallax]{opacity:1;transform:none}@media (width<=800px){.about-grid{grid-template-columns:1fr}.hero-title .line-2{padding-left:0}.bubble{display:none}}@media (width<=640px){nav{padding:.85rem 1rem}nav ul{gap:.75rem}nav ul a{padding:.3rem .5rem;font-size:.75rem}nav ul a .num{display:none}.hero{padding:3rem 1.25rem 5rem}.section{padding:3.5rem 1.25rem}.proj-card{flex:0 0 80vw;height:420px}.rail-nav{display:none}.section-head.row{align-items:flex-start}.search input{width:140px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}