:root{--bg:#fbf6ee;--surface:#fff;--ink:#201913;--muted:#8c8272;--accent:#7a1e2b;--accent-ink:#fff;--brick-white:#fff;--brick-light:#e8dcc8;--line:#e0d5c0;--margin:clamp(20px,4vw,32px);--step-small:clamp(0.8125rem,0.79rem + 0.1vw,0.875rem);--step-body:clamp(1.0625rem,1rem + 0.25vw,1.1875rem);--step-lead:clamp(1.25rem,1.1rem + 0.7vw,1.625rem);--step-head:clamp(2.5rem,1.2rem + 5vw,5.5rem)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Cabinet Grotesk,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5;overflow-x:hidden}a{color:inherit}p{font-size:var(--step-body);line-height:1.5}h1,h2,h3{font-weight:800;letter-spacing:-.035em;line-height:.9;margin:0}h2{font-size:var(--step-head)}button{font-family:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.wrap{padding-inline:var(--margin)}section{padding-block:120px}.bgfx{position:fixed;z-index:-1;pointer-events:none}.alias-marquee,.bgfx{inset:0;overflow:hidden}.alias-marquee{position:absolute;display:flex;flex-direction:column;justify-content:space-around}.alias-row{display:flex;width:max-content;white-space:nowrap;font-size:clamp(48px,8vw,96px);font-weight:800;letter-spacing:-.02em;line-height:1;color:rgba(122,30,43,.07);animation:alias-scroll 42s linear infinite}.alias-row--2{animation-direction:reverse;animation-duration:58s}.alias-row--3{animation-duration:74s}.alias-line{padding-right:.5em}@keyframes alias-scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.bgfx-glow{position:absolute;width:60vw;height:60vw;border-radius:50%;opacity:.22}.bgfx-glow-a{background:radial-gradient(circle,rgba(122,30,43,.12) 0,transparent 70%);top:-10%;left:-10%;animation:bgfx-drift-a 55s ease-in-out infinite alternate}.bgfx-glow-b{background:radial-gradient(circle,hsla(30,42%,63%,.18) 0,transparent 70%);opacity:.18;bottom:-15%;right:-10%;animation:bgfx-drift-b 46s ease-in-out infinite alternate}@keyframes bgfx-drift-a{0%{transform:translate(0)}to{transform:translate(18vw,22vh)}}@keyframes bgfx-drift-b{0%{transform:translate(0)}to{transform:translate(-16vw,-20vh)}}.bgfx-particle{position:absolute;top:105%;border-radius:50%;background:var(--ink);opacity:.35;animation:bgfx-rise linear infinite}@keyframes bgfx-rise{0%{transform:translateY(0);opacity:0}8%{opacity:.35}92%{opacity:.35}to{transform:translateY(-120vh);opacity:0}}.loader{position:fixed;inset:0;z-index:200;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;transition:opacity .6s cubic-bezier(.22,1,.36,1),visibility .6s;animation:loader-autokill .5s ease 3.6s forwards}.loader.is-flying{opacity:.92}.loader.is-done{opacity:0;pointer-events:none;visibility:hidden}@keyframes loader-autokill{to{opacity:0;visibility:hidden;pointer-events:none}}.loader-stage{position:relative;width:160px;height:170px;transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .6s ease;will-change:transform}.loader-stage.is-assembled .loader-robot{animation:loader-bounce .5s ease}.loader-stage.is-flying{transform:translate(calc(50vw - 12px),calc(50vh - 27px)) scale(.45);opacity:.9}@keyframes loader-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.loader-brick{position:absolute;left:0;top:0;border:1px solid var(--ink);transition:transform .9s cubic-bezier(.22,1,.36,1),opacity .4s ease;will-change:transform}.loader-figure{position:absolute;left:50%;top:50%;width:100px;height:120px;transform:translate(-50%,-50%) scale(.8);opacity:0;transition:opacity .4s ease,transform .4s cubic-bezier(.22,1,.36,1);pointer-events:none}.loader-figure.is-visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.loader-figure-svg{width:100%;height:100%;display:block}body.page-entered .site-nav,body.page-entered main{animation:page-enter .8s cubic-bezier(.22,1,.36,1) both}body.page-entered .robot{animation:robot-enter .7s cubic-bezier(.22,1,.36,1) both;animation-delay:.15s}@keyframes page-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes robot-enter{0%{opacity:0;transform:translateY(16px) scale(.6)}to{opacity:1;transform:translateY(0) scale(1)}}.loader-text{font-size:var(--step-body);color:var(--ink);margin:0}.site-nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:var(--bg);display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:16px;padding-inline:var(--margin)}.nav-wordmark{font-weight:800;font-size:24px;letter-spacing:-.035em;text-decoration:none}.nav-links{display:flex;align-items:center;gap:28px}.nav-link{text-decoration:none;font-size:16px;font-weight:500;color:var(--ink);padding-bottom:2px}.nav-link.active{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.nav-action{background:var(--accent);color:var(--accent-ink);border:none;border-radius:0;padding:10px 20px;font-size:16px;font-weight:500;text-decoration:none}.hero{min-height:100svh;display:grid;grid-template-columns:47% 1fr;align-items:center;grid-gap:32px;gap:32px;padding-top:40px}.hero,.hero-photo-frame{position:relative;overflow:hidden}.hero-photo-frame{width:100%;aspect-ratio:4/5;background:var(--surface);animation:photo-in .9s ease both;transition:transform .3s ease;cursor:pointer}.hero-photo-frame:focus-visible,.hero-photo-frame:hover{transform:scale(1.02)}@keyframes photo-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.hero-photo-parallax{width:100%;height:100%;will-change:transform}.hero-photo-media{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--surface);animation:kenburns 24s ease-in-out infinite alternate}@keyframes kenburns{0%{transform:scale(1)}to{transform:scale(1.08)}}.hero-photo-mono{font-size:clamp(72px,10vw,140px);font-weight:800;letter-spacing:-.035em;line-height:1}.hero-photo-img{width:100%;height:100%;object-fit:cover;display:block}.hero-support{font-size:clamp(17px,1.1rem + .4vw,24px);line-height:1.5;max-width:26ch;margin:0}.hero-wordmark{position:absolute;left:var(--margin);right:var(--margin);bottom:40px;z-index:2;font-size:clamp(120px,19vw,300px);line-height:.85;white-space:nowrap;overflow:hidden;will-change:transform}.intro-head{display:grid;grid-template-columns:1fr 260px;grid-gap:32px;gap:32px;align-items:end;margin-bottom:120px}.intro-note{font-size:var(--step-body);margin:0;max-width:260px;justify-self:end}.facts{display:flex;justify-content:space-between;gap:32px;flex-wrap:wrap}.fact-value{font-size:clamp(28px,3vw,44px);font-weight:500;line-height:1.1;margin:0}.fact-label{font-size:14px;color:var(--muted);margin:4px 0 0}.coba{margin-top:96px}.coba-label{margin:0 0 12px}.coba-input,.coba-label{font-size:var(--step-body)}.coba-input{width:100%;max-width:420px;background:var(--surface);border:none;color:var(--ink);font-family:inherit;padding:14px 16px}.coba-input::placeholder{color:var(--muted)}.coba-name{font-size:clamp(56px,10vw,140px);font-weight:800;letter-spacing:-.035em;line-height:.9;margin:24px 0 0;overflow-wrap:break-word}.about{position:relative}.about-pin{position:-webkit-sticky;position:sticky;top:80px;z-index:1}.about-pin h2{font-size:clamp(88px,12vw,180px);line-height:.85}.about-body{margin-top:60svh;display:grid;grid-template-columns:30vw 1fr;grid-gap:48px;gap:48px;align-items:start}.about-portrait{aspect-ratio:4/5;background:var(--surface);display:flex;align-items:center;justify-content:center;overflow:hidden}.about-portrait-img{width:100%;height:100%;object-fit:cover;display:block}.about-portrait-mono{font-size:clamp(64px,8vw,110px);font-weight:800;letter-spacing:-.035em}.about-text p{max-width:46ch}.works-head{align-items:baseline;justify-content:space-between}.work-filters,.works-head{display:flex;gap:24px;margin-bottom:32px}.work-filters{flex-wrap:wrap}.filter-btn{background:none;border:none;color:var(--ink);font-size:var(--step-body);font-weight:500;padding:0 0 2px}.filter-btn.active{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.work-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:32px;gap:32px}.work-tile{position:relative;background:var(--surface);padding:24px;transition:transform .3s ease}.work-tile:focus-within,.work-tile:hover{transform:translateY(-4px)}.work-stretch-link{position:absolute;inset:0;z-index:1}.work-visual{position:relative;aspect-ratio:3/2;background:var(--bg);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:transform .3s ease}.work-visual--image{padding:0}.work-image{width:100%;height:100%;object-fit:cover;display:block}.work-tile:focus-within .work-visual,.work-tile:hover .work-visual{transform:scale(1.05)}.work-visual-inner{gap:8px}.work-visual-frame,.work-visual-inner{display:flex;align-items:center;justify-content:center}.work-visual-frame{width:70%;height:56%;min-height:90px;background:var(--surface)}.work-visual-play{width:0;height:0;border-top:18px solid transparent;border-bottom:18px solid transparent;border-left:28px solid var(--ink)}.work-visual-bubble{width:46%;height:34px;background:var(--ink)}.work-visual-bubble.short{width:30%}.work-visual-mono{font-size:clamp(40px,5vw,72px);font-weight:800;letter-spacing:-.035em}.work-visual-note{display:flex;align-items:flex-end;gap:6px;height:64px}.work-visual-note-head{width:28px;height:28px;border-radius:50%;background:var(--ink)}.work-visual-note-stem{width:6px;height:56px;background:var(--ink)}.work-visual-note-flag{width:22px;height:14px;background:var(--ink);margin-bottom:42px}.work-title{font-size:clamp(28px,3vw,44px);margin:20px 0 8px}.work-desc{color:var(--muted);margin:0;max-width:46ch}.work-stats{margin:12px 0 0;color:var(--ink)}.work-actions{position:relative;z-index:2;display:flex;gap:20px;align-items:center;margin-top:16px}.work-arrow{font-weight:500;text-decoration:none;transition:transform .3s ease;display:inline-block}.work-tile:focus-within .work-arrow,.work-tile:hover .work-arrow{transform:translateX(5px)}.work-extra{color:var(--muted);text-decoration:none;font-size:16px}.work-embed{position:relative;z-index:2;margin-top:16px;aspect-ratio:16/9;width:100%;border:none}.certs-head{margin-bottom:32px}.certs-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:32px;gap:32px}.cert-card{padding:24px}.cert-card,.cert-image{background:var(--surface);border:1px solid var(--line)}.cert-image{width:100%;height:auto;display:block}.cert-title{font-size:clamp(1.5rem,1.2rem + 1vw,2rem);margin:20px 0 8px}.cert-meta{color:var(--muted);margin:0}.cert-verify{display:inline-block;margin-top:16px;font-weight:500;text-decoration:none}.stats-head{font-size:clamp(22px,2vw,28px);font-weight:500;margin:0 0 56px}.stat-row{display:grid;grid-template-columns:132px 1fr;grid-gap:24px;gap:24px;align-items:baseline;margin-bottom:28px}.stat-figure{font-size:clamp(28px,3vw,32px);font-weight:500;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-sentence{font-size:var(--step-body);color:var(--muted);margin:0;max-width:40ch}.comments h2{margin-bottom:16px}.comments-desc{margin:0 0 32px;max-width:46ch}.giscus-wrap{min-height:200px}.contact{min-height:100svh;display:flex;flex-direction:column;justify-content:space-between}.contact-note{font-size:clamp(18px,1.2rem + .4vw,22px);max-width:32ch;margin:0}.contact-email{display:block;font-size:clamp(28px,7vw,110px);font-weight:500;letter-spacing:-.035em;line-height:1;text-decoration:none;overflow-wrap:break-word;margin:48px 0;background:none;border:none;color:var(--ink);font-family:inherit;text-align:left;cursor:pointer;padding:0}.contact-email:hover{color:var(--muted)}.contact-copied{font-size:var(--step-body);color:var(--ink);min-height:1.5em;margin:0}.contact-meta{display:flex;justify-content:space-between;gap:24px;font-size:14px;flex-wrap:wrap}.contact-meta a{text-decoration:none}.site-footer{background:var(--accent);color:var(--accent-ink);padding-block:48px 24px;padding-inline:var(--margin)}.footer-wordmark{font-size:clamp(96px,19vw,300px);font-weight:800;letter-spacing:-.035em;line-height:.85;white-space:nowrap;overflow:hidden}.footer-copy{margin:24px 0 0;font-size:var(--step-body);color:var(--accent-ink)}.robot{position:fixed;left:0;top:0;z-index:100;display:flex;flex-direction:column;align-items:flex-end;gap:8px;transition:transform 1.2s cubic-bezier(.45,0,.2,1);will-change:transform}.robot--left{align-items:flex-start}.robot.is-walking .robot-svg{animation:robot-bob 3s ease-in-out infinite,robot-walk-bob .3s ease-in-out infinite alternate}@keyframes robot-walk-bob{0%{transform:translateY(0)}to{transform:translateY(-3px)}}.robot-leg{transform-box:fill-box;transform-origin:top center}.robot.is-walking .robot-leg--left{animation:leg-step .3s ease-in-out infinite alternate}.robot.is-walking .robot-leg--right{animation:leg-step .3s ease-in-out infinite alternate-reverse}@keyframes leg-step{0%{transform:translateY(0)}to{transform:translateY(-3px)}}.robot-bubble{max-width:240px;background:var(--surface);color:var(--ink);border:1px solid var(--line);padding:12px 14px;font-size:15px;line-height:1.4;opacity:0;transform:translateY(6px);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.robot-bubble.is-visible{opacity:1;transform:translateY(0)}.robot-tilt{will-change:transform}.robot-btn{background:none;border:none;padding:0;width:72px;height:92px;cursor:pointer}.robot-btn.is-jumping{animation:robot-jump .6s ease}@keyframes robot-jump{0%,to{transform:translateY(0)}40%{transform:translateY(-16px)}60%{transform:translateY(0)}80%{transform:translateY(-6px)}}.robot-svg{width:72px;height:92px;animation:robot-bob 3s ease-in-out infinite}@keyframes robot-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.robot-eyes{transform-box:fill-box;transform-origin:center;animation:robot-blink 4.2s infinite}@keyframes robot-blink{0%,94%,to{transform:scaleY(1)}96%{transform:scaleY(.08)}98%{transform:scaleY(1)}}.robot-arm{transform-box:fill-box;transform-origin:top center}.robot-btn.is-waving .robot-arm{animation:robot-wave .6s ease}@keyframes robot-wave{0%,to{transform:rotate(0deg)}25%{transform:rotate(-24deg)}50%{transform:rotate(16deg)}75%{transform:rotate(-12deg)}}@media (max-width:768px){section{padding-block:80px}.nav-links{gap:14px}.nav-action,.nav-link{font-size:14px}.nav-action{padding:8px 12px}.hero{grid-template-columns:1fr;min-height:auto}.hero-photo-frame{height:58svh;aspect-ratio:auto}.hero-wordmark{position:static;font-size:20vw;margin-top:-3vw}.hero-support{max-width:none}.intro-head{grid-template-columns:1fr}.intro-note{justify-self:start;max-width:none}.facts{display:grid;grid-template-columns:1fr 1fr}.about-pin h2{font-size:17vw}.about-body,.anime-grid,.anime-grid--fav,.anime-grid.films-grid,.certs-grid,.waifu-layout,.work-grid{grid-template-columns:1fr}.stat-row{grid-template-columns:88px 1fr}.stat-figure{font-size:24px}.contact-email{font-size:11.5vw}.robot{right:12px;bottom:12px}.robot-btn,.robot-svg{width:56px;height:72px}.robot-bubble{max-width:200px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.alias-row,.bgfx-glow{animation:none}.bgfx-particle{display:none}.loader{animation:loader-autokill .3s ease .4s forwards}.hero-photo-media,.robot-eyes,.robot-svg{animation:none}}.terminal-head{margin-bottom:32px}.terminal-window{background:#111;border:1px solid #111}.terminal-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid #333}.terminal-dot{width:12px;height:12px;border-radius:50%;background:var(--muted);opacity:.6}.terminal-dot:nth-child(2){opacity:.8}.terminal-dot:nth-child(3){background:#fff;opacity:1}.terminal-title{margin-left:8px;font-size:.875rem;color:#aaa}.terminal-body,.terminal-title{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.terminal-body{padding:20px 16px 24px;font-size:var(--step-body);min-height:220px}.terminal-line{margin:0;color:#fff}.terminal-prompt{color:#fff;margin-right:8px;font-weight:700}.terminal-out{margin:4px 0 16px;color:#b0b0b0;font-size:var(--step-body);line-height:1.5}.terminal-cursor{display:inline-block;width:8px;height:1.1em;background:#fff;vertical-align:text-bottom;margin-left:4px;animation:terminal-blink 1s steps(2) infinite}@keyframes terminal-blink{50%{opacity:0}}.stack-strip{margin-top:32px;font-size:var(--step-body);color:var(--ink)}.anime-head{margin-bottom:32px}.anime-jp{font-size:var(--step-lead);color:var(--ink);margin:16px 0 0}.anime-jp-note{font-size:var(--step-small);color:var(--muted);margin:4px 0 0}.anime-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:32px;gap:32px}.anime-grid--fav{grid-template-columns:1fr 1fr 1fr}.anime-card{background:var(--surface);padding:24px}.anime-card--image{position:relative;padding:0;aspect-ratio:2/3;overflow:hidden;border:1px solid var(--line)}.anime-poster{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.anime-card--image:hover .anime-poster{transform:scale(1.05)}.films-grid{grid-template-columns:repeat(4,1fr)}.anime-title{font-size:clamp(1.5rem,1.2rem + 1vw,2rem);margin:0}.anime-title--overlay{position:absolute;left:0;right:0;bottom:0;background:rgba(0,0,0,.65);color:#fff;padding:16px}.waifu-layout{display:grid;grid-template-columns:320px 1fr;grid-gap:32px;gap:32px;align-items:start}.waifu-photo{aspect-ratio:4/5;background:var(--surface);display:flex;align-items:center;justify-content:center;overflow:hidden}.waifu-photo-img{width:100%;height:100%;object-fit:cover;display:block}.waifu-photo-text{font-size:var(--step-body);color:var(--muted)}.waifu-name{font-size:clamp(28px,3vw,44px);margin:0}.skills-note{font-size:var(--step-body);color:var(--muted);margin:8px 0 0}.skills-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px}.skill-card{background:var(--surface);border:1px solid var(--line);padding:28px}.skill-card--highlight{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.skill-card--highlight .skill-desc{color:var(--accent-ink);opacity:.85}.skill-card--highlight .skill-tag{border-color:var(--accent-ink);color:var(--accent-ink)}.skill-title{font-size:22px;font-weight:700;margin:0 0 12px}.skill-desc{font-size:var(--step-body);color:var(--muted);margin:0 0 16px;line-height:1.6}.skill-tags{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{font-size:13px;border:1px solid var(--line);padding:4px 12px;border-radius:999px;color:var(--ink)}@media (max-width:768px){.skills-grid{grid-template-columns:1fr}}.not-found{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px;gap:16px}.not-found h1{font-size:clamp(64px,15vw,160px);font-weight:800;margin:0;letter-spacing:-.04em}.not-found p{font-size:var(--step-body);color:var(--muted);margin:0}.not-found a{margin-top:8px;background:var(--accent);color:var(--accent-ink);padding:12px 28px;text-decoration:none;font-weight:600}