@media screen and (max-width: 600px){section{padding-top:50px}}@media screen and (max-width: 480px){section{padding-top:50px}}.bubble-menu-items{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:90}.bubble-menu-items.fixed{position:fixed}.bubble-menu-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#08060cb8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);pointer-events:auto;z-index:0}.bubble-menu-items .pill-list{list-style:none;padding:0 24px;display:flex;flex-wrap:wrap;gap:0;row-gap:8px;width:100%;max-width:1600px;margin:0 auto;pointer-events:auto;justify-content:stretch;position:relative;z-index:1}.bubble-menu-items .pill-list .pill-col{display:flex;justify-content:center;align-items:stretch;flex:0 0 calc(100% / 3);box-sizing:border-box}.bubble-menu-items .pill-list .pill-col:nth-child(4):nth-last-child(2){margin-left:calc(100% / 6)}.bubble-menu-items .pill-list .pill-col:nth-child(4):last-child{margin-left:calc(100% / 3)}.bubble-menu-items .pill-link{--pill-bg: rgba(14, 8, 8, .92);--pill-color: #cfeaff;--item-rot: 0deg;--pill-min-h: 120px;--hover-bg: rgba(0, 216, 255, .18);--hover-color: #ffffff;width:100%;min-height:var(--pill-min-h);padding:clamp(1.2rem,2.5vw,6rem) 0;font-family:Courier New,Menlo,monospace;font-size:clamp(1.4rem,3.4vw,3.4rem);font-weight:700;letter-spacing:.18em;text-transform:uppercase;line-height:0;border-radius:999px;background:var(--pill-bg);color:var(--pill-color);text-decoration:none;border:1px solid rgba(0,216,255,.35);box-shadow:0 8px 24px #00000073,0 0 18px #00d8ff2e;display:flex;align-items:center;justify-content:center;position:relative;transition:background .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease;will-change:transform;box-sizing:border-box;white-space:nowrap;overflow:hidden;height:10px}@media (min-width: 900px){.bubble-menu-items .pill-link{transform:rotate(var(--item-rot))}.bubble-menu-items .pill-link:hover{transform:rotate(var(--item-rot)) scale(1.06);background:var(--hover-bg);color:var(--hover-color);border-color:#00d8ffbf;box-shadow:0 10px 28px #00000080,0 0 26px #00d8ff73}.bubble-menu-items .pill-link:active{transform:rotate(var(--item-rot)) scale(.94)}}.bubble-menu-items .pill-link .pill-label{display:inline-block;will-change:transform,opacity;height:1.2em;line-height:1.2}@media (max-width: 899px){.bubble-menu-items{align-items:flex-start;padding-top:96px}.bubble-menu-items .pill-list{row-gap:14px}.bubble-menu-items .pill-list .pill-col{flex:0 0 100%;margin-left:0!important;overflow:visible}.bubble-menu-items .pill-link{font-size:clamp(1.1rem,4.5vw,2.4rem);padding:clamp(.9rem,2vw,1.8rem) 0;min-height:72px}.bubble-menu-items .pill-link:hover{transform:scale(1.04);background:var(--hover-bg);color:var(--hover-color);border-color:#00d8ffbf}.bubble-menu-items .pill-link:active{transform:scale(.94)}}.glitch{color:#fff;font-size:clamp(2rem,10vw,8rem);white-space:nowrap;font-weight:900;position:relative;margin:0 auto;-webkit-user-select:none;user-select:none;cursor:pointer}.glitch:after,.glitch:before{content:attr(data-text);position:absolute;top:0;color:#fff;background-color:#060606;overflow:hidden;clip-path:inset(0 0 0 0)}.glitch:not(.enable-on-hover):after{left:10px;text-shadow:var(--after-shadow, -10px 0 red);animation:animate-glitch var(--after-duration, 3s) infinite linear alternate-reverse}.glitch:not(.enable-on-hover):before{left:-10px;text-shadow:var(--before-shadow, 10px 0 cyan);animation:animate-glitch var(--before-duration, 2s) infinite linear alternate-reverse}.glitch.enable-on-hover:after,.glitch.enable-on-hover:before{content:"";opacity:0;animation:none}.glitch.enable-on-hover:hover:after{content:attr(data-text);opacity:1;left:10px;text-shadow:var(--after-shadow, -10px 0 red);animation:animate-glitch var(--after-duration, 3s) infinite linear alternate-reverse}.glitch.enable-on-hover:hover:before{content:attr(data-text);opacity:1;left:-10px;text-shadow:var(--before-shadow, 10px 0 cyan);animation:animate-glitch var(--before-duration, 2s) infinite linear alternate-reverse}@keyframes animate-glitch{0%{clip-path:inset(20% 0 50% 0)}5%{clip-path:inset(10% 0 60% 0)}10%{clip-path:inset(15% 0 55% 0)}15%{clip-path:inset(25% 0 35% 0)}20%{clip-path:inset(30% 0 40% 0)}25%{clip-path:inset(40% 0 20% 0)}30%{clip-path:inset(10% 0 60% 0)}35%{clip-path:inset(15% 0 55% 0)}40%{clip-path:inset(25% 0 35% 0)}45%{clip-path:inset(30% 0 40% 0)}50%{clip-path:inset(20% 0 50% 0)}55%{clip-path:inset(10% 0 60% 0)}60%{clip-path:inset(15% 0 55% 0)}65%{clip-path:inset(25% 0 35% 0)}70%{clip-path:inset(30% 0 40% 0)}75%{clip-path:inset(40% 0 20% 0)}80%{clip-path:inset(20% 0 50% 0)}85%{clip-path:inset(10% 0 60% 0)}90%{clip-path:inset(15% 0 55% 0)}95%{clip-path:inset(25% 0 35% 0)}to{clip-path:inset(30% 0 40% 0)}}@media screen and (max-width: 768px){.glitch{font-size:clamp(1.5rem,8vw,4rem)}}.decrypted-loader{position:fixed;top:0;left:0;width:100%;height:100vh;height:calc(var(--vh, 1vh) * 100);background-color:#000;display:flex;justify-content:center;align-items:center;z-index:1000;transition:opacity .6s ease;opacity:1}.decrypted-loader.fade-out{opacity:0;pointer-events:none}.decrypted-loader__text{font-family:Courier New,Menlo,Consolas,monospace;font-size:clamp(1.2rem,4.5vw,2.8rem);letter-spacing:.12em;line-height:1.4;font-weight:700;text-align:center;max-width:90vw;filter:drop-shadow(0 0 18px rgba(255,255,255,.35))}.decrypted-loader__char--revealed{background:linear-gradient(180deg,#fff,#fff 45%,#b8b8b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.decrypted-loader__char--encrypted{color:#ffffff59}@media screen and (max-width: 768px){.decrypted-loader__text{letter-spacing:.14em}}@media (prefers-reduced-motion: reduce){.decrypted-loader{transition:opacity .2s ease}}.liquidChrome-container{width:100%;height:100%}.topfv-container{position:relative;width:100%;height:100vh;height:calc(var(--vh, 1vh) * 100);overflow:hidden;display:flex;justify-content:center;align-items:center}.topfv-liquid-bg{position:absolute;top:0;left:0;width:100%;height:100vh;height:calc(var(--vh, 1vh) * 100);z-index:0;overflow:hidden;pointer-events:auto}.topfv-liquid-bg .liquidChrome-container,.topfv-liquid-bg canvas{width:100%;height:100%;display:block}@media screen and (max-width: 374px){.topfv-liquid-bg{height:85vh;height:calc(var(--vh, 1vh) * 85);min-height:450px}}@media screen and (min-width: 375px) and (max-width: 479px){.topfv-liquid-bg{height:80vh;height:calc(var(--vh, 1vh) * 80);min-height:480px}}@media screen and (min-width: 480px) and (max-width: 768px){.topfv-liquid-bg{height:80vh;height:calc(var(--vh, 1vh) * 80);min-height:500px}}@supports (-webkit-touch-callout: none){.topfv-liquid-bg{height:-webkit-fill-available}}.glitch-desktop{font-size:clamp(3.5rem,7vw,8rem)}.glitch-mobile-small{font-size:clamp(1.6rem,7vw,2.2rem)}.glitch-mobile-medium{font-size:clamp(1.9rem,7.5vw,2.6rem)}.glitch-mobile-large{font-size:clamp(2.2rem,8vw,3.2rem)}.fade-in{animation:fadeIn 1s ease forwards}.hidden{opacity:0;pointer-events:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}html,body{height:auto;overflow-y:auto;overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch}@media screen and (max-width: 374px){.topfv-container{height:85vh;height:calc(var(--vh, 1vh) * 85);min-height:450px}.fuzzy-text-container{padding:0 10px}}@media screen and (min-width: 375px) and (max-width: 479px){.topfv-container{height:80vh;height:calc(var(--vh, 1vh) * 80);min-height:480px}.fuzzy-text-container{padding:0 15px}}@media screen and (min-width: 480px) and (max-width: 768px){.topfv-container{height:80vh;height:calc(var(--vh, 1vh) * 80);min-height:500px}.fuzzy-text-container{padding:0 20px}}@supports (-webkit-touch-callout: none){.topfv-container{height:-webkit-fill-available}}.portfolio-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;text-align:center}.electric-border{--electric-light-color: oklch(from var(--electric-border-color) l c h);position:relative;border-radius:inherit;overflow:visible;isolation:isolate}.eb-canvas-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:2}.eb-canvas{display:block}.eb-content{position:relative;border-radius:inherit;z-index:1}.eb-layers{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:0}.eb-glow-1,.eb-glow-2,.eb-background-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;box-sizing:border-box}.eb-glow-1{border:2px solid oklch(from var(--electric-border-color) l c h / .6);filter:blur(1px)}.eb-glow-2{border:2px solid var(--electric-light-color);filter:blur(4px)}.eb-background-glow{z-index:-1;transform:scale(1.1);filter:blur(32px);opacity:.3;background:linear-gradient(-30deg,var(--electric-light-color),transparent,var(--electric-border-color))}#work .work-wrapper{position:relative;padding:24px 0}#work .work-stacks-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,3vw,40px);max-width:1280px;margin:0 auto;padding:0 clamp(16px,4vw,64px);align-items:start}#work .work-stacks-grid .scroll-stack-inner{padding-left:0;padding-right:0}#work .work-item{box-sizing:border-box;width:100%;text-align:center}#work .work-item__border{display:block;border-radius:10px}#work figure{margin:0;position:relative;border-radius:10px}#work figure img{border-radius:10px;display:block;width:100%;height:auto}#work figcaption{position:absolute;top:-4%;left:-4%;width:108%;height:104%;background-color:#fff0;transition:all .8s;color:#fff0;text-align:center}#work figcaption:hover{top:7%;left:7%;width:86%;height:86%;background-color:#ff2e6399;color:#fff;transition:all .8s}#work figcaption h3{font-size:1.4rem}#work figcaption p{font-size:.9rem}#work figcaption .fig-inner{position:absolute;top:50%;left:50%;transform:translateY(-50%) translate(-50%)}.disabled-item{opacity:.7;filter:grayscale(85%);position:relative}.disabled-item figure{border:1px solid #ccc;background-color:#f0f0f0;position:relative}.disabled-item img{opacity:.65}.disabled-link-container{position:relative;display:block;cursor:not-allowed}.disabled-link-container figcaption{pointer-events:none}.disabled-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#50505099;display:flex;justify-content:center;align-items:center;z-index:20;pointer-events:none}.disabled-overlay span{color:#fff;font-size:1.2rem;font-weight:700;letter-spacing:3px;background-color:#646464b3;padding:12px 24px;border:2px solid white;border-radius:5px;box-shadow:0 0 10px #fff6;transform:rotate(-10deg);-webkit-user-select:none;user-select:none}#work .disabled-item figcaption{z-index:5}@media screen and (max-width: 600px){#work figcaption h3{font-size:1.1rem}#work figcaption p{font-size:.8rem}}.scroll-stack-scroller{position:relative;width:100%}.scroll-stack-scroller:not(.window-scroll){height:100%;overflow-y:auto;overflow-x:visible;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;will-change:scroll-position}.scroll-stack-scroller.window-scroll{overflow:visible}.scroll-stack-inner{padding:12vh clamp(16px,4vw,64px) 40vh}.scroll-stack-scroller:not(.window-scroll) .scroll-stack-inner{padding:20vh 5rem 50rem;min-height:100vh}.scroll-stack-card{position:relative;width:100%;max-width:720px;margin:0 auto;box-sizing:border-box;transform-origin:top center;will-change:transform,filter;backface-visibility:hidden;transform-style:preserve-3d;-webkit-transform:translateZ(0);transform:translateZ(0)}.scroll-stack-end{width:100%;height:1px}.earth-background{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.9;overflow:visible}.earth-background canvas{display:block;width:100%!important;height:100%!important}#about{padding-bottom:70px}#about .icon-wrapper{width:80%;margin-right:10%;margin-left:10%;display:flex;justify-content:center}#about .icon-wrapper img{width:35vw;box-shadow:0 0 6px #eee}#about .icon-wrapper .name{text-orientation:mixed;letter-spacing:5px}#about .icon-wrapper .name .name-main{font-size:3rem;margin-right:10px;margin-top:0;margin-bottom:0}#about .icon-wrapper .name .name-sub{margin:0;color:#ff2e63}#about .about-wrapper{width:70%;padding-right:15%;padding-left:15%;line-height:2.5;position:relative;isolation:isolate}#about .about-wrapper>h4,#about .about-wrapper>p{position:relative;z-index:1}#about .about-wrapper p{font-size:1rem}#about .about-wrapper h4{color:#ff2e63;filter:drop-shadow(1px 1px 5px #c0c0c0);font-size:1.4rem}#about .articles-links{position:relative;z-index:1;list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:16px}#about .articles-link{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:10px 18px;border-radius:999px;border:1px solid rgba(0,216,255,.45);background-color:#00000040;color:#cfeaff!important;text-decoration:none;font-family:Courier New,Menlo,monospace;font-size:.95rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}#about .articles-link__icon{width:22px;height:22px;flex-shrink:0;transition:color .2s ease}#about .articles-link__label{line-height:1}#about .articles-link:hover,#about .articles-link:focus-visible{border-color:#00d8ffd9;background-color:#00d8ff1f;color:#fff!important;box-shadow:0 0 12px #00d8ff66;transform:translateY(-1px);outline:none}#about .articles-link--qiita .articles-link__icon{color:#55c500}#about .articles-link--zenn .articles-link__icon{color:#3ea8ff}#about .articles-link:hover .articles-link__icon,#about .articles-link:focus-visible .articles-link__icon{color:inherit}#about .articles-link:focus-visible{outline:2px solid #00d8ff;outline-offset:3px}@media screen and (max-width: 1000px){#about .icon-wrapper .name .name-main{font-size:2rem}}@media screen and (max-width: 600px){#about .profile{display:inline-block}#about .about-wrapper{width:75%;margin-right:0;float:right;margin-top:30px}#about .icon-wrapper .name .name-main{font-size:2rem}#about .about-wrapper h4{margin:0}}@media screen and (max-width: 600px){#about .articles-link{padding:9px 14px;font-size:.85rem}#about .articles-link__icon{width:20px;height:20px}}@media screen and (max-width: 480px){#about .sub-sec-title{left:40%}#about .profile{display:inline-block}#about .icon-wrapper{width:100%;margin-right:0;margin-left:0}#about .icon-wrapper img{width:240px;height:275px}#about .icon-wrapper h3{margin:0}#about .about-wrapper h4{margin:0;font-size:1rem}#about .icon-wrapper .name .name-main{font-size:1rem;margin-right:5px}#about .icon-wrapper .name .name-sub{font-size:.7rem;margin:0}#about .about-wrapper{width:75%;margin-right:0;float:right;margin-top:30px}#about .about-wrapper p{font-size:1rem}}#skill .sec-title{color:#ffffff30}#skill .skill-wrap{max-width:80%;margin:0 auto;padding:40px 24px;font-family:Quicksand,sans-serif;color:#333;box-sizing:border-box}@media screen and (max-width: 768px){#skill .skill-wrap{max-width:92%;padding:28px 16px}}@media screen and (max-width: 480px){#skill .skill-wrap{max-width:94%;padding:20px 12px}}.logoloop{position:relative;overflow-x:hidden;--logoloop-gap: 32px;--logoloop-logoHeight: 28px;--logoloop-fadeColorAuto: #ffffff}.logoloop--vertical{overflow:hidden;height:100%;display:inline-block}.logoloop--scale-hover{padding-top:calc(var(--logoloop-logoHeight) * .1);padding-bottom:calc(var(--logoloop-logoHeight) * .1)}@media (prefers-color-scheme: dark){.logoloop{--logoloop-fadeColorAuto: #0b0b0b}}.logoloop__track{display:flex;width:max-content;will-change:transform;-webkit-user-select:none;user-select:none;position:relative;z-index:0}.logoloop--vertical .logoloop__track{flex-direction:column;height:max-content;width:100%}.logoloop__list{display:flex;align-items:center;margin:0;padding:0;list-style:none}.logoloop--vertical .logoloop__list{flex-direction:column}.logoloop__item{flex:0 0 auto;margin-right:var(--logoloop-gap);font-size:var(--logoloop-logoHeight);line-height:1}.logoloop--vertical .logoloop__item{margin-right:0;margin-bottom:var(--logoloop-gap)}.logoloop__item:last-child{margin-right:var(--logoloop-gap)}.logoloop--vertical .logoloop__item:last-child{margin-right:0;margin-bottom:var(--logoloop-gap)}.logoloop__node{display:inline-flex;align-items:center}.logoloop__item img{height:var(--logoloop-logoHeight);width:auto;display:block;object-fit:contain;image-rendering:-webkit-optimize-contrast;-webkit-user-drag:none;pointer-events:none;transition:transform .3s cubic-bezier(.4,0,.2,1)}.logoloop--scale-hover .logoloop__item{overflow:visible}.logoloop--scale-hover .logoloop__item:hover img,.logoloop--scale-hover .logoloop__item:hover .logoloop__node{transform:scale(1.2);transform-origin:center center}.logoloop--scale-hover .logoloop__node{transition:transform .3s cubic-bezier(.4,0,.2,1)}.logoloop__link{display:inline-flex;align-items:center;text-decoration:none;border-radius:4px;transition:opacity .2s ease}.logoloop__link:hover{opacity:.8}.logoloop__link:focus-visible{outline:2px solid currentColor;outline-offset:2px}.logoloop--fade:before,.logoloop--fade:after{content:"";position:absolute;top:0;bottom:0;width:clamp(24px,8%,120px);pointer-events:none;z-index:10}.logoloop--fade:before{left:0;background:linear-gradient(to right,var(--logoloop-fadeColor, var(--logoloop-fadeColorAuto)) 0%,rgba(0,0,0,0) 100%)}.logoloop--fade:after{right:0;background:linear-gradient(to left,var(--logoloop-fadeColor, var(--logoloop-fadeColorAuto)) 0%,rgba(0,0,0,0) 100%)}.logoloop--vertical.logoloop--fade:before,.logoloop--vertical.logoloop--fade:after{left:0;right:0;width:100%;height:clamp(24px,8%,120px)}.logoloop--vertical.logoloop--fade:before{top:0;bottom:auto;background:linear-gradient(to bottom,var(--logoloop-fadeColor, var(--logoloop-fadeColorAuto)) 0%,rgba(0,0,0,0) 100%)}.logoloop--vertical.logoloop--fade:after{bottom:0;top:auto;background:linear-gradient(to top,var(--logoloop-fadeColor, var(--logoloop-fadeColorAuto)) 0%,rgba(0,0,0,0) 100%)}@media (prefers-reduced-motion: reduce){.logoloop__track{transform:translateZ(0)!important}.logoloop__item img,.logoloop__node{transition:none!important}}#service{width:100%;background-size:cover;background-position:center top;position:relative;background-repeat:no-repeat;background-attachment:fixed}#service .sec-title{color:#ffffff30}#service .service-wrapper{color:#333;margin-right:10%;margin-left:10%;display:flex;box-sizing:border-box;text-align:center}#service i{font-size:3rem}#service .service-wrap-right{width:45%;padding:30px;margin-bottom:130px}#service .service-wrap-right h3{font-size:1.2rem}#service .service-wrap-right p{text-align:left;font-size:1rem}#service .service-wrap-left{width:45%;margin-right:10%;padding:30px;margin-bottom:130px}#service .service-wrap-left h3{font-size:1.2rem}#service .service-wrap-left p{text-align:left;font-size:1rem}@media screen and (max-width: 768px){#service .service-wrapper{margin-right:8%;margin-left:8%;display:block}#service .service-wrap-right,#service .service-wrap-left{width:100%;margin-right:0;margin-bottom:28px;padding:24px 20px}#service .service-wrap-right h3,#service .service-wrap-left h3{font-size:1.1rem}#service .service-wrap-right p,#service .service-wrap-left p{font-size:1rem}#service i{font-size:2.4rem}}@media screen and (max-width: 600px){#service{padding-bottom:80px}#service .sub-sec-title{left:35%}}@media screen and (max-width: 480px){#service .service-wrapper{margin-right:6%;margin-left:6%}#service .service-wrap-right,#service .service-wrap-left{padding:18px 14px;margin-bottom:24px}#service .service-wrap-right h3,#service .service-wrap-left h3{font-size:1.05rem}#service .service-wrap-right p,#service .service-wrap-left p{font-size:1rem;line-height:1.7}#service i{font-size:2.2rem}}.target-cursor-wrapper{position:fixed;top:0;left:0;width:0;height:0;pointer-events:none;z-index:9999;mix-blend-mode:difference;transform:translate(-50%,-50%)}.target-cursor-dot{position:absolute;left:50%;top:50%;width:4px;height:4px;background:#fff;border-radius:50%;transform:translate(-50%,-50%);will-change:transform}.target-cursor-corner{position:absolute;left:50%;top:50%;width:12px;height:12px;border:3px solid #fff;will-change:transform}.corner-tl{transform:translate(-150%,-150%);border-right:none;border-bottom:none}.corner-tr{transform:translate(50%,-150%);border-left:none;border-bottom:none}.corner-br{transform:translate(50%,50%);border-left:none;border-top:none}.corner-bl{transform:translate(-150%,50%);border-right:none;border-top:none}.particles-container{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;pointer-events:none;z-index:1}.particles-container canvas{position:absolute;top:0;left:0;width:100%!important;height:100%!important;display:block}.site-background{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;overflow:hidden;background-color:#1c1c1c}.site-background__aurora{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0}.site-background__particles{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1}