@font-face{font-family:Geist;src:local("Geist Regular"),local("Geist"),url(../_fonts/8wPfcoHgr5Ter5bX5nby9AYSJ3tcrH6YNYAjJskdTgA-HUyV8UDd4FfLrabYnx9hU5HB6Bz0BzVqUPq_kmox9qw.woff2) format(woff2);font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-weight:400;font-style:normal}@font-face{font-family:Geist;src:local("Geist Regular"),local("Geist"),url(../_fonts/OEfYKavu72zEJZaMmF8LR5AhBFI8mM0D-yiJeZ026n4-wOqGmJOcQBFojrtQwZC8dC9hjn4yqahQA5lPUyKZef0.woff2) format(woff2);font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-weight:400;font-style:normal}@font-face{font-family:Geist;src:local("Geist Regular"),local("Geist"),url(../_fonts/9NWry0RdjlO25wQTUN08rQDLT7JbTgMLFDHXNXTsBCI-OYJaa3By4yHtTRzsl_QHx7BCWYAqkzDzqkMtAkz8HuU.woff2) format(woff2);font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-weight:400;font-style:normal}*{box-sizing:border-box}:root{--color--tamago:#fcf237;--color--soy-sauce:#000;--color--shiro:#fff;--color--kodama:transparent;--step--2:clamp(.7813rem,.6452rem + .6045vw,1.28rem);--step--1:clamp(.9375rem,.7568rem + .803vw,1.6rem);--step-0:clamp(1.125rem,.8864rem + 1.0606vw,2rem);--step-1:clamp(1.35rem,1.0364rem + 1.3939vw,2.5rem);--step-2:clamp(1.62rem,1.2095rem + 1.8242vw,3.125rem);--step-3:clamp(1.944rem,1.4088rem + 2.3785vw,3.9063rem);--step-4:clamp(2.3328rem,1.6373rem + 3.0909vw,4.8828rem);--step-5:clamp(2.7994rem,1.4821rem + 5.8546vw,7.6294rem);--space-xs:clamp(1.125rem,.6136rem + 2.2727vw,3rem);--space-s:clamp(1.5rem,.8182rem + 3.0303vw,4rem);--space-m:clamp(2.25rem,1.2273rem + 4.5455vw,6rem);--space-l:clamp(3rem,1.6364rem + 6.0606vw,8rem);--space-xl:clamp(4.5rem,2.4545rem + 9.0909vw,12rem)}:root,body{overflow-x:hidden}body{font-family:Geist,"Geist Fallback: BlinkMacSystemFont","Geist Fallback: Segoe UI","Geist Fallback: Helvetica Neue","Geist Fallback: Arial","Geist Fallback: Noto Sans",sans-serif;margin:unset}img{display:block}h1,h2{line-height:1.4;margin:unset}.on--mobile{display:block}@media(min-width:96ch){.on--mobile{display:none}}.on--desktop{display:none}@media(min-width:96ch){.on--desktop{display:block}}.color--tamago{color:var(--color--tamago)}.color--soy-sauce{color:var(--color--soy-sauce)}.color--shiro{color:var(--color--shiro)}.foreground--tamago{--color-foreground:var(--color--tamago)}.foreground--soy-sauce{--color-foreground:var(--color--soy-sauce)}.foreground--shiro{--color-foreground:var(--color--shiro)}.foreground--kodama{--color-foreground:var(--color--kodama)}.background--tamago{--color-background:var(--color--tamago)}.background--soy-sauce{--color-background:var(--color--soy-sauce)}.background--shiro{--color-background:var(--color--shiro)}.background--kodama{--color-background:var(--color--kodama)}.background--gradient{background:linear-gradient(to bottom,var(--color--tamago),var(--color--tamago),var(--color--tamago),var(--color--tamago),var(--color--tamago),var(--color--tamago),var(--color--tamago),#ff00c3,#d123ba,#a42dab,#7b2f97,#552b80,#342465,#181a48,#050b2b,var(--color--soy-sauce))}p{font-size:var(--step-5);margin:unset}a:not([class]){-webkit-text-decoration-skip:ink;color:currentColor;text-decoration-skip-ink:auto}.layout-stack{display:flex;flex-direction:column;justify-content:flex-start}.layout-stack .layout-stack-block{padding-block:var(--space-m)}.layout-cover{block-size:100svh;display:flex;flex-direction:column;gap:1ch;padding-block:var(--space-s)}.layout-cover>:first-child{margin-block-start:auto}.layout-center{--measure:1680px;--gutter:2ch;inline-size:100%;margin-inline:auto;max-inline-size:var(--measure);padding-inline:var(--gutter-wrapper-inline,var(--gutter))}.sr-only{border-width:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.clip--hidden{clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%)}.pill{background-color:var(--color-background,var(--color--shiro));border:max(8px,.8vw) solid var(--color-foreground,var(--color--soy-sauce));border-radius:24px;color:var(--color-foreground,var(--color--soy-sauce));display:inline-block;line-height:1;padding:4px}.pill--icon-link{align-items:center;display:inline-flex;font-size:var(--step--2);gap:.2ch}.icon{height:32px;width:32px}:root{background:linear-gradient(to bottom,var(--color--tamago),var(--color--tamago),var(--color--tamago),var(--color--tamago),var(--color--tamago),var(--color--tamago),var(--color--tamago),#ff00c3,#d123ba,#a42dab,#7b2f97,#552b80,#342465,#181a48,#050b2b,var(--color--soy-sauce))}.canvas-container{height:100%;inset:0;position:fixed;width:100%}.nameline{display:flex;flex-direction:column;gap:2ch}.nameline-heading{overflow:hidden}.nameline--to-be-revealed .nameline-svg-container{transform:translateY(102%)}.nameline-icon-links-container{order:-1;overflow:hidden}.nameline--to-be-revealed .nameline-icon-links{transform:translateY(102%)}.nameline-arrow{align-self:center;height:1.313rem;position:relative;width:.5rem}.nameline--to-be-revealed .nameline-arrow{opacity:0;transform:translateY(100%)}.nameline-arrow--up{transform:rotate(180deg)}.nameline-arrow--down{transform:rotate(0)}.icon-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:start}.flex-line-break{display:inherit;flex-wrap:inherit;gap:inherit;justify-content:inherit}.hero{background-color:var(--color--shiro);block-size:300vh;width:100%}.hero-pinner{background-color:inherit;position:relative;width:100%;block-size:100svh}.hero-content{height:100%;position:relative}.hero-content--reveal{background-color:var(--color--soy-sauce);clip-path:circle(0 at 50% 50%);transform:translateZ(0);will-change:transform}.hero-content--reveal,.hero-img{height:100%;inset:0;position:absolute;width:100%}.hero-img{z-index:-1}.hero-img img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.arrow--hide,.familyname--hide,.surname--hide{opacity:0}.introduction{background-color:transparent;position:relative}.introduction-inner{block-size:800vh;position:inherit}.introduction-content{block-size:100vh;position:inherit}.introduction-line-container{display:flex;flex-direction:column;gap:8px;height:100%;inset:0;justify-content:center;position:absolute;width:100%}.introduction-line>p{display:inline-flex;gap:8px}.introduction-word{--color-foreground:var(--color--soy-sauce);--color-background:var(--color--tamago)}@font-face{font-family:Geist;src:local("Geist Regular"),local("Geist"),url(../_fonts/8wPfcoHgr5Ter5bX5nby9AYSJ3tcrH6YNYAjJskdTgA-HUyV8UDd4FfLrabYnx9hU5HB6Bz0BzVqUPq_kmox9qw.woff2) format(woff2);font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-weight:400;font-style:normal}@font-face{font-family:"Geist Fallback: BlinkMacSystemFont";src:local("BlinkMacSystemFont");size-adjust:112.1238%;ascent-override:89.6331%;descent-override:26.3102%;line-gap-override:0%}@font-face{font-family:"Geist Fallback: Segoe UI";src:local("Segoe UI");size-adjust:105.3322%;ascent-override:95.4125%;descent-override:28.0066%;line-gap-override:0%}@font-face{font-family:"Geist Fallback: Helvetica Neue";src:local("Helvetica Neue");size-adjust:103.7778%;ascent-override:96.8415%;descent-override:28.4261%;line-gap-override:0%}@font-face{font-family:"Geist Fallback: Arial";src:local("Arial");size-adjust:104.7553%;ascent-override:95.9379%;descent-override:28.1609%;line-gap-override:0%}@font-face{font-family:"Geist Fallback: Noto Sans";src:local("Noto Sans");size-adjust:98.5232%;ascent-override:102.0064%;descent-override:29.9422%;line-gap-override:0%}@font-face{font-family:Geist;src:local("Geist Regular"),local("Geist"),url(../_fonts/OEfYKavu72zEJZaMmF8LR5AhBFI8mM0D-yiJeZ026n4-wOqGmJOcQBFojrtQwZC8dC9hjn4yqahQA5lPUyKZef0.woff2) format(woff2);font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-weight:400;font-style:normal}@font-face{font-family:Geist;src:local("Geist Regular"),local("Geist"),url(../_fonts/9NWry0RdjlO25wQTUN08rQDLT7JbTgMLFDHXNXTsBCI-OYJaa3By4yHtTRzsl_QHx7BCWYAqkzDzqkMtAkz8HuU.woff2) format(woff2);font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-weight:400;font-style:normal}.techstack{background-color:transparent}.techstack-inner{position:relative}.techstack-pin--headline{block-size:100vh}.techstack-headline,.techstack-pin--headline{display:flex;flex-direction:column;justify-content:center}.techstack-headline,.techstack-pin-container--cards{position:relative}.techstack-pin--cards{block-size:100vh;display:flex;flex-direction:column;justify-content:center;position:relative}.techstack-pin-container--paragraph{block-size:300vh;position:relative}.techstack-pin--paragraph{block-size:100vh;display:flex;flex-direction:column;justify-content:center;position:relative}.techstack-cards{display:flex;gap:min(12vw,32px);white-space:nowrap;width:-moz-max-content;width:max-content;will-change:transform}.card{aspect-ratio:.75;border:1vw solid;border-radius:2vw;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;text-align:center;text-transform:uppercase;width:min(69vw,480px)}.card-img-container{align-items:center;display:flex;flex-grow:1;justify-content:center}.card-img-container--cover{height:100%;inset:0;position:absolute;width:100%}.card-img-container img{width:80%}.card-img-container--cover img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.card h3{font-family:Geist,"Geist Fallback: BlinkMacSystemFont","Geist Fallback: Segoe UI","Geist Fallback: Helvetica Neue","Geist Fallback: Arial","Geist Fallback: Noto Sans";font-size:var(--step-3);line-height:.8;margin:unset;padding:1em 0 .12em;position:relative;text-wrap:auto;z-index:666}.card--html{background-color:#f16524;border-color:#e54c20}.card--css,.card--html{color:var(--color--shiro)}.card--css{background-color:#1d73b7;border-color:#33a9db}.card--tailwind{background-color:#3fc3ca;border-color:#3ebea6;color:var(--color--shiro)}.card--js{background-color:#fbde35;border-color:#eec726}.card--js,.card--ts{color:var(--color--shiro)}.card--ts{background-color:#3191cf;border-color:#0c416d}.card--vue{background-color:#53d799;border-color:#39ae64}.card--nuxt,.card--vue{color:var(--color--shiro)}.card--nuxt{background-color:#020420;border-color:#00dc82}.card--gsap{border-color:#7fbff2;color:var(--color--shiro)}.techstack-line-container{display:flex;flex-direction:column;gap:8px;justify-content:center;width:100%}.techstack-line-container>p{display:inline-flex;flex-wrap:wrap;gap:8px}.outro{block-size:100vh;position:relative}.outro-inner{block-size:inherit;display:flex;flex-direction:column;height:100%;position:inherit}.outro-content{height:100%;padding-block:unset;position:relative}