.hero{gap:var(--s6);grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:center;padding-top:7.375rem;display:grid}.hero h1{font:900 var(--t-d1)/.84 var(--font-display);text-transform:uppercase;margin:0}.hero h1 .dot{color:var(--quote)}.hero h1 .cm{color:var(--fg);display:inline-block;transform:translateY(-.18em)}[data-palette="298"] .glow{fill:var(--w4)}.bio{margin:var(--s5) 0 0;font-size:var(--t-body-l);max-width:40ch}.bio+.bio{margin-top:var(--s3);color:var(--muted)}.hint{margin:var(--s5) 0 0;font:600 .8125rem var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.hint .tp{display:none}@media (hover:none){.hint .hv{display:none}.hint .tp{display:inline}}.desk{position:relative}.desk svg{width:100%;height:auto;overflow:visible}.ink{stroke:var(--ink);stroke-width:4px;stroke-linejoin:round;stroke-linecap:round}.f-bg{fill:var(--bg)}.f-bg2{fill:var(--bg-2)}.f-sf{fill:var(--surface)}.f-sf2{fill:var(--surface-2)}.f-line{fill:var(--line)}.f-fg{fill:var(--fg)}.f-mu{fill:var(--muted)}.f-ac{fill:var(--accent)}.f-ro{fill:var(--role)}.f-ink{fill:var(--ink)}.f-scr{fill:var(--rk-lcd)}.f-led{fill:var(--led-b)}.f-note{fill:var(--d-note)}.f-paper{fill:var(--d-paper)}.f-sl{fill:var(--rk-label)}.f-ss{fill:var(--rk-sub)}.f-sp{fill:var(--rk-face)}.f-sp2{fill:var(--rk-face-2)}.s-ac{stroke:var(--accent)}.s-mu{stroke:var(--muted)}.s-fg{stroke:var(--fg)}.hot{cursor:pointer;outline:none}.hit{fill:#0000}.lift{transform-box:fill-box;transform-origin:50% 100%;transition:transform .4s var(--ease-spring)}.hot:hover .lift,.hot:focus-visible .lift,.hot.on .lift{transform:translateY(-7px)rotate(-1.5deg)}.hot:focus-visible .ol{stroke:var(--focus);stroke-width:6px}.glow{opacity:.2;transition:opacity var(--d3) var(--ease)}[data-theme=light] .glow{opacity:0}.cone{opacity:0;transition:opacity var(--d3) var(--ease)}[data-theme=light] .cone{opacity:.6}.cone{mix-blend-mode:multiply}.cone,.glow,.packets,.ping,.led{pointer-events:none}.bulb{fill:var(--line);transition:fill var(--d3)}[data-theme=light] .bulb{fill:var(--d-note)}.led{animation:1.6s step-end infinite led}.led.d2{animation-delay:.5s}@keyframes led{50%{opacity:.25}}.eyes{transform-box:fill-box;transform-origin:50%;animation:4.5s infinite eyes}@keyframes eyes{0%,93%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}.steam{opacity:0;animation:3.2s ease-in-out infinite steam}.steam+.steam{animation-delay:1.1s}@keyframes steam{0%{opacity:0;transform:translateY(8px)}40%{opacity:.7}to{opacity:0;transform:translateY(-16px)}}.packets{stroke-dasharray:3 22;animation:1.4s linear infinite pk}@keyframes pk{to{stroke-dashoffset:-50px}}.ping{transform-box:fill-box;transform-origin:50%;animation:ping 2.2s var(--ease) infinite}@keyframes ping{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(2.6)}}.jp{font:700 21px Noto Sans JP,sans-serif}.hand{font:600 15px var(--font-mono)}.swipe{font:600 .75rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);justify-content:center;gap:.625rem;margin:.375rem 0 0;display:none}.bubble{z-index:5;background:var(--surface);width:18.75rem;color:var(--fg);border:.125rem solid var(--fg);box-shadow:.5rem .5rem 0 var(--ink);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--d1),transform var(--d2) var(--ease-spring),visibility 0s linear var(--d1);outline:none;padding:1rem 1.125rem .875rem;position:absolute;transform:translate(-50%,calc(-100% - 1rem))scale(.94)}.bubble.show{visibility:visible;transition:opacity var(--d1),transform var(--d2) var(--ease-spring);opacity:1;pointer-events:auto;transform:translate(-50%,calc(-100% - 1rem))}.bubble.below{transform:translate(-50%,1rem)scale(.94)}.bubble.below.show{transform:translate(-50%,1rem)}.bubble b{font:800 1.375rem/1 var(--font-display);text-transform:uppercase;letter-spacing:.02em;display:block}.bubble p{margin:.5rem 0 0;font-size:1rem;line-height:1.5}.bubble a{margin-top:.5rem;font-size:.9375rem;font-weight:700;display:inline-block}.bubble a[hidden]{display:none}.bubble .x{width:2.5rem;height:2.5rem;color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:1.375rem;line-height:1;position:absolute;top:.25rem;right:.25rem}.bubble .x:hover{color:var(--fg)}.sec{padding-top:var(--s10)}.sec h2{font:900 var(--t-d2)/.86 var(--font-display);text-transform:uppercase;margin:0 0 var(--s6);border-top:.125rem solid var(--fg);padding-top:var(--s4)}.xp{margin:0;padding:0;list-style:none}.xp li{gap:var(--s5);padding:var(--s5) 0;border-top:.0625rem solid var(--line);grid-template-columns:minmax(0,5fr) minmax(0,5fr) minmax(0,2fr);display:grid}.xp li:first-child{border-top:0;padding-top:0}.xp h3{font:800 var(--t-d4)/1 var(--font-display);text-transform:uppercase;margin:0}.xp .org{color:var(--muted);margin-top:.375rem;font-weight:600;display:block}.xp p{max-width:52ch;margin:0}.xp time,.xp .when{font:600 .8125rem var(--font-mono);letter-spacing:.06em;color:var(--muted);text-align:right}.xp .now h3{color:var(--accent-text)}.certs{gap:var(--s6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.certs h3{font:800 var(--t-d4)/1 var(--font-display);text-transform:uppercase;margin:0 0 var(--s3)}.certs ul,.tools ul{margin:0;padding:0;list-style:none}.certs li,.tools li{border-top:.0625rem solid var(--line);padding:.625rem 0}.verify{justify-content:space-between;gap:var(--s4);margin-top:var(--s6);padding-top:var(--s4);border-top:.0625rem solid var(--line);color:var(--muted);flex-wrap:wrap;display:flex}.verify p{margin:0}.verify a{color:var(--fg);text-underline-offset:.3125rem;font-weight:700;text-decoration-thickness:.125rem}.tools{gap:var(--s6);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.tools h3{font:600 .75rem var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 var(--s2)}.tools li{font-weight:600}.tools li small{color:var(--muted);font-weight:400}.langs{gap:var(--s2) var(--s7);font:800 var(--t-d3)/1 var(--font-display);text-transform:uppercase;flex-wrap:wrap;display:flex}.langs small{font:500 var(--t-small) var(--font-body);text-transform:none;color:var(--muted);margin-left:.5rem}@media (width<=900px){.hero{gap:var(--s5);grid-template-columns:1fr;padding-top:6rem}.desk{margin:0 -1rem}.pan{overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;overflow-x:auto}.pan::-webkit-scrollbar{display:none}.pan svg{width:max(100%,40rem);max-width:none}.swipe{display:flex!important}.bubble{width:auto;margin:var(--s3) .5rem 0;display:none;position:relative;transform:none;top:auto!important;left:auto!important}.bubble.show,.bubble.below,.bubble.below.show{display:block;transform:none}.bubble.below:not(.show){display:none}.xp li{gap:var(--s2);grid-template-columns:1fr}.xp time,.xp .when{text-align:left;order:-1}.certs,.tools{gap:var(--s5);grid-template-columns:1fr}.sec{padding-top:var(--s9)}}@media (height<=500px) and (orientation:landscape){.pan svg{width:auto;max-width:100%;max-height:calc(100svh - 5rem);margin-inline:auto}.swipe{display:none!important}}