*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg-dark: #000000;--color-bg-loader: #1e1e1e;--color-text-primary: #ffffff;--color-text-muted: rgba(255, 255, 255, .45);--color-cursor: rgba(255, 255, 255, .7);--font-main: "Geist", sans-serif;--font-size-hero-title: clamp(2.5rem, 10vw, 6.5rem);--font-size-hero-subtitle: clamp(1.4rem, 6vw, 4rem);--font-size-hero-description: clamp(.75rem, 3.5vw, 2rem);--font-size-loader-text: clamp(1.4rem, 4vw, 2.8rem);--font-size-nav-items: 2.2rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-japanese: "Noto Sans JP", sans serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3.5rem;--spacing-2xl: 5rem;--spacing-3xl: 7rem;--transition-loader: .7s cubic-bezier(.76, 0, .24, 1);--menu-transition: 1s cubic-bezier(.76, 0, .24, 1);--animation-cursor-blink: .75s step-end infinite;--z-bg: 0;--z-content: 1;--z-header: 2;--z-loader: 9999;--glow-x: 50%;--glow-y: 50%;--glow-intensity: 0;--glow-radius: 300px;--glow-color: 128, 153, 204}html{font-size:62.5%}body{font-family:var(--font-main);background-color:var(--color-bg-dark);overflow-x:hidden}#root{position:relative}.menu-bg-layer{position:fixed;inset:0;background-color:var(--color-bg-dark);pointer-events:none;z-index:-1}.app-container{position:relative;z-index:1;min-height:100vh;margin-bottom:160px;transition:transform var(--menu-transition),border-radius var(--menu-transition),box-shadow var(--menu-transition);transform-origin:top left;border-bottom-left-radius:30px;border-bottom-right-radius:30px}@media(max-width:1199px){.app-container--menu-open{transform:translateY(50vh);border-radius:20px 20px 0 0}}@media(min-width:1200px){.app-container--menu-open{transform:translate(40%,12%) rotate(-8deg);border-radius:0;box-shadow:-60px 60px 160px #000000e6}}.app-sections{min-height:100vh;background-color:var(--color-bg-dark);display:flex;flex-direction:column;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;overflow:hidden}@media(max-width:767px){.app-container{margin-bottom:210px}}@media(min-width:768px)and (max-width:1199px){.app-container{margin-bottom:175px}}@media(min-width:1200px){.app-container{margin-bottom:160px}}.hero{position:relative;width:100vw;height:100dvh;background-color:var(--color-bg-dark)}.hero__bg{position:absolute;inset:0;z-index:var(--z-bg)}.hero__header{position:absolute;top:0;left:0;right:0;z-index:var(--z-header);padding:var(--spacing-md) var(--spacing-lg);display:flex;align-items:center}.hero__content{position:relative;z-index:var(--z-content);height:100%;display:flex;align-items:center;padding:0 var(--spacing-lg);padding-top:var(--spacing-2xl)}.hero__text-block{max-width:820px}.hero__title{display:flex;flex-direction:column;line-height:1.05;margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-semibold);font-size:var(--font-size-hero-title)}.hero__title-line{display:block}.hero__title-line--dim{color:var(--color-text-muted)}.hero__title-line--bright{color:var(--color-text-primary)}.hero__subtitle{font-size:var(--font-size-hero-subtitle);font-weight:var(--font-weight-medium);line-height:1.1;margin-bottom:1.4rem;color:var(--color-text-muted)}.hero__subtitle-fixed{color:var(--color-text-muted)}.hero__subtitle-typewriter{color:var(--color-text-muted);white-space:nowrap}.hero__cursor{display:inline-block;width:clamp(2px,.25vw,3px);height:.85em;background-color:var(--color-cursor);margin-left:3px;vertical-align:middle;animation:cursor-blink var(--animation-cursor-blink)}.hero__cursor--deleting{animation:none;opacity:1}.hero__description{font-size:var(--font-size-hero-description);font-weight:var(--font-weight-medium);color:var(--color-text-muted);max-width:400px;margin-top:var(--spacing-xs)}.hero__scroll{position:absolute;bottom:var(--spacing-lg);left:50%;transform:translate(-50%);z-index:var(--z-header)}@media(max-width:374px){.hero__title{font-size:3rem}.hero__subtitle{font-size:1.6rem}}@media(min-width:768px){.hero__content{padding:0 var(--spacing-xl);padding-top:var(--spacing-2xl)}.hero__scroll{bottom:2.5rem}}@media(min-width:1200px){.hero__content{padding:0 var(--spacing-2xl);padding-top:var(--spacing-2xl)}.hero__scroll{bottom:3rem}}@media(min-width:1600px){.hero__content{padding:0 var(--spacing-3xl);padding-top:var(--spacing-3xl)}}.scroll-indicator{display:flex;flex-direction:column;align-items:center}.scroll-indicator__track{width:20px;height:27px;border:2.7px solid var(--color-text-muted);border-radius:20px;display:flex;justify-content:center;align-items:flex-start;padding:4px 0;overflow:hidden}.scroll-indicator__dot{width:7px;height:7px;background-color:var(--color-cursor);border-radius:50%;flex-shrink:0;animation:scroll-bounce 1.8s ease-in-out infinite}@keyframes scroll-bounce{0%{transform:translateY(0);opacity:1}55%{transform:translateY(10px);opacity:.3}to{transform:translateY(0);opacity:1}}@media(min-width:768px){.scroll-indicator__track{width:30px;height:37px;border-width:3.7px}.scroll-indicator__dot{width:10px;height:10px;animation:scroll-bounce-md 1.8s ease-in-out infinite}}@media(min-width:1200px){.scroll-indicator__track{width:20px;height:27px;border-width:2.7px}.scroll-indicator__dot{width:7px;height:7px;animation:scroll-bounce 1.8s ease-in-out infinite}}@keyframes scroll-bounce-md{0%{transform:translateY(0);opacity:1}55%{transform:translateY(17px);opacity:.3}to{transform:translateY(0);opacity:1}}.menu-button{display:flex;align-items:center;gap:.9rem;background:none;border:1px solid transparent;border-radius:10px;color:#fff9;font-family:var(--font-main);font-size:var(--font-size-nav-items);font-weight:var(--font-weight-medium);letter-spacing:.02em;cursor:pointer;padding:.7rem 1.4rem;transition:color .3s ease,border-color .3s ease,background .3s ease,backdrop-filter .3s ease}.menu-button:hover{color:var(--color-text-primary);background:#ffffff0f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.menu-button__icon{display:flex;flex-direction:column;justify-content:space-between;width:18px;height:13.5px;flex-shrink:0}.menu-button__icon:before,.menu-button__icon:after{content:"";display:block;width:100%;height:1.5px;background-color:currentColor}.menu-button__icon-bar{display:block;width:100%;height:1.1px;background-color:currentColor}.menu-button__text{line-height:1}.page-loader{position:fixed;inset:0;z-index:var(--z-loader);display:flex;flex-direction:row;overflow:hidden}.page-loader__block{flex:1;height:100%;background-color:var(--color-bg-loader);transition:transform var(--transition-loader);will-change:transform;transform:translateZ(0);position:relative}.page-loader__block--0{margin-right:-2px;z-index:3}.page-loader__block--1{display:flex;align-items:center;justify-content:center;margin-left:-2px;margin-right:-2px;z-index:2}.page-loader__block--2{margin-left:-2px;z-index:1}.page-loader__block--0{transition-delay:0s}.page-loader__block--1{transition-delay:.15s}.page-loader__block--2{transition-delay:.3s}.page-loader__block--exit{transform:translateY(-100%) translateZ(0)}.page-loader__text{font-family:var(--font-main);font-size:var(--font-size-loader-text);font-weight:var(--font-weight-regular);color:var(--color-text-primary);white-space:nowrap;display:flex;align-items:center}.page-loader__cursor{display:inline-block;width:2px;height:1em;background-color:var(--color-text-primary);margin-left:4px;animation:cursor-blink var(--animation-cursor-blink)}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.menu-overlay{position:fixed;inset:0;display:flex;flex-direction:column;align-items:flex-start;padding-left:10vw;padding-top:8vh;visibility:hidden;opacity:0;transition:opacity .35s ease,visibility 0s linear .35s}.menu-overlay--visible{visibility:visible;opacity:1;transition:opacity .35s ease,visibility 0s linear 0s}.menu-overlay__close{position:absolute;top:2.4rem;left:2.4rem;display:flex;align-items:center;gap:.9rem;background:none;border:none;color:#fff9;font-family:var(--font-main);font-size:var(--font-size-nav-items);font-weight:var(--font-weight-medium);letter-spacing:.02em;cursor:pointer;padding:.4rem .6rem;opacity:0;transform:translateY(-8px);transition:opacity .4s ease .25s,transform .4s ease .25s}.menu-overlay__close:hover{color:var(--color-text-primary)}.menu-overlay--visible .menu-overlay__close{opacity:1;transform:translateY(0)}.menu-overlay__close-icon{display:inline-block;width:18px;height:18px;position:relative;flex-shrink:0}.menu-overlay__close-icon:before,.menu-overlay__close-icon:after{content:"";position:absolute;width:100%;height:1.5px;background-color:currentColor;top:50%;left:0}.menu-overlay__close-icon:before{transform:translateY(-50%) rotate(45deg)}.menu-overlay__close-icon:after{transform:translateY(-50%) rotate(-45deg)}.menu-overlay__nav{position:relative;margin-top:8rem}.menu-overlay__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.4rem}.menu-overlay__item{opacity:0;transform:translate(-12px);transition:opacity .4s ease calc(.1s + var(--item-index) * .07s),transform .4s cubic-bezier(.22,1,.36,1) calc(.1s + var(--item-index) * .07s)}.menu-overlay--visible .menu-overlay__item{opacity:1;transform:translate(0)}.menu-overlay__link{font-family:var(--font-main);font-size:2.2rem;font-weight:var(--font-weight-medium);color:#ffffffbf;text-decoration:none;display:flex;align-items:center;gap:0;letter-spacing:.01em;cursor:pointer}.menu-overlay__link:hover{color:var(--color-text-primary)}.menu-overlay__dot{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:0;height:10px;overflow:hidden;opacity:0;transition:width .4s cubic-bezier(.22,1,.36,1),opacity .25s ease}.menu-overlay__dot:after{content:"";display:block;width:8px;height:8px;border-radius:50%;background-color:var(--color-text-primary);flex-shrink:0;margin-right:.8rem}.menu-overlay__link:hover .menu-overlay__dot{width:1.8rem;opacity:1}.menu-overlay__text-inner{display:inline-block;transition:transform .4s cubic-bezier(.22,1,.36,1)}.menu-overlay__link:hover .menu-overlay__text-inner{transform:translate(6px)}.menu-overlay__letter{display:inline-block}@media(max-width:767px){.menu-overlay{padding-left:var(--spacing-lg);padding-top:6vh}.menu-overlay__link,.menu-overlay__close{font-size:2rem}.menu-overlay__list{gap:1.2rem}}@media(min-width:768px){.menu-overlay{padding-left:8vw;padding-top:7vh}.menu-overlay__link,.menu-overlay__close{font-size:2.2rem}}@media(min-width:1200px){.menu-overlay{padding-left:20vw;padding-top:8vh}.menu-overlay__link,.menu-overlay__close{font-size:2.6rem}.menu-overlay__list{gap:1.6rem}.menu-overlay__dot{font-size:3.2rem}}.footer{position:fixed;bottom:0;left:50%;transform:translate(-50%);z-index:0;background-color:var(--color-text-primary);opacity:0;transition:width .15s ease;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:0 var(--spacing-2xl);padding:var(--spacing-xl) var(--spacing-xl);padding-top:5rem;min-height:220px}.footer__initials{font-family:var(--font-main);font-size:clamp(5rem,12vw,11rem);font-weight:var(--font-weight-semibold);color:var(--color-bg-dark);letter-spacing:-.04em;line-height:1;align-self:flex-end;padding-bottom:var(--spacing-sm);-webkit-user-select:none;user-select:none}.footer__cols{display:flex;gap:var(--spacing-2xl);align-items:center;align-self:center}.footer__col{display:flex;flex-direction:column;gap:var(--spacing-sm);min-width:110px}.footer__col-title{font-family:var(--font-main);font-size:1.1rem;font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.14em;opacity:.6;margin-bottom:.2rem}.footer__col-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.footer__link{display:inline-flex;align-items:center;gap:0;font-family:var(--font-main);font-size:clamp(1.4rem,2vw,1.8rem);font-weight:var(--font-weight-medium);color:var(--color-bg-dark);text-decoration:none;letter-spacing:.01em;transition:color .25s ease}.footer__link:hover .footer__link-dot{width:1.4rem;opacity:1}.footer__link:hover .footer__link-text{transform:translate(6px)}.footer__link-dot{display:inline-block;width:0;height:8px;overflow:hidden;opacity:0;flex-shrink:0;position:relative;transition:width .35s cubic-bezier(.22,1,.36,1),opacity .25s ease}.footer__link-dot:after{content:"";display:block;width:8px;height:8px;border-radius:50%;background-color:var(--color-bg-dark);position:absolute;top:0;left:0}.footer__link-text{display:inline-block;transition:transform .35s cubic-bezier(.22,1,.36,1)}.footer__back{display:flex;flex-direction:column;align-items:center;gap:.8rem;align-self:center}.footer__back-label{font-family:var(--font-main);font-size:1.1rem;font-weight:var(--font-weight-medium);color:var(--color-bg-dark);text-transform:uppercase;letter-spacing:.14em;opacity:.6;white-space:nowrap}.footer__back-btn{display:flex;align-items:center;justify-content:center;width:clamp(52px,6vw,72px);height:clamp(52px,6vw,72px);border-radius:50%;border:1.5px solid transparent;background:#545455;color:var(--color-text-primary);cursor:pointer;overflow:hidden;transition:border-color .3s ease,filter .3s ease}.footer__back-btn svg{width:65%;height:65%}.footer__back-btn:hover{border-color:var(--color-text-primary);filter:brightness(1.15)}.footer__back-btn:hover svg{animation:arrow-shoot .45s cubic-bezier(.22,1,.36,1) forwards}.footer__back-btn:active{filter:brightness(.9)}@keyframes arrow-shoot{0%{transform:translateY(0);opacity:1}45%{transform:translateY(-130%);opacity:0}46%{transform:translateY(130%);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:767px){.footer{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;grid-template-areas:"initials back" "cols     cols";gap:var(--spacing-md) var(--spacing-md);min-height:unset;align-items:start;width:100vw;padding:var(--spacing-lg) var(--spacing-md);padding-top:5rem}.footer__initials{grid-area:initials;font-size:clamp(3.5rem,12vw,5.5rem);align-self:center;padding-bottom:0}.footer__back{grid-area:back;flex-direction:column;align-items:center;gap:.6rem;align-self:center}.footer__cols{grid-area:cols;gap:var(--spacing-xl);align-items:flex-start;border-top:1px solid rgba(0,0,0,.08);padding-top:var(--spacing-md)}.footer__col{min-width:0;flex:1}}@media(min-width:768px)and (max-width:1023px){.footer{grid-template-columns:1fr auto auto;gap:0 var(--spacing-xl);padding:var(--spacing-xl) var(--spacing-xl);width:100vw}.footer__initials{font-size:clamp(5rem,10vw,8rem)}}@media(min-width:1200px){.footer{padding:var(--spacing-xl) var(--spacing-3xl);gap:0 var(--spacing-3xl);width:100vw}.footer__initials{font-size:clamp(7rem,10vw,11rem)}}.magic-bento-card{--glow-x: 50%;--glow-y: 50%;--glow-intensity: 0;--glow-radius: 300px;--glow-color: 128, 153, 204}.magic-bento-card--border-glow:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:3px;background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y),rgba(var(--glow-color),calc(var(--glow-intensity) * .9)),transparent 60%),linear-gradient(#ffffff14,#ffffff14);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;z-index:3;transition:opacity .2s ease}.magic-bento-card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(calc(var(--glow-radius) * .75) circle at var(--glow-x) var(--glow-y),rgba(var(--glow-color),calc(var(--glow-intensity) * .07)),transparent 60%);pointer-events:none;z-index:0}.magic-bento-card--text-autohide .magic-bento-card__content{transition:opacity .3s ease}.magic-bento-card--text-autohide:not(:hover) .magic-bento-card__content{opacity:0}.magic-bento-card__header,.magic-bento-card__content{position:relative;z-index:2}.work{position:relative;width:100%;min-height:100dvh;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:var(--color-bg-dark)}.work__bg{position:absolute;inset:0;z-index:0}.work__inner{position:relative;z-index:1;width:100%;display:flex;flex-direction:column;gap:var(--spacing-xl);padding:var(--spacing-2xl) var(--spacing-lg)}.work__header{display:flex;align-items:flex-end;justify-content:space-between}.work__title{display:flex;flex-direction:column;font-family:var(--font-main);font-size:clamp(2.8rem,8vw,6rem);font-weight:var(--font-weight-semibold);line-height:1;letter-spacing:-.03em}.work__title-line{display:block}.work__title-line--dim{color:var(--color-text-muted)}.work__title-line--bright{color:var(--color-text-primary)}.work__nav{display:flex;gap:.8rem;padding-bottom:.4rem;flex-shrink:0;align-items:center}.work__nav-btn{display:flex;align-items:center;justify-content:center;width:3.8rem;height:3.8rem;border-radius:50%;border:1.5px solid rgba(255,255,255,.18);background:#ffffff08;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;color:var(--color-text-primary);transition:border-color .25s ease,background .25s ease,opacity .25s ease}.work__nav-btn:hover:not(:disabled){border-color:#ffffff8c;background:#ffffff14}.work__nav-btn:disabled{opacity:.22;cursor:default}.work__nav-arrow{display:inline-block;width:9px;height:9px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor}.work__nav-arrow--left{transform:rotate(-135deg) translate(-1px,1px)}.work__nav-arrow--right{transform:rotate(45deg) translate(-1px,1px)}.work__nav-btn--rewind{opacity:0;transform:scale(.6);pointer-events:none;transition:opacity .4s cubic-bezier(.22,1,.36,1),transform .4s cubic-bezier(.22,1,.36,1),border-color .25s ease,background .25s ease}.work__nav-btn--rewind.work__nav-btn--rewind-visible{opacity:1;transform:scale(1);pointer-events:auto}.work__rewind-icon{width:16px;height:16px}.work__rewind-icon--spinning{animation:rewind-spin 1.2s cubic-bezier(.4,0,.2,1) forwards}@keyframes rewind-spin{0%{transform:rotate(0)}70%{transform:rotate(-370deg)}to{transform:rotate(-360deg)}}.work__carousel-wrap{position:relative}.work__carousel-wrap:before,.work__carousel-wrap:after{content:"";position:absolute;top:0;bottom:0;width:clamp(2rem,4vw,5rem);z-index:2;pointer-events:none}.work__carousel-wrap:before{left:0;background:linear-gradient(to right,var(--color-bg-dark),transparent)}.work__carousel-wrap:after{right:0;background:linear-gradient(to left,var(--color-bg-dark),transparent)}.work__track{display:flex;gap:2.4rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:.8rem var(--spacing-lg) 1.2rem;scrollbar-width:none}.work__track::-webkit-scrollbar{display:none}.work-card{flex:0 0 clamp(240px,68vw,400px);scroll-snap-align:center;display:flex;flex-direction:column;border-radius:14px;overflow:hidden;text-decoration:none;background:#ffffff08;border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:transform .38s cubic-bezier(.22,1,.36,1),border-color .3s ease,box-shadow .38s ease}.work-card:hover{transform:translateY(-8px);border-color:#fff3;box-shadow:0 24px 64px #0000008c}.work-card:hover .work-card__img{transform:scale(1.06)}.work-card:hover .work-card__hover-overlay{opacity:1}.work-card:hover .work-card__hover-icon{transform:translate(0);opacity:1}.work-card__media{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;background:#ffffff0a}.work-card__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s cubic-bezier(.22,1,.36,1);-webkit-user-select:none;user-select:none}.work-card__hover-overlay{position:absolute;inset:0;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.work-card__hover-icon{width:clamp(2.8rem,6vw,4rem);height:clamp(2.8rem,6vw,4rem);color:var(--color-text-primary);transform:translate(-4px,4px);opacity:0;transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .3s ease}.work-card__footer{padding:1.4rem 1.6rem 1.6rem;display:flex;flex-direction:column;gap:.8rem;flex:1}.work-card__title{font-family:var(--font-main);font-size:clamp(1.3rem,3vw,1.6rem);font-weight:var(--font-weight-medium);color:var(--color-text-primary);letter-spacing:-.01em;line-height:1.2}.work-card__tags{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem}.work-card__tag{font-family:var(--font-main);font-size:1rem;font-weight:var(--font-weight-medium);color:var(--color-text-muted);border:1px solid rgba(255,255,255,.12);border-radius:100px;padding:.25rem .8rem;letter-spacing:.01em;transition:border-color .25s ease,color .25s ease}.work-card:hover .work-card__tag{border-color:#ffffff47;color:#ffffffb8}.work__dots{display:flex;justify-content:center;gap:.7rem;padding-bottom:var(--spacing-md)}.work__dot{width:6px;height:6px;border-radius:50%;border:none;background:#ffffff40;cursor:pointer;padding:0;transition:background .3s ease,width .3s ease}.work__dot--active{background:var(--color-text-primary);width:20px;border-radius:10px}.work__dot:hover:not(.work__dot--active){background:#ffffff8c}.work__tech-band{display:flex;flex-direction:column;gap:1.4rem;padding-top:var(--spacing-md);border-top:1px solid rgba(255,255,255,.07);margin-top:var(--spacing-xs)}.work__tech-label{font-family:var(--font-main);font-size:1.1rem;font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.14em;padding:0 var(--spacing-lg);opacity:.6}.work__tech-loop{position:relative;height:7rem;overflow:hidden}.work__tech-loop svg{color:#ffffff73;transition:color .25s ease}.work__tech-loop .logoloop__item:hover svg{color:#ffffffe6}@media(min-width:640px){.work-card{flex:0 0 clamp(280px,45vw,380px)}.work__track{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}}@media(min-width:768px){.work__inner{padding:var(--spacing-2xl) var(--spacing-xl)}.work__track{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}.work__nav-btn{width:4.4rem;height:4.4rem}.work-card{flex:0 0 clamp(300px,38vw,420px)}}@media(min-width:1200px){.work__inner{padding:var(--spacing-2xl) var(--spacing-2xl);gap:var(--spacing-xl)}.work__track{padding-left:var(--spacing-2xl);padding-right:var(--spacing-2xl);gap:2.8rem}.work-card{flex:0 0 clamp(320px,28vw,440px)}}@media(min-width:1600px){.work__inner{padding:var(--spacing-3xl) var(--spacing-3xl)}.work__track{padding-left:var(--spacing-3xl);padding-right:var(--spacing-3xl)}}.about{position:relative;width:100%;min-height:100dvh;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:var(--color-bg-dark)}.about__bg{position:absolute;inset:0;z-index:0}.about__inner{position:relative;z-index:1;width:100%;max-width:1400px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-lg);display:grid;grid-template-columns:1fr;grid-template-areas:"portrait" "bio" "vinyl" "personal" "interests" "stats";gap:1.4rem}.about-cell{background:#ffffff08;border-radius:16px;padding:var(--spacing-lg);position:relative;overflow:hidden}.about-cell__label{display:block;font-family:var(--font-main);font-size:1rem;font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.14em;margin-bottom:var(--spacing-md);opacity:.6}.about-cell__scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.07) 3px,rgba(0,0,0,.07) 4px);pointer-events:none;z-index:1;border-radius:16px}.about-cell--portrait{grid-area:portrait;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-xl) var(--spacing-lg);background:#ffffff05}.about-cell__portrait-wrap{position:relative;z-index:2;width:clamp(140px,75%,210px);aspect-ratio:1;border-radius:12px;overflow:hidden;image-rendering:pixelated;box-shadow:0 0 0 2px #ffffff1f,0 12px 40px #0009}.about-cell__portrait-img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;display:block}.about-cell__portrait-caption{position:relative;z-index:2;font-family:var(--font-main);font-size:.95rem;color:var(--color-text-muted);letter-spacing:.08em;opacity:.4}.about-cell--bio{grid-area:bio;display:flex;flex-direction:column;justify-content:center;gap:var(--spacing-md)}.about-cell__heading{display:flex;flex-direction:row;align-items:baseline;gap:.5em;font-family:var(--font-main);font-size:clamp(2.2rem,4.5vw,4rem);font-weight:var(--font-weight-semibold);line-height:1;letter-spacing:-.03em;margin-bottom:var(--spacing-xs);flex-wrap:wrap}.about-cell__heading-dim{color:var(--color-text-muted)}.about-cell__heading-bright{color:var(--color-text-primary)}.about-cell__bio-text{font-family:var(--font-main);font-size:clamp(1.2rem,1.6vw,1.4rem);font-weight:var(--font-weight-regular);color:#ffffff85;line-height:1.7}.about-cell--vinyl{grid-area:vinyl;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);text-decoration:none;cursor:pointer;padding:var(--spacing-lg) var(--spacing-lg);background:#ffffff05}.about-cell--vinyl:hover .vinyl__disc{animation-play-state:paused;transform:scale(1.05)}.about-cell--vinyl:hover .vinyl__shine{opacity:.4}.about-cell--vinyl:hover .vinyl__caption-sub{color:var(--color-text-primary);letter-spacing:.04em}.about-cell--personal{grid-area:personal;display:flex;flex-direction:column;justify-content:flex-start;gap:var(--spacing-md)}.about-cell__personal-list{display:flex;flex-direction:column;gap:.85rem}.about-cell__personal-row{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.06)}.about-cell__personal-row:last-child{border-bottom:none;padding-bottom:0}.about-cell__personal-key{font-family:var(--font-main);font-size:clamp(1.2rem,1.4vw,1.45rem);font-weight:var(--font-weight-medium);color:var(--color-text-muted);letter-spacing:.02em;flex-shrink:0}.about-cell__personal-val{font-family:var(--font-main);font-size:clamp(1.2rem,1.4vw,1.45rem);font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-align:right}.about-cell--interests{grid-area:interests;display:flex;flex-direction:column;justify-content:flex-start;gap:0}.about-cell--interests .about-cell__label{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid rgba(255,255,255,.06)}.about-cell__facts{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:1.2rem 2rem;flex:1;align-content:center}.about-cell__fact{display:flex;align-items:flex-start;gap:1rem}.about-cell__fact-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#fff9;margin-top:.15rem}.about-cell__fact-body{display:flex;flex-direction:column;gap:.2rem}.about-cell__fact-label{font-family:var(--font-main);font-size:clamp(1.3rem,1.5vw,1.55rem);font-weight:var(--font-weight-medium);color:var(--color-text-primary);letter-spacing:-.01em}.about-cell__fact-detail{font-family:var(--font-main);font-size:clamp(1.05rem,1.2vw,1.2rem);color:var(--color-text-muted);line-height:1.4}.about-cell--stats{grid-area:stats;display:flex;flex-direction:column;gap:var(--spacing-md)}.portrait-clock{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:.25rem;width:100%}.portrait-clock__location{font-family:var(--font-main);font-size:.85rem;font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.12em;opacity:.45}.portrait-clock__display{display:flex;align-items:baseline;gap:0;line-height:1}.portrait-clock__digits{font-family:var(--font-main);font-size:clamp(1.8rem,3.5vw,2.4rem);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);letter-spacing:-.04em;font-variant-numeric:tabular-nums}.portrait-clock__digits--sec{font-size:clamp(1rem,2vw,1.4rem);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.portrait-clock__sep{font-family:var(--font-main);font-size:clamp(1.8rem,3.5vw,2.4rem);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);animation:clock-blink 1s step-end infinite}.portrait-clock__sep--dim{font-size:clamp(1rem,2vw,1.4rem);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}@keyframes clock-blink{0%,to{opacity:1}50%{opacity:.15}}.portrait-badge{position:relative;z-index:2;display:inline-flex;align-items:center;gap:.55rem;background:#4ade8014;border:1px solid rgba(74,222,128,.22);border-radius:100px;padding:.35rem 1rem}.portrait-badge__dot{width:7px;height:7px;border-radius:50%;background:#4ade80;flex-shrink:0;box-shadow:0 0 6px #4ade8099;animation:badge-pulse 2.2s ease-in-out infinite}.portrait-badge__text{font-family:var(--font-main);font-size:.95rem;font-weight:var(--font-weight-medium);color:#4ade80;letter-spacing:.02em;white-space:nowrap}@keyframes badge-pulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 6px #4ade8099}50%{opacity:.7;transform:scale(.85);box-shadow:0 0 12px #4ade80e6}}.portrait-quote{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:.3rem;text-align:center;width:100%;padding-top:var(--spacing-sm);border-top:1px solid rgba(255,255,255,.06);margin-top:auto}.portrait-quote__mark{font-family:var(--font-main);font-size:2rem;font-weight:var(--font-weight-semibold);color:#ffffff1a;line-height:.5;-webkit-user-select:none;user-select:none;display:block;align-self:flex-start}.portrait-quote__mark--close{align-self:flex-end;line-height:.2}.portrait-quote__jp{font-family:var(--font-japanese);font-size:clamp(1.3rem,2.5vw,1.7rem);font-weight:var(--font-weight-medium);color:#fff9;line-height:1.4;letter-spacing:.05em}.portrait-quote__en{font-family:var(--font-main);font-size:.95rem;font-weight:var(--font-weight-regular);color:#ffffff40;letter-spacing:.04em;font-style:italic}.vinyl__disc{position:relative;width:clamp(100px,18vw,150px);height:clamp(100px,18vw,150px);border-radius:50%;background:#111;animation:vinyl-spin 4s linear infinite;flex-shrink:0;transition:transform .4s cubic-bezier(.22,1,.36,1);box-shadow:0 0 0 1px #ffffff0f,0 12px 48px #000c,inset 0 0 0 1px #ffffff0a}.vinyl__grooves{position:absolute;inset:0;border-radius:50%}.vinyl__groove{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.055)}.vinyl__groove--1{inset:8%}.vinyl__groove--2{inset:18%}.vinyl__groove--3{inset:28%}.vinyl__groove--4{inset:38%}.vinyl__groove--5{inset:48%}.vinyl__label{position:absolute;inset:30%;border-radius:50%;background:radial-gradient(circle at 40% 35%,#2a2a2a,#111);display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.08)}.vinyl__label-inner{display:flex;flex-direction:column;align-items:center;gap:.1rem}.vinyl__label-title{font-family:var(--font-main);font-size:clamp(.45rem,.9vw,.65rem);font-weight:var(--font-weight-semibold);color:#ffffffb3;letter-spacing:.04em;text-transform:uppercase;line-height:1}.vinyl__label-sub{font-family:var(--font-main);font-size:clamp(.3rem,.7vw,.5rem);color:#ffffff59;line-height:1}.vinyl__hole{position:absolute;inset:0;margin:auto;width:6%;height:6%;border-radius:50%;background:#000;box-shadow:0 0 0 1px #ffffff1a}.vinyl__shine{position:absolute;inset:0;border-radius:50%;background:linear-gradient(135deg,rgba(255,255,255,.12) 0%,transparent 40%,transparent 60%,rgba(255,255,255,.04) 100%);opacity:.22;pointer-events:none;transition:opacity .35s ease}.vinyl__caption{display:flex;flex-direction:column;align-items:center;gap:.25rem;text-align:center}.vinyl__caption-title{font-family:var(--font-main);font-size:clamp(.95rem,2.2vw,1.5rem);font-weight:var(--font-weight-medium);color:var(--color-text-primary);letter-spacing:-.01em}.vinyl__caption-sub{font-family:var(--font-main);font-size:clamp(.85rem,1.4vw,1.1rem);color:var(--color-text-muted);letter-spacing:.02em;transition:color .25s ease,letter-spacing .25s ease}@keyframes vinyl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stats__grid{display:flex;flex-direction:column;justify-content:space-around;gap:var(--spacing-md);flex:1}.stat-item{display:flex;flex-direction:column;gap:.2rem;padding-bottom:var(--spacing-sm);border-bottom:1px solid rgba(255,255,255,.06)}.stat-item:last-child{border-bottom:none;padding-bottom:0}.stat-item__icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#ffffff8c;flex-shrink:0;margin-bottom:.2rem}.stat-item__number{font-family:var(--font-main);font-size:clamp(2rem,3.5vw,2.8rem);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);letter-spacing:-.04em;font-variant-numeric:tabular-nums;line-height:1}.stat-item__suffix{font-size:.65em;font-weight:var(--font-weight-medium);color:var(--color-text-muted);letter-spacing:0;margin-left:.05em}.stat-item__label{font-family:var(--font-main);font-size:.95rem;color:var(--color-text-muted);letter-spacing:.03em;opacity:.6}@media(min-width:640px){.about__inner{grid-template-columns:1fr 1fr;grid-template-areas:"portrait   bio" "portrait   personal" "vinyl      stats" "interests  interests";padding:var(--spacing-2xl) var(--spacing-xl)}.about-cell--portrait{grid-row:1/3}.about-cell__facts{grid-template-columns:1fr 1fr}}@media(min-width:1024px){.about__inner{grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto auto;grid-template-areas:"portrait  bio        bio" "portrait  vinyl      personal" "interests interests  stats";gap:1.8rem;padding:var(--spacing-2xl) var(--spacing-2xl)}.about-cell--portrait{grid-row:1/3;grid-column:1/2}.about-cell--bio{grid-row:1/2;grid-column:2/4}.about-cell--vinyl{grid-row:2/3;grid-column:2/3}.about-cell--personal{grid-row:2/3;grid-column:3/4}.about-cell--interests{grid-row:3/4;grid-column:1/3}.about-cell--stats{grid-row:3/4;grid-column:3/4;min-height:280px}.about-cell__label{font-size:1.2rem;margin-bottom:var(--spacing-lg)}.about-cell__fact-icon{width:44px;height:44px;border-radius:10px}.about-cell__fact-icon svg{width:22px;height:22px}.about-cell__fact-label{font-size:1.65rem}.about-cell__fact-detail{font-size:1.25rem}.about-cell__facts{gap:5rem 2.4rem}}@media(min-width:1280px){.about__inner{gap:2rem;padding:var(--spacing-2xl) var(--spacing-3xl)}}