*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,h5,p,figure,blockquote,ul,ol,li,dl,dd{margin:0;padding:0}ul[role=list],ol[role=list]{list-style:none}li{list-style-type:none}body{min-height:100vh;line-height:1.5}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}@keyframes pulse{0%,100%{opacity:.5}50%{opacity:1}}.header{position:fixed;top:0;left:0;width:100%;height:84.16px;z-index:100;box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;padding:0;pointer-events:none}.header.is-active{pointer-events:auto}@media screen and (max-width: 430px){.header{height:43px;min-height:0;padding:0;padding-right:14.14px;justify-content:space-between}}.header__logo{width:119.52px;height:84.16px;flex-shrink:0}@media screen and (max-width: 430px){.header__logo{width:60px;height:43px}}.header__logo img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.header__nav{margin-left:29px;flex-grow:1;transition:opacity .4s ease,transform .4s ease}@media screen and (max-width: 430px){.header__nav{display:none}}.header__nav ul{display:flex;gap:29px;list-style:none;font-family:"Barlow Condensed",sans-serif;font-size:clamp(16px,2vw,29px);font-weight:500;width:100%;padding-right:40px}.header__nav a{text-shadow:0 0 2px #fff,0 0 5px #fff,0 0 10px hsla(0,0%,100%,.5);transition:all .3s cubic-bezier(0.25, 1, 0.5, 1);padding:5px 10px;margin:0 -10px;border-radius:2px}.header__nav a:hover{background-color:#1b1b1b;color:#fff;text-shadow:none}.header__contact{margin-left:auto;color:#fff}.header__contact a{text-shadow:none}.header__burger{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;position:absolute;right:0;top:0;width:119.52px;height:100%;transform:none;bottom:0;margin:auto;line-height:0;cursor:pointer;flex-shrink:0;box-sizing:border-box;padding:0;border:none;background:rgba(0,0,0,0);-webkit-appearance:none;-moz-appearance:none;appearance:none;overflow:visible;opacity:0;visibility:hidden;transition:opacity .4s ease,transform .4s ease,visibility .4s;gap:14px}.header__burger:hover{opacity:1}.header__burger:hover .header__burger-line{background-color:#dfe700}.header__burger:hover .header__burger-line:nth-child(1){transform:translateX(-4px)}.header__burger:hover .header__burger-line:nth-child(2){transform:scaleY(0.8)}.header__burger:hover .header__burger-line:nth-child(3){transform:translateX(4px)}@media screen and (max-width: 430px){.header__burger:hover .header__burger-line:nth-child(1){transform:translateY(-4px)}.header__burger:hover .header__burger-line:nth-child(2){transform:scaleX(0.8)}.header__burger:hover .header__burger-line:nth-child(3){transform:translateY(4px)}}.header__burger-line{display:block;width:2px;height:42px;background-color:#000;margin:0;transition:transform .3s cubic-bezier(0.25, 1, 0.5, 1),background-color .3s ease}@media screen and (max-width: 430px){.header__burger{position:relative;right:auto;top:auto;bottom:auto;margin:0;line-height:normal;width:36px;height:24px;justify-content:space-between;gap:0;transform:none !important;opacity:1 !important;visibility:visible !important;margin-left:0}.header__burger .header__burger-line{height:100%}}.header.is-scrolled .header__nav{opacity:0;transform:translateY(-10px);pointer-events:none}.header.is-scrolled .header__burger{opacity:1;visibility:visible;transform:none;pointer-events:auto}.header__logo,.header__nav,.header__burger{pointer-events:auto}body.is-initial .header,body.is-initial .header__logo,body.is-initial .header__nav,body.is-initial .header__burger{pointer-events:none !important}.sub-page .header__nav{display:none}.sub-page .header__burger{opacity:1;visibility:visible;transform:none;pointer-events:auto}.sub-page .header__burger{pointer-events:auto;opacity:1;visibility:visible}.overlay-menu{position:fixed;top:0;right:0;left:auto;width:400px;height:70vh;background-color:hsla(0,0%,100%,.3);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:200;transform:translateX(100%);opacity:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:120px 40px 40px;box-sizing:border-box}@media screen and (max-width: 430px){.overlay-menu{width:100%;height:100vh;left:0;display:flex;flex-direction:column;align-items:center;padding:64px 20px}}.overlay-menu .overlay-menu__close{position:absolute;top:0;right:0;width:119.52px;height:84.16px;z-index:201;cursor:pointer;background:rgba(0,0,0,0);border:none;display:flex;justify-content:center;align-items:center;transition:transform .4s cubic-bezier(0.34, 1.56, 0.64, 1)}.overlay-menu .overlay-menu__close:hover{transform:rotate(90deg) scale(1.1)}.overlay-menu .overlay-menu__close:hover span{background-color:#dfe700}.overlay-menu .overlay-menu__close span{position:absolute;top:50%;left:50%;width:38px;height:2px;background-color:#1b1b1b;transition:background-color .3s ease}.overlay-menu .overlay-menu__close span:nth-child(1){transform:translate(-50%, -50%) rotate(45deg)}.overlay-menu .overlay-menu__close span:nth-child(2){transform:translate(-50%, -50%) rotate(-45deg)}@media screen and (max-width: 430px){.overlay-menu .overlay-menu__close{height:43px;right:14.14px;width:36px}.overlay-menu .overlay-menu__close span{width:24px}}.overlay-menu__nav{position:static;transform:none;width:100%;margin-bottom:54px}.overlay-menu__nav ul{display:flex;flex-direction:column;gap:0;list-style:none;padding:0;width:100%;counter-reset:menu-num -1}.overlay-menu__nav li{width:100%;border-bottom:1px solid rgba(0,0,0,.2);counter-increment:menu-num}.overlay-menu__nav a{display:flex;align-items:baseline;padding:20px 0;font-size:32px;font-weight:700;letter-spacing:.05em;color:#000;text-transform:uppercase;text-decoration:none;transition:color .3s,padding-left .3s}.overlay-menu__nav a::before{content:"0" counter(menu-num) "/";font-size:16px;font-weight:400;color:#666;margin-right:15px;font-family:"Barlow Condensed",sans-serif;transition:color .3s}.overlay-menu__nav a:hover{color:#dfe700;padding-left:10px}.overlay-menu__nav a:hover::before{color:#dfe700}.overlay-menu__email{align-self:flex-start;display:inline-flex;justify-content:center;align-items:center;width:100%;max-width:320px;height:60px;border:1px solid #000;background-color:rgba(0,0,0,0);font-family:"Barlow Condensed",sans-serif;font-size:18px;font-weight:500;color:#000;text-decoration:none;letter-spacing:.1em;transition:all .3s ease}.overlay-menu__email::after{content:"→";margin-left:10px;transition:transform .3s}.overlay-menu__email:hover{background-color:#000;color:#dfe700;border-color:#000}.overlay-menu__email:hover::after{transform:translateX(5px)}@media screen and (max-width: 430px){.overlay-menu__email{max-width:100%}}.footer{width:100%;min-height:100vh;position:relative;overflow:hidden;margin-top:169.02px;padding:0 52.52px;color:#fff;background-color:#151c2e}@media screen and (max-width: 1024px){.footer{height:auto;padding:100px 40px 100px;margin-top:338.76px}}@media screen and (max-width: 430px){.footer{padding:0px 20.51px 59.41px;margin-top:0}}.footer__video-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.footer__video-layer video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.footer__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(21,28,46,.88);mix-blend-mode:multiply}.footer__diagonal-line{position:absolute;bottom:0;left:0;z-index:1;background-color:#fff;transform-origin:bottom left;pointer-events:none;width:1px;height:1424px;transform:rotate(35.245deg)}@media screen and (max-width: 430px){.footer__diagonal-line{display:none}}.footer__inner{position:relative;width:100%;height:100%;min-height:100vh;max-width:1920px;margin:0 auto;z-index:10}@media screen and (max-width: 1024px){.footer__inner{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}}@media screen and (max-width: 430px){.footer__inner{height:auto}}.footer__title-area{position:absolute;top:55px;left:60px}@media screen and (max-width: 1024px){.footer__title-area{position:static;margin-bottom:60px;text-align:center}}@media screen and (max-width: 430px){.footer__title-area{position:static;padding-top:59.41px;margin-bottom:40px;text-align:left;width:100%}}.footer__ttl{font-family:"Barlow Condensed",sans-serif;font-size:160;font-weight:700;line-height:1;letter-spacing:normal;margin:0}.footer__ttl-row{display:block;font-size:150px;color:#fff;white-space:nowrap}.footer__ttl-row.outline{color:rgba(0,0,0,0);-webkit-text-stroke:2px #fff;position:relative}@media screen and (max-width: 430px){.footer__ttl-row{font-size:63px}.footer__ttl-row.outline{-webkit-text-stroke:1.5px #fff}}.footer__contact-btn{position:absolute;top:46%;left:50%;transform:translate(-50%, -25%);width:800px;height:179px;border:4px solid #fff;display:flex;justify-content:center;align-items:center;font-family:"Barlow",sans-serif;font-size:64px;font-weight:700;color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.05em;transition:background-color .3s,color .3s;background-color:rgba(0,0,0,0)}.footer__contact-btn:hover{background-color:#fff;color:#151c2e}@media screen and (max-width: 1024px){.footer__contact-btn{position:static;transform:none;margin:0 auto 60px;width:100%;max-width:400px;height:100px;font-size:32px}}@media screen and (max-width: 430px){.footer__contact-btn{width:333px;height:55px;font-size:20px;border-width:1px;margin-bottom:60px}}.footer__nav{position:absolute;top:35%;right:64px;text-align:right}.footer__nav ul{list-style:none;display:flex;flex-direction:column;gap:54px}.footer__nav li a{font-family:"Barlow Semi Condensed",sans-serif;font-size:32px;font-weight:700;letter-spacing:.04em;line-height:1;color:#1b1b1b;color:#fff;text-decoration:none;transition:color .3s;text-transform:uppercase;letter-spacing:.05em}.footer__nav li a:hover{color:#dfe700}.footer__nav li .num{font-size:.6em;margin-right:15px;font-weight:400;vertical-align:middle}@media screen and (max-width: 1024px){.footer__nav{position:static;text-align:center;margin-bottom:60px}.footer__nav ul{flex-direction:row;justify-content:center;flex-wrap:wrap;gap:40px}.footer__nav li a{font-size:24px}}@media screen and (max-width: 430px){.footer__nav{position:static;width:100%;margin-bottom:60px;text-align:left;padding:0 34.49px}.footer__nav ul{display:grid;grid-template-columns:1fr 1fr;gap:40px 0}.footer__nav li a{font-size:20px;display:block}.footer__nav li .num{display:inline-block;font-size:16px;margin-right:8px;margin-bottom:0}}@media screen and (max-width: 430px)and (max-width: 430px){.footer__nav li:nth-child(odd){text-align:left}.footer__nav li:nth-child(even){text-align:right}.footer__nav li a{font-size:20px;display:block}}.footer__info-left{position:absolute;bottom:59.41px;left:60px;z-index:5}@media screen and (max-width: 1024px){.footer__info-left{position:static;text-align:center;margin-top:40px}}@media screen and (max-width: 430px){.footer__info-left{left:0;width:100%;padding-top:40px;border-top:1px solid hsla(0,0%,100%,.5);text-align:left;padding-bottom:40px;position:relative}}.footer__email{font-family:"Barlow Condensed",sans-serif;font-size:24px;font-weight:400;margin-bottom:20px;letter-spacing:.04em}.footer__email:hover{color:#dfe700}@media screen and (max-width: 430px){.footer__email{font-size:14px;margin-bottom:16px}}.footer__copy{font-family:"Barlow Condensed",sans-serif;font-size:14px;display:block}@media screen and (max-width: 430px){.footer__copy{font-size:12px;font-weight:300;letter-spacing:0;margin-bottom:-16px}}.footer__back-to-top{font-family:"Barlow Semi Condensed",sans-serif;font-weight:700;font-size:24px;color:#fff;text-decoration:none;display:inline-flex;align-items:center;gap:10px;position:relative;transition:color .3s ease;line-height:1;letter-spacing:.04em;position:absolute;bottom:80px;right:60px;z-index:20;text-transform:uppercase;letter-spacing:.1em}.footer__back-to-top::after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:1px;background-color:#fff;transition:background-color .3s ease,transform .3s ease;transform-origin:right center}.footer__back-to-top::before{display:inline-block;transition:transform .3s cubic-bezier(0.25, 1, 0.5, 1);content:"↑";order:1}.footer__back-to-top:hover{color:#dfe700}.footer__back-to-top:hover::after{background-color:#dfe700;height:2px;transform:scaleX(1.1)}.footer__back-to-top:hover::before{transform:translateY(-5px)}@media screen and (max-width: 1024px){.footer__back-to-top{bottom:30px;right:30px}}@media screen and (max-width: 430px){.footer__back-to-top{position:absolute;bottom:4px;right:-6px;font-size:18px}}.footer__logo{transform:translate(150%, 100%)}a{text-decoration:none;color:inherit}img{vertical-align:bottom}body{overflow:hidden}body.is-scrollable{overflow-y:auto;overflow-x:hidden}body.is-initial .fv__video-layer,body.is-initial .fv__outline-layer,body.is-initial .fv__white-clip-container,body.is-initial .fv__diagonal-line,body.is-initial .header{filter:blur(4px)}.fv__video-layer,.fv__outline-layer,.fv__white-clip-container,.fv__diagonal-line,.header{transition:filter .8s ease}.loading{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#1b1b1b;z-index:9999;display:flex;justify-content:center;align-items:center;color:#fff;font-family:"Barlow Condensed",sans-serif;transition:opacity .8s ease,visibility .8s ease}.loading.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.loading__content{text-align:center;width:300px}.loading__counter{font-size:60px;font-weight:700;margin-bottom:20px;line-height:1}.loading__counter::after{content:"%";font-size:.5em;margin-left:5px}.loading__bar{width:100%;height:2px;background-color:#333;margin-bottom:30px;position:relative;overflow:hidden}.loading__bar-progress{position:absolute;top:0;left:0;width:0%;height:100%;background-color:#fff}.loading__logo{display:flex;justify-content:center;width:100%;opacity:.5;animation:pulse 2s infinite}.fv{width:100%;height:100vh;position:relative;overflow:hidden}.fv__video-layer{width:100%;height:100%;position:absolute;top:0;left:0;z-index:0}.fv__video-layer video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.fv__ttl{position:absolute;bottom:-59px;left:119.52px;width:auto;margin:0;font-family:"Barlow Condensed",sans-serif;font-size:254px;font-weight:700;color:#1b1b1b;text-transform:uppercase;pointer-events:none;white-space:nowrap}.fv__outline-layer{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}@media screen and (max-width: 430px){.fv__outline-layer{display:none}}.fv__ttl-out{color:rgba(0,0,0,0);-webkit-text-stroke:1.5px #fff}.fv__white-clip-container{width:100%;height:100%;position:absolute;top:0;left:0;z-index:10;will-change:clip-path}@media screen and (max-width: 430px){.fv__white-clip-container{clip-path:none;width:100%;height:100%;background-color:rgba(0,0,0,0)}}.fv__white-bg{width:100%;height:100%;position:absolute;top:0;left:0;background-color:#fff}@media screen and (max-width: 430px){.fv__white-bg{background-color:hsla(0,0%,100%,.5)}}.fv__ttl-black{color:#1b1b1b;z-index:2}@media screen and (max-width: 430px){.fv__ttl-black{color:rgba(0,0,0,0);-webkit-text-stroke:1px #fff;font-size:24vw;line-height:.85;width:auto;left:14.14px;bottom:120px;top:auto;right:auto;transform:none;text-align:left}}.fv__meta-list{position:absolute;top:107px;right:70.71vh;display:flex;gap:40px;font-family:"IBM Plex Sans JP",sans-serif;font-size:16px;font-weight:400;font-size:12px;font-weight:400;color:#000;z-index:3;pointer-events:none}.fv__meta-list.is-active{pointer-events:auto}@media screen and (max-width: 430px){.fv__meta-list{position:absolute;top:80px;left:14.14px;right:auto;transform:none;display:flex;flex-direction:row;gap:40px;font-size:14px;line-height:1.4;font-weight:500}.fv__meta-list li{text-align:left}}.fv__content-layer{width:100%;height:100%;position:absolute;top:0;left:0;z-index:20;pointer-events:none}.fv__content-layer.is-active .fv__diagonal-line{pointer-events:auto}.fv__diagonal-line{position:absolute;bottom:0;width:1px;height:300vmax;background-color:rgba(0,0,0,.4);transform-origin:bottom center;z-index:15;will-change:transform}@media screen and (max-width: 430px){.fv__diagonal-line{display:none}}.fv__separator{display:none}@media screen and (max-width: 430px){.fv__separator{display:block;position:absolute;bottom:100px;left:14.14px;width:calc(100% - 28.28px);height:1px;background-color:#ccc;z-index:5}}.fv__sound-indicator{position:absolute;top:45%;left:40%;transform:translate(-50%, -50%);z-index:50;text-align:center;font-family:"Barlow Condensed",sans-serif;font-size:32px;font-weight:700;color:#1b1b1b;text-shadow:0 0 2px #fff,0 0 5px #fff,0 0 10px hsla(0,0%,100%,.5);pointer-events:auto}.fv__sound-indicator.is-waiting::before,.fv__sound-indicator.is-waiting::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:50%;border:1px solid #1b1b1b;z-index:-1;pointer-events:none}@media screen and (max-width: 430px){.fv__sound-indicator.is-waiting::before,.fv__sound-indicator.is-waiting::after{display:none}}.fv__sound-indicator.is-waiting::before{animation:ripple-wave 2s infinite}.fv__sound-indicator.is-waiting::after{animation:ripple-wave 2s infinite .6s}@media screen and (max-width: 430px){.fv__sound-indicator{position:absolute;top:auto;left:20px;right:20px;bottom:0;transform:none;width:auto;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 20.51px 30px;z-index:50}.fv__sound-indicator.is-initial-pos{top:50%;bottom:auto;transform:translateY(-50%);flex-direction:column;justify-content:center;align-items:center;padding-bottom:0;gap:20px}}.fv__sound-label{letter-spacing:.04em;margin-bottom:5px}@media screen and (max-width: 430px){.fv__sound-label{font-size:20px;margin-bottom:0}.fv__sound-label.is-initial-pos{font-size:24px;margin-bottom:0}}.fv__sound-btns{display:flex;justify-content:center;gap:5px}@media screen and (max-width: 430px){.fv__sound-btns{gap:30px}.fv__sound-btns .is-initial-pos{gap:20px}}@media screen and (max-width: 430px){.fv__sound-btns .divider{display:none}}.fv__sound-btns .btn{cursor:pointer;padding:0 5px;transition:color .3s,opacity .3s}.fv__sound-btns .btn:hover{opacity:.5}.fv__sound-btns .btn.active{color:#e60012;opacity:1}@media screen and (max-width: 430px){.fv__sound-btns .btn{width:60px;height:60px;border-radius:50%;border:1.5px solid #1b1b1b;display:flex;justify-content:center;align-items:center;font-family:inherit;font-weight:700;font-size:20px;color:#1b1b1b;padding:0}.fv__sound-btns .btn:hover{background-color:#1b1b1b;color:#fff;opacity:1}.fv__sound-btns .btn.active{background-color:#1b1b1b;color:#fff;opacity:1}}@keyframes ripple-wave{0%{width:140px;height:140px;opacity:.8;border-width:2px}100%{width:240px;height:240px;opacity:0;border-width:0px}}.profile{width:100%;position:relative;overflow:hidden;background:linear-gradient(180deg, rgba(255, 255, 255, 0) 26%, rgba(27, 27, 27, 0.97) 38.5%, rgb(27, 27, 27) 53%, rgba(27, 27, 27, 0.97) 67%, rgba(0, 0, 0, 0) 88%)}@media screen and (max-width: 430px){.profile{background:linear-gradient(180deg, rgba(255, 255, 255, 0) 32%, rgba(27, 27, 27, 0.97) 42%, rgb(27, 27, 27) 88%, rgba(27, 27, 27, 0.97) 90%, rgba(0, 0, 0, 0) 100%)}}.profile__inner{width:100%;margin:0 auto;padding:26px 119.52px 0 119.52px;position:relative}@media screen and (max-width: 430px){.profile__inner{padding:0 20px}}.profile__inner--detail{display:flex}@media screen and (max-width: 430px){.profile__inner--detail{flex-direction:column}}.profile__intro{position:relative;width:100%;background-color:rgba(0,0,0,0);padding:144px 0 114px;margin-bottom:65px}@media screen and (max-width: 430px){.profile__intro{padding:59.41px 0 0}}.profile__intro-text-block{position:relative;z-index:10}@media screen and (max-width: 430px){.profile__intro-text-block{width:100%}}.profile__intro-desc{margin-top:30px;font-family:"IBM Plex Sans JP",sans-serif;font-size:16px;font-weight:600;letter-spacing:.01em;line-height:2;color:#1b1b1b}@media screen and (max-width: 430px){.profile__intro-desc{font-size:14px;letter-spacing:0}}.profile__intro-desc p+p{margin-top:24px}.profile__head-jp{font-family:"IBM Plex Sans JP",sans-serif;font-size:64px;font-weight:700;letter-spacing:.02em;color:#1b1b1b}@media screen and (max-width: 430px){.profile__head-jp{font-size:24px;letter-spacing:-0.01em}}.profile__detail{position:relative;width:100%;padding-top:59px;padding-bottom:678px}@media screen and (max-width: 430px){.profile__detail{padding-bottom:59.41px}}.profile__detail-left{width:40%;position:relative;z-index:10}@media screen and (max-width: 430px){.profile__detail-left{width:100%;order:2}}.profile__detail-right{position:absolute;top:-45px;width:55%;display:flex;flex-direction:column;position:relative;z-index:20}@media screen and (max-width: 430px){.profile__detail-right{width:100%;order:1;align-items:center;margin-top:10px;margin-bottom:-10px}}.profile__title-area{margin-bottom:40px}@media screen and (max-width: 430px){.profile__title-area{margin-bottom:-24px}}.profile__ttl{font-family:"Barlow Semi Condensed",sans-serif;font-size:64px;font-weight:700;letter-spacing:.04em;line-height:.5;color:#1b1b1b;text-transform:uppercase;color:#fff}.profile__ttl-name{display:block;font-size:80px}@media screen and (max-width: 430px){.profile__ttl-name{font-size:40px;line-height:1;margin-bottom:-10px}}.profile__ttl-sec{display:block}.profile__photo-spacer{height:160px;width:100%}@media screen and (max-width: 430px){.profile__photo-spacer{display:none}}.profile__photo-rect{width:678.22px;height:479.49px;background-color:rgba(0,0,0,0);box-shadow:0 20px 50px rgba(0,0,0,.1)}@media screen and (max-width: 430px){.profile__photo-rect{width:100%;height:auto;aspect-ratio:1.414/1}}.profile__desc{font-family:"IBM Plex Sans JP",sans-serif;font-size:16px;font-weight:600;letter-spacing:.01em;line-height:2;color:#1b1b1b;color:#fff;margin-top:60px}@media screen and (max-width: 430px){.profile__desc{font-size:14px}}.profile__data{margin-bottom:30px;display:grid;grid-template-columns:auto 1fr;gap:0 15px}@media screen and (max-width: 430px){.profile__data{margin-bottom:14px}}.profile__data dt{font-weight:700}.profile__data span{font-size:24px}.profile__txt-highlight{margin-bottom:24px;font-weight:700}.profile__cards-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5}@media screen and (max-width: 430px){.profile__cards-container{display:none}}.profile .skill-card{position:absolute;top:150px;right:4%;left:auto;width:380px;height:500px;border-radius:12px;background-color:rgba(5,5,5,0);backdrop-filter:blur(1.4px);-webkit-backdrop-filter:blur(1.4px);border:1px solid hsla(0,0%,100%,.15);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;will-change:transform,box-shadow;transform-origin:center center;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:30px}.profile .skill-card__inner{height:100%;position:relative;display:flex;flex-direction:column;z-index:2}.profile .skill-card__num{font-family:"Barlow Condensed",sans-serif;font-size:100px;font-weight:700;line-height:1;position:absolute;top:-10px;left:-10px;transition:all .3s;color:rgba(0,0,0,0);-webkit-text-stroke:1px hsla(0,0%,100%,.3)}.profile .skill-card__label{font-family:"Barlow Condensed",sans-serif;font-size:48px;font-weight:700;letter-spacing:.05em;margin-top:auto;margin-bottom:10px;display:block;text-shadow:0 0 10px rgba(0,0,0,.8)}.profile .skill-card__line{width:100%;height:2px;background-color:#fff;margin-bottom:15px;box-shadow:0 0 5px hsla(0,0%,100%,.3)}.profile .skill-card__tech{font-family:"Barlow",sans-serif;font-size:14px;letter-spacing:.15em;text-transform:uppercase;font-weight:600;opacity:.9}@media screen and (max-width: 430px){.profile .skill-card{width:220px;height:320px;top:200px;right:5%;padding:20px}.profile .skill-card__num{font-size:60px}.profile .skill-card__label{font-size:32px}}.profile .skill-card.card--ai{color:#d200ff;z-index:4;border-color:rgba(210,0,255,.6);box-shadow:0 0 20px rgba(210,0,255,.2);transform:rotate(-3deg)}.profile .skill-card.card--ai .skill-card__num{-webkit-text-stroke:2px #d200ff;filter:drop-shadow(0 0 5px #d200ff)}.profile .skill-card.card--ai .skill-card__label{color:#d200ff;text-shadow:0 0 15px rgba(210,0,255,.6)}.profile .skill-card.card--ai .skill-card__line{background-color:#d200ff;box-shadow:0 0 8px #d200ff}.profile .skill-card.card--3dcg{color:#39ff14;z-index:3;border-color:rgba(57,255,20,.6);box-shadow:0 0 20px rgba(57,255,20,.2);transform:rotate(0deg) translate(-15px, -15px)}.profile .skill-card.card--3dcg .skill-card__num{-webkit-text-stroke:2px #39ff14;filter:drop-shadow(0 0 5px #39ff14)}.profile .skill-card.card--3dcg .skill-card__label{color:#39ff14;text-shadow:0 0 15px rgba(57,255,20,.6)}.profile .skill-card.card--3dcg .skill-card__line{background-color:#39ff14;box-shadow:0 0 8px #39ff14}.profile .skill-card.card--movie{color:aqua;z-index:2;border-color:rgba(0,255,255,.6);box-shadow:0 0 20px rgba(0,255,255,.2);transform:rotate(3deg) translate(-30px, -30px)}.profile .skill-card.card--movie .skill-card__num{-webkit-text-stroke:2px aqua;filter:drop-shadow(0 0 5px #00ffff)}.profile .skill-card.card--movie .skill-card__label{color:aqua;text-shadow:0 0 15px rgba(0,255,255,.6)}.profile .skill-card.card--movie .skill-card__line{background-color:aqua;box-shadow:0 0 8px aqua}.profile .skill-card.card--music{color:#f05;z-index:1;border-color:rgba(255,0,85,.6);box-shadow:0 0 20px rgba(255,0,85,.2);transform:rotate(6deg) translate(-45px, -45px)}.profile .skill-card.card--music .skill-card__num{-webkit-text-stroke:2px #f05;filter:drop-shadow(0 0 5px #ff0055)}.profile .skill-card.card--music .skill-card__label{color:#f05;text-shadow:0 0 15px rgba(255,0,85,.6)}.profile .skill-card.card--music .skill-card__line{background-color:#f05;box-shadow:0 0 8px #f05}.works{width:100%;position:relative;background-color:#fff;padding:140px 0 169px 0}@media screen and (max-width: 430px){.works{padding:59.41px 20.51px 59.41px}}.works__inner{width:100%;max-width:1369px;margin:0 auto;padding:0 13px}@media screen and (max-width: 430px){.works__inner{padding:0}}.works__title-area{margin-bottom:56px;position:relative}.works__head{font-family:"Barlow Semi Condensed",sans-serif;font-size:64px;font-weight:700;letter-spacing:.04em;line-height:1;color:#1b1b1b;text-transform:uppercase;padding-bottom:10px;border-bottom:1px solid #1b1b1b;margin-bottom:0}@media screen and (max-width: 430px){.works__head{font-size:24px}}.works__sub{font-family:"Barlow Semi Condensed",sans-serif;font-size:64px;font-weight:700;letter-spacing:.04em;line-height:1;color:#1b1b1b;color:#666;letter-spacing:.21em;display:block}@media screen and (max-width: 430px){.works__sub{font-size:24px}}.works-item{border-bottom:1px solid #dcdcdc;width:100%;transition:background-color .4s ease}.works-item__header{display:flex;align-items:center;padding:40px 76px;cursor:pointer;background-color:rgba(0,0,0,0);transition:background-color .4s ease;position:relative}.works-item__header:hover{background-color:#c1bbc4}@media screen and (max-width: 430px){.works-item__header{padding:20px 10px}}.works-item__num{font-family:"Barlow Semi Condensed",sans-serif;font-size:64px;font-weight:700;letter-spacing:.04em;line-height:1;color:#1b1b1b;font-size:40px;margin-right:140px;margin-top:-29px;color:#666;transition:color .4s ease}@media screen and (max-width: 430px){.works-item__num{margin-right:15px;font-size:12px}}.works-item__ttl{font-family:"Barlow Semi Condensed",sans-serif;font-size:64px;font-weight:700;letter-spacing:.04em;line-height:1;color:#1b1b1b;margin-right:auto;transition:color .4s ease}@media screen and (max-width: 430px){.works-item__ttl{font-size:16px}}.works-item__icon{width:30px;height:42.42px;position:relative;flex-shrink:0}@media screen and (max-width: 430px){.works-item__icon{width:13px;height:18.38px}}.works-item__icon span{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#1b1b1b;transition:background-color .4s ease,transform .4s ease}.works-item__icon span:nth-child(1){width:100%;height:2px}.works-item__icon span:nth-child(2){width:2px;height:100%}.works-item__body{height:0;overflow:hidden;background-color:#c1bbc4}.works-item__body-inner{padding:60px;display:flex;justify-content:space-between;align-items:flex-start;gap:60px}@media screen and (max-width: 430px){.works-item__body-inner{flex-direction:column;padding:30px 20px;gap:30px}}.works-item__img-box{width:55%;aspect-ratio:16/9;background-color:#555}@media screen and (max-width: 430px){.works-item__img-box{width:100%}}.works-item__desc-box{width:40%;font-family:"IBM Plex Sans JP",sans-serif;color:#1b1b1b}@media screen and (max-width: 430px){.works-item__desc-box{width:100%}}.works-item__desc-head{font-weight:700;font-size:18px;margin-bottom:24px}.works-item__desc-text{font-size:14px;line-height:2;margin-bottom:40px}.works-item__desc-text .note{font-size:12px;opacity:.7;display:block;margin-top:1em}.works-item__link{font-family:"Barlow Semi Condensed",sans-serif;font-weight:700;font-size:20px;color:#fff;text-decoration:none;display:inline-flex;align-items:center;gap:10px;position:relative;transition:color .3s ease;line-height:1;letter-spacing:.04em;margin-top:10px}.works-item__link::after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:1px;background-color:#fff;transition:background-color .3s ease,transform .3s ease;transform-origin:right center}.works-item__link::before{display:inline-block;transition:transform .3s cubic-bezier(0.25, 1, 0.5, 1);content:"←";order:-1}.works-item__link:hover{color:#dfe700}.works-item__link:hover::after{background-color:#dfe700;height:2px;transform:scaleX(1.1)}.works-item__link:hover::before{transform:translateX(-8px)}.works-item .works-placeholder{width:100%;height:100%;background-color:#1b1b1b}.works-item.is-active .works-item__header{background-color:#1b1b1b}.works-item.is-active .works-item__header:hover{background-color:#1b1b1b}.works-item.is-active .works-item__num,.works-item.is-active .works-item__ttl{color:#fff}.works-item.is-active .works-item__icon span{background-color:#fff}.works-item.is-active .works-item__icon span:nth-child(2){transform:translate(-50%, -50%) rotate(90deg)}.works__footer{margin-top:98px;text-align:center}@media screen and (max-width: 430px){.works__footer{margin-top:29px}}.works__view-all{font-family:"Barlow Semi Condensed",sans-serif;font-weight:700;font-size:40px;color:#666;text-decoration:none;display:inline-flex;align-items:center;gap:10px;position:relative;transition:color .3s ease;line-height:1;letter-spacing:.04em}.works__view-all::after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:1px;background-color:#666;transition:background-color .3s ease,transform .3s ease;transform-origin:right center}.works__view-all::before{display:inline-block;transition:transform .3s cubic-bezier(0.25, 1, 0.5, 1);content:"←";order:1}.works__view-all:hover{color:#dfe700}.works__view-all:hover::after{background-color:#dfe700;height:2px;transform:scaleX(1.1)}.works__view-all:hover::before{transform:translateX(-8px)}@media screen and (max-width: 430px){.works__view-all{font-size:20px}}.skill{width:100%;position:relative;background-color:#f2f2f2;display:block}@media screen and (max-width: 430px){.skill{padding-top:29px}}.skill__inner{width:100%;max-width:1440px;margin:0 auto;padding:0 40px}@media screen and (max-width: 430px){.skill__inner{padding:0 20.51px}}.skill__head-area{margin-bottom:80px;position:relative;z-index:1}@media screen and (max-width: 430px){.skill__head-area{margin-bottom:0}}.skill__ttl{font-family:"Barlow Semi Condensed",sans-serif;font-size:120px;font-weight:700;letter-spacing:.04em;line-height:1;color:#1b1b1b;color:#1b1b1b;margin-bottom:10px;text-transform:uppercase}@media screen and (max-width: 430px){.skill__ttl{font-size:24px}}.skill__sub{font-family:"IBM Plex Sans JP",sans-serif;font-size:16px;letter-spacing:.2em;color:#666;display:block;margin-left:5px}@media screen and (max-width: 430px){.skill__sub{font-size:14px;margin-bottom:16px}}.skill__stack{position:relative;width:100%;max-width:1357.85px;height:960px;margin:0 auto}@media screen and (max-width: 430px){.skill__stack{height:auto;min-height:auto;margin-top:0;display:block}}.skill-card{position:absolute;top:0;left:0;right:0;margin:0 auto;width:100%;background-color:#fff;aspect-ratio:1357.85/959.69;box-shadow:0 10px 40px rgba(0,0,0,.254);padding:60px 10.64%;display:flex;flex-direction:column;justify-content:space-between;will-change:transform;transform-origin:center top}@media screen and (max-width: 430px){.skill-card{position:sticky;top:80px;left:0;right:0;margin:0 auto;width:100%;height:auto;min-height:74vh;padding:25px 20.51px;display:flex;flex-direction:column;justify-content:flex-start;opacity:1 !important;visibility:visible !important;transform:none !important;box-shadow:0 -5px 20px rgba(0,0,0,.05)}.skill-card:nth-child(1){top:50px;z-index:1;margin-bottom:119.52px}.skill-card:nth-child(2){top:70px;z-index:2;margin-bottom:119.52px}.skill-card:nth-child(3){top:90px;z-index:3;margin-bottom:119.52px}.skill-card:nth-child(4){top:110px;z-index:4;margin-bottom:119.52px}.skill-card:nth-child(5){top:130px;z-index:5;margin-bottom:59.41px}}.skill-card__header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px}.skill-card__name{font-family:"Barlow Condensed",sans-serif;font-size:80px;font-weight:700;line-height:1;color:#1b1b1b;text-transform:uppercase;line-height:1}@media screen and (max-width: 430px){.skill-card__name{font-size:48px}}.skill-card__num{font-family:"Barlow Condensed",sans-serif;font-size:60px;font-weight:700;line-height:1;color:#dcdcdc;line-height:1}@media screen and (max-width: 430px){.skill-card__num{font-size:32px}}.skill-card__image-box{display:block;width:100%;aspect-ratio:1069/601;margin:20px 0;background-color:#c1bbc4;background:center cover;transition:all .3s ease-out}.skill-card__image-box img{min-width:100%;min-height:100%;-o-object-fit:cover;object-fit:cover;display:block}@media(hover: hover)and (pointer: fine){.skill-card__image-box:hover{border:#dfe700 solid 1.4px;transform:translateY(-4px);box-shadow:0 5px 15px rgba(0,0,0,.4)}}@media screen and (max-width: 430px){.skill-card__image-box{pointer-events:none}.skill-card__image-box:hover{animation:none;transform:none;box-shadow:none;opacity:1}}.skill-card__footer{display:flex;justify-content:space-between;align-items:flex-end;margin-top:20px}@media screen and (max-width: 430px){.skill-card__footer{flex-direction:column;align-items:flex-start;justify-content:flex-end;margin-top:auto;width:100%;gap:10px}}.skill-card__icons{display:flex;gap:20px}@media screen and (max-width: 430px){.skill-card__icons{position:absolute;bottom:124px;width:auto;flex-wrap:wrap;gap:6px}}.skill-card .skill-icon{display:block;width:60px;height:60px;background-color:rgba(0,0,0,0)}@media screen and (max-width: 430px){.skill-card .skill-icon{width:40px;height:40px}}.skill-card__link{font-family:"Barlow Semi Condensed",sans-serif;font-weight:700;font-size:24px;color:#666;text-decoration:none;display:inline-flex;align-items:center;gap:10px;position:relative;transition:color .3s ease;line-height:1;letter-spacing:.04em;position:relative;top:-24px;text-transform:uppercase;font-weight:700}.skill-card__link::after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:1px;background-color:#666;transition:background-color .3s ease,transform .3s ease;transform-origin:right center}.skill-card__link::before{display:inline-block;transition:transform .3s cubic-bezier(0.25, 1, 0.5, 1);content:"←";order:1}.skill-card__link:hover{color:#dfe700}.skill-card__link:hover::after{background-color:#dfe700;height:2px;transform:scaleX(1.1)}.skill-card__link:hover::before{transform:translateX(-8px)}@media screen and (max-width: 430px){.skill-card__link{width:100%;display:flex;text-align:right;justify-content:flex-end;font-size:24px}}.skill-card--01{top:-22px;z-index:1;transform:rotate(0deg)}.skill-card--02{top:0px;z-index:2;transform:rotate(-1.5deg) translateX(-10px)}.skill-card--03{top:-39px;z-index:3;transform:rotate(1deg) translateX(10px)}.skill-card--04{top:-61px;z-index:4;transform:rotate(-2deg)}.skill-card--05{top:-45px;z-index:5;transform:rotate(0deg) translateX(0px)}.works-container{width:100%;max-width:1600px;margin:0 auto;padding:0 133px 120px}@media screen and (max-width: 430px){.works-container{padding:0 20px 80px}}.page-head{padding-top:180px;margin-bottom:60px}@media screen and (max-width: 430px){.page-head{padding-top:120px;margin-bottom:40px}}.page-head__ttl{font-family:"Barlow Condensed",sans-serif;font-size:140px;font-weight:700;line-height:.85;color:#1b1b1b;text-transform:uppercase;margin-bottom:20px;letter-spacing:-0.02em}@media screen and (max-width: 430px){.page-head__ttl{font-size:64px}}.page-head__sub{font-family:"IBM Plex Sans JP",sans-serif;font-size:14px;color:#666;letter-spacing:.05em;margin-left:5px}.filter-nav{margin-bottom:60px;z-index:50;mix-blend-mode:multiply;position:relative}@media screen and (max-width: 430px){.filter-nav{margin-bottom:40px;overflow-x:auto;width:100vw;margin-left:-20px;padding:10px 20px;background:rgba(242,242,242,.9);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}.filter-nav__list{display:flex;gap:40px}@media screen and (max-width: 430px){.filter-nav__list{gap:20px;white-space:nowrap}}.filter-nav__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:rgba(0,0,0,0);cursor:pointer;font-family:"Barlow Condensed",sans-serif;font-size:24px;font-weight:700;color:#999;text-transform:uppercase;padding:0 0 5px;position:relative;transition:color .3s}@media screen and (max-width: 430px){.filter-nav__btn{font-size:18px}}.filter-nav__btn:hover,.filter-nav__btn.is-active{color:#1b1b1b}.filter-nav__btn::after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#1b1b1b;transition:width .3s ease}.filter-nav__btn.is-active::after{width:100%}.works-grid{display:grid;width:100%;grid-template-columns:repeat(3, 1fr);gap:172.78px 40.5px}@media screen and (max-width: 430px){.works-grid{grid-template-columns:1fr;gap:60px}}.work-card{width:100%}.work-card__link{display:block;width:100%}.work-card__link:hover .work-card__img--front{transform:translate(15px, -15px) scale(0.98);opacity:.9;box-shadow:10px 10px 30px rgba(0,0,0,.15)}.work-card__link:hover .work-card__img--back{filter:grayscale(100%) opacity(1)}.work-card__link:hover .work-card__ttl{color:#dfe700}.work-card__image-box{position:relative;width:100%;aspect-ratio:1/1.414;background-color:#e0e0e0;margin-bottom:24px;overflow:visible;z-index:1}.work-card__img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s cubic-bezier(0.25, 1, 0.5, 1),opacity .4s,box-shadow .4s}.work-card__img--back{z-index:1;filter:grayscale(100%) opacity(0.5)}.work-card__img--front{z-index:2;background-color:#a0a0a0}.work-card__body{padding-right:10px}.work-card__num{font-family:"Barlow Condensed",sans-serif;font-size:16px;font-weight:700;color:#999;margin-bottom:8px;display:block}.work-card__ttl{font-family:"Barlow Condensed",sans-serif;font-size:32px;font-weight:700;line-height:1.1;color:#1b1b1b;text-transform:uppercase;margin-bottom:12px;transition:color .3s}@media screen and (max-width: 430px){.work-card__ttl{font-size:24px}}.work-card__tags{display:flex;flex-wrap:wrap;gap:8px}.work-kv{width:100%;padding:180px 0 100px;background-color:#fff}@media screen and (max-width: 430px){.work-kv{padding:120px 0 60px}}.work-kv__inner{width:100%;max-width:1280px;margin:0 auto;padding:0 40px}@media screen and (max-width: 430px){.work-kv__inner{padding:0 20px}}.work-kv__head{margin-bottom:60px}@media screen and (max-width: 430px){.work-kv__head{margin-bottom:40px}}.work-kv__ttl{font-family:"Barlow Condensed",sans-serif;font-size:150px;font-weight:700;line-height:.85;color:#1b1b1b;text-transform:uppercase;letter-spacing:-0.02em}@media screen and (max-width: 1024px){.work-kv__ttl{font-size:100px}}@media screen and (max-width: 430px){.work-kv__ttl{font-size:64px}}.work-kv__meta{display:flex;flex-wrap:wrap;gap:40px;border-top:1px solid #dcdcdc;padding-top:20px;margin-bottom:60px;font-family:"Barlow Condensed",sans-serif;text-transform:uppercase}@media screen and (max-width: 430px){.work-kv__meta{gap:20px 40px;margin-bottom:40px}}.work-kv__meta-item{display:flex;gap:15px;align-items:baseline}@media screen and (max-width: 430px){.work-kv__meta-item{width:100%;gap:10px}}.work-kv__meta-item dt{font-weight:700;font-size:16px;color:#666}.work-kv__meta-item dd{font-weight:500;font-size:16px;color:#1b1b1b;letter-spacing:.05em}.work-kv__link-external{font-family:"Barlow Semi Condensed",sans-serif;font-weight:700;font-size:16px;color:#1b1b1b;text-decoration:none;display:inline-flex;align-items:center;gap:10px;position:relative;transition:color .3s ease;line-height:1;letter-spacing:.04em}.work-kv__link-external::after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:1px;background-color:#1b1b1b;transition:background-color .3s ease,transform .3s ease;transform-origin:right center}.work-kv__link-external::before{display:inline-block;transition:transform .3s cubic-bezier(0.25, 1, 0.5, 1);content:"↗";font-family:sans-serif;order:1}.work-kv__link-external:hover{color:#dfe700}.work-kv__link-external:hover::after{background-color:#dfe700;height:2px;transform:scaleX(1.1)}.work-kv__link-external:hover::before{transform:translate(3px, -3px)}.work-kv__link-external::after{bottom:0}.work-kv__img-box{width:100%;margin-bottom:60px}@media screen and (max-width: 430px){.work-kv__img-box{margin-bottom:40px}}.work-kv__img-placeholder{width:100%;aspect-ratio:16/9;background-color:#c1bbc4}.work-kv__img{width:100%;height:auto;display:block}.work-kv__desc-area{width:100%;display:flex;justify-content:space-between;align-items:flex-end}@media screen and (max-width: 1024px){.work-kv__desc-area{flex-direction:column;align-items:flex-start;gap:40px}}.work-kv__text{font-family:"IBM Plex Sans JP",sans-serif;font-size:16px;line-height:2;color:#1b1b1b;font-weight:500}@media screen and (max-width: 430px){.work-kv__text{font-size:14px}}.work-kv__btn{font-family:"Barlow Semi Condensed",sans-serif;font-weight:700;font-size:24px;color:#1b1b1b;text-decoration:none;display:inline-flex;align-items:center;gap:10px;position:relative;transition:color .3s ease;line-height:1;letter-spacing:.04em;text-transform:uppercase}.work-kv__btn::after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:1px;background-color:#1b1b1b;transition:background-color .3s ease,transform .3s ease;transform-origin:right center}.work-kv__btn::before{display:inline-block;transition:transform .3s cubic-bezier(0.25, 1, 0.5, 1);content:"↗";font-family:sans-serif;order:1}.work-kv__btn:hover{color:#dfe700}.work-kv__btn:hover::after{background-color:#dfe700;height:2px;transform:scaleX(1.1)}.work-kv__btn:hover::before{transform:translate(3px, -3px)}@media screen and (max-width: 430px){.work-kv__btn{font-size:20px}}.process{width:100%;padding-top:100px;background-color:#fff;position:relative}@media screen and (max-width: 430px){.process{padding:60px 0 100px}}.process__inner{width:100%;max-width:1280px;margin:0 auto;padding:0 40px;display:flex;justify-content:space-between;align-items:flex-start;position:relative}@media screen and (max-width: 430px){.process__inner{padding:0 20px;flex-direction:column}}.process__text-col{width:40%;padding-bottom:20vh}@media screen and (max-width: 430px){.process__text-col{width:100%;padding-bottom:0}}.process__visual-col{width:50%;height:100vh;position:sticky;top:0;display:flex;align-items:center;justify-content:center}@media screen and (max-width: 430px){.process__visual-col{width:100%;height:auto;position:static;margin-top:40px;display:none}}@media screen and (max-width: 430px){.process__visual-col{display:block;height:300px;margin-bottom:40px;order:-1}}@media screen and (max-width: 430px){.process__inner{flex-direction:column-reverse}.process__visual-col{width:100%;height:300px;position:relative;top:auto;margin-bottom:40px}}.process__step{min-height:80vh;display:flex;flex-direction:column;justify-content:center;opacity:.3;transition:opacity .5s ease;padding-right:40px}.process__step.is-active{opacity:1}@media screen and (max-width: 430px){.process__step{min-height:auto;margin-bottom:60px;opacity:1;padding-right:0}}.process__label{font-family:"Barlow Condensed",sans-serif;font-size:16px;font-weight:700;color:#1b1b1b;display:block;margin-bottom:20px;border-bottom:2px solid #1b1b1b;padding-bottom:10px;display:inline-block;text-transform:uppercase;letter-spacing:.05em}.process__ttl{font-family:"IBM Plex Sans JP",sans-serif;font-size:32px;font-weight:700;line-height:1.4;margin-bottom:30px;color:#1b1b1b}@media screen and (max-width: 430px){.process__ttl{font-size:24px}}.process__desc{font-family:"IBM Plex Sans JP",sans-serif;font-size:14px;line-height:2;color:#1b1b1b}.process__visual-frame{width:100%;height:500px;background-color:#f0f0f0;position:relative;overflow:hidden}@media screen and (max-width: 430px){.process__visual-frame{height:100%}}.process__img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;transition:opacity .6s ease,transform .6s ease;transform:scale(1.05)}.process__img.is-active{opacity:1;transform:scale(1)}.process__btn{width:100%;max-width:1280px;margin:0 auto;padding-right:40px;padding-bottom:200px;text-align:right}.next-work{width:100%;background-color:#151c2e;padding:150px 0;text-align:center;transition:background-color .3s ease;display:flex;flex-direction:column;gap:100px;align-items:center}@media screen and (max-width: 430px){.next-work{padding:100px 0;gap:60px}}.next-work__link{display:inline-block;text-decoration:none;color:#fff;transition:opacity .3s}.next-work__link:hover{opacity:.8}.next-work__link:hover .next-work__ttl{color:#dfe700}.next-work__sub{font-family:"Barlow Condensed",sans-serif;font-size:16px;font-weight:700;letter-spacing:.2em;display:block;margin-bottom:20px;opacity:.7}.next-work__ttl{font-family:"Barlow Condensed",sans-serif;font-size:80px;font-weight:700;line-height:1;text-transform:uppercase;transition:color .3s ease}.next-work__ttl::after{content:"→";margin-left:20px;font-size:.8em;vertical-align:middle;display:inline-block;transition:transform .3s}@media screen and (max-width: 1024px){.next-work__ttl{font-size:60px}}@media screen and (max-width: 430px){.next-work__ttl{font-size:40px}.next-work__ttl::after{display:block;margin:10px 0 0}}.next-work__link:hover .next-work__ttl::after{transform:translateX(10px)}.next-work__ttl--index{font-size:40px;padding-left:66px;opacity:.7}.next-work__ttl--index::after{content:"←";margin:0 auto;padding-left:29px;font-size:.8em;vertical-align:middle;display:inline-block;translate:0 -4px;transition:transform .3s}.next-work__ttl--index:hover{opacity:1}@media screen and (max-width: 430px){.next-work__ttl--index{font-size:32px}.next-work__ttl--index::after{display:block;margin:0 0 10px 0}}.next-work__link--index:hover .next-work__ttl--index::after{transform:translateX(-29px)}.contact{width:100%;min-height:100vh;padding:180px 0 120px;background-color:#fff}@media screen and (max-width: 430px){.contact{padding:120px 0 80px}}.contact__inner{width:100%;max-width:1280px;margin:0 auto;padding:0 40px;display:flex;justify-content:space-between;align-items:flex-start}@media screen and (max-width: 1024px){.contact__inner{flex-direction:column;gap:60px}}@media screen and (max-width: 430px){.contact__inner{padding:0 20px;gap:40px}}.contact__info-col{width:35%}@media screen and (max-width: 1024px){.contact__info-col{width:100%}}.contact__form-col{width:55%}@media screen and (max-width: 1024px){.contact__form-col{width:100%}}.contact__ttl{font-family:"Barlow Condensed",sans-serif;font-size:120px;font-weight:700;line-height:.85;color:#1b1b1b;margin-bottom:40px;text-transform:uppercase;letter-spacing:-0.02em}@media screen and (max-width: 430px){.contact__ttl{font-size:64px;margin-bottom:20px}}.contact__desc{font-family:"IBM Plex Sans JP",sans-serif;font-size:14px;line-height:2;color:#1b1b1b;margin-bottom:60px}@media screen and (max-width: 430px){.contact__desc{margin-bottom:40px}}.contact__direct{margin-top:40px}.contact__label{font-family:"Barlow Condensed",sans-serif;font-size:14px;font-weight:700;color:#666;display:block;margin-bottom:5px;letter-spacing:.05em}.contact__mail-link{font-family:"Barlow Condensed",sans-serif;font-size:24px;font-weight:500;color:#1b1b1b;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;transition:color .3s,opacity .3s}.contact__mail-link:hover{color:#dfe700;opacity:.8}@media screen and (max-width: 430px){.contact__mail-link{font-size:20px}}.form{width:100%}.form__group{position:relative;margin-bottom:60px}@media screen and (max-width: 430px){.form__group{margin-bottom:40px}}.form__label{font-family:"Barlow Condensed",sans-serif;font-size:18px;font-weight:700;color:#1b1b1b;display:block;margin-bottom:10px;text-transform:uppercase;letter-spacing:.05em}.form__label .req{color:#dfe700;margin-left:5px}.form__input,.form__textarea{width:100%;background-color:rgba(0,0,0,0);border:none;border-bottom:1px solid #dcdcdc;padding:10px 0;font-family:"IBM Plex Sans JP",sans-serif;font-size:16px;color:#1b1b1b;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .3s}.form__input::-moz-placeholder, .form__textarea::-moz-placeholder{color:rgba(27,27,27,.3)}.form__input::placeholder,.form__textarea::placeholder{color:rgba(27,27,27,.3)}.form__input:focus,.form__textarea:focus{outline:none;border-bottom-color:rgba(0,0,0,0)}.form__textarea{min-height:180px;resize:vertical}.form__focus-line{position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#dfe700;transition:width .4s cubic-bezier(0.25, 1, 0.5, 1);pointer-events:none}.form__input:focus+.form__focus-line,.form__textarea:focus+.form__focus-line{width:100%}.form__submit-area{margin-top:80px;text-align:right}@media screen and (max-width: 430px){.form__submit-area{margin-top:40px;text-align:center}}.form__btn{font-family:"Barlow Semi Condensed",sans-serif;font-weight:700;font-size:24px;color:#1b1b1b;text-decoration:none;display:inline-flex;align-items:center;gap:10px;position:relative;transition:color .3s ease;line-height:1;letter-spacing:.04em;background:none;border:none;cursor:pointer;padding:10px 0;font-family:"Barlow Condensed",sans-serif}.form__btn::after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:1px;background-color:#1b1b1b;transition:background-color .3s ease,transform .3s ease;transform-origin:right center}.form__btn::before{display:inline-block;transition:transform .3s cubic-bezier(0.25, 1, 0.5, 1);content:"→";order:1}.form__btn:hover{color:#dfe700}.form__btn:hover::after{background-color:#dfe700;height:2px;transform:scaleX(1.1)}.form__btn:hover::before{transform:translateX(8px)}#bg-canvas{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:-1;pointer-events:none;opacity:0;transition:opacity 1s ease}body.canvas-ready #bg-canvas{opacity:1}.profile__intro,.profile__detail,.works,.skill,.contact,.wrapper,.main{background-color:rgba(0,0,0,0) !important;background:none !important}.skill-detail{width:100%;background-color:rgba(0,0,0,0);color:#1b1b1b;padding-bottom:120px}.skill-detail__inner{width:100%;max-width:1360px;margin:0 auto;position:relative}@media screen and (max-width: 430px){.skill-detail__inner{padding:0 20px}}.skill-detail__inner--cols{display:flex;justify-content:space-between;align-items:flex-start;gap:60px}@media screen and (max-width: 1024px){.skill-detail__inner--cols{flex-direction:column;gap:60px}}.skill-detail__kv{padding:180px 0 69px;border-bottom:1px solid #dcdcdc;margin:0 280px 80px}@media screen and (max-width: 430px){.skill-detail__kv{padding:120px 0 40px;margin-bottom:40px;border-bottom:2px solid #1b1b1b}}.skill-detail__head-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}@media screen and (max-width: 430px){.skill-detail__head-row{margin-bottom:2px}}.skill-detail__cat{font-family:"Barlow",sans-serif;font-size:19px;font-weight:600;letter-spacing:.04em;color:#666}@media screen and (max-width: 430px){.skill-detail__cat{font-size:14px}}.skill-detail__back-link{font-family:"Barlow Semi Condensed",sans-serif;font-weight:700;font-size:19px;color:#666;text-decoration:none;display:inline-flex;align-items:center;gap:10px;position:relative;transition:color .3s ease;line-height:1;letter-spacing:.04em}.skill-detail__back-link::after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:1px;background-color:#666;transition:background-color .3s ease,transform .3s ease;transform-origin:right center}.skill-detail__back-link::before{display:inline-block;transition:transform .3s cubic-bezier(0.25, 1, 0.5, 1);content:"←";order:-1}.skill-detail__back-link:hover{color:#dfe700}.skill-detail__back-link:hover::after{background-color:#dfe700;height:2px;transform:scaleX(1.1)}.skill-detail__back-link:hover::before{transform:translateX(-8px)}@media screen and (max-width: 430px){.skill-detail__back-link{font-size:14px}}.skill-detail__title-container{position:relative;display:flex;justify-content:space-between;align-items:flex-end}@media screen and (max-width: 430px){.skill-detail__title-container{display:block;position:relative}}.skill-detail__ttl{font-family:"Barlow Condensed",sans-serif;font-size:248px;font-weight:700;line-height:.7;text-transform:uppercase;letter-spacing:0;margin-left:-12px}@media screen and (max-width: 1024px){.skill-detail__ttl{font-size:14vw}}@media screen and (max-width: 430px){.skill-detail__ttl{font-size:80px;line-height:.9;margin-left:-4px}}.skill-detail__visualizer{display:flex;gap:8px;align-items:flex-end;height:120px;padding-bottom:20px}@media screen and (max-width: 430px){.skill-detail__visualizer{position:absolute;bottom:5px;right:0;height:60px;gap:4px;padding-bottom:0}}.skill-detail__visualizer .bar{width:16px;background-color:#1b1b1b;animation:equalize 1s infinite ease-in-out}@media screen and (max-width: 430px){.skill-detail__visualizer .bar{width:8px}}.skill-detail__visualizer .bar:nth-child(1){height:40%;animation-duration:.8s}.skill-detail__visualizer .bar:nth-child(2){height:80%;animation-duration:1.1s}.skill-detail__visualizer .bar:nth-child(3){height:50%;animation-duration:.9s}.skill-detail__visualizer .bar:nth-child(4){height:90%;animation-duration:1.2s}.skill-detail__visualizer .bar:nth-child(5){height:30%;animation-duration:.7s}.skill-detail__sidebar{width:332px;flex-shrink:0}@media screen and (max-width: 1024px){.skill-detail__sidebar{width:100%;margin-bottom:40px}}.skill-detail__content{flex-grow:1;width:100%;max-width:860px}@keyframes equalize{0%,100%{height:20%}50%{height:100%}}.skill-side-nav{position:fixed;top:50%;right:0;transform:translate(100%, -50%);z-index:1000;transition:transform .5s cubic-bezier(0.25, 1, 0.5, 1)}.skill-side-nav.is-shown{transform:translate(0, -50%)}@media screen and (max-width: 430px){.skill-side-nav{display:none}}.skill-side-nav ul{display:flex;flex-direction:column;gap:0}.skill-side-nav .nav-item{display:flex;justify-content:center;align-items:center;width:50px;height:110px;padding:0;writing-mode:vertical-rl;text-orientation:sideways;font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:20px;letter-spacing:.1em;color:#fff;text-decoration:none;transition:width .3s cubic-bezier(0.25, 1, 0.5, 1),background-color .3s;margin-left:auto;border-radius:8px 0 0 8px;box-shadow:-5px 5px 15px rgba(0,0,0,.1)}.skill-side-nav .nav-item.nav-music{background-color:#f05}.skill-side-nav .nav-item.nav-movie{background-color:aqua}.skill-side-nav .nav-item.nav-3dcg{background-color:#39ff14}.skill-side-nav .nav-item.nav-ai{background-color:#d200ff}.skill-side-nav .nav-item.nav-web{background-color:#007acc}.skill-side-nav .nav-item:hover{width:70px}.skill-side-nav .nav-item.is-active{width:75px;pointer-events:none;cursor:default;box-shadow:inset 5px 0 10px rgba(0,0,0,.2)}.skill-spec{margin-bottom:60px}@media screen and (max-width: 430px){.skill-spec{margin-bottom:40px}}.skill-spec__ttl{font-family:"Barlow Semi Condensed",sans-serif;font-size:24px;font-weight:700;letter-spacing:.04em;line-height:1;color:#1b1b1b;letter-spacing:0;border-bottom:2px solid #1b1b1b;padding-bottom:10px;margin-bottom:20px}@media screen and (max-width: 430px){.skill-spec__ttl{font-size:20px;margin-bottom:15px}}.skill-spec__list{width:100%}.skill-spec__item{display:flex;justify-content:space-between;align-items:baseline;font-family:"Barlow Semi Condensed",sans-serif;font-size:19px;font-weight:700;letter-spacing:.04em;line-height:2;color:#1b1b1b;letter-spacing:0;margin-bottom:15px;border-bottom:1px solid rgba(27,27,27,.1);padding-bottom:5px;color:#1b1b1b}@media screen and (max-width: 430px){.skill-spec__item{font-size:15px;margin-bottom:12px}}.skill-spec__item dt{width:40%;flex-shrink:0}.skill-spec__item dd{width:60%;text-align:right;font-weight:700}.skill-tracks{margin-bottom:100px}@media screen and (max-width: 430px){.skill-tracks{margin-bottom:60px}}.skill-tracks__head{font-family:"Barlow Semi Condensed",sans-serif;font-size:36px;font-weight:700;letter-spacing:.04em;line-height:1;color:#1b1b1b;letter-spacing:0;margin-bottom:40px}@media screen and (max-width: 430px){.skill-tracks__head{font-size:24px;margin-bottom:20px}}.skill-tracks__list{display:flex;flex-direction:column;gap:20px}@media screen and (max-width: 430px){.skill-tracks__list{gap:15px}}.track-card{background-color:#dcdcdc;padding:30px;display:flex;align-items:center;gap:30px;transition:background-color .3s ease,transform .3s ease}@media screen and (max-width: 430px){.track-card{padding:20px 15px;gap:15px;display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"btn info" "btn vol" "btn time";row-gap:5px;align-items:center}}.track-card:hover{background-color:#e6e6e6}@media(hover: hover){.track-card:hover{transform:translateX(10px)}}.track-card__volume{display:flex;align-items:center;gap:8px;margin-right:20px}@media screen and (max-width: 430px){.track-card__volume{grid-area:vol;margin-right:0}}.track-card__volume .vol-icon{font-family:"Barlow",sans-serif;font-size:12px;font-weight:700;color:#666}.track-card.is-playing{background-color:#1b1b1b}.track-card.is-playing .track-card__play-btn{background-color:#fff;border-color:#fff}.track-card.is-playing .track-card__play-btn .icon-play{width:14px;height:18px;border-style:solid;border-width:0 4px;border-color:#1b1b1b;background-color:rgba(0,0,0,0);margin-left:0}.track-card.is-playing .track-card__ttl,.track-card.is-playing .track-card__genre,.track-card.is-playing .track-card__time{color:#fff}.track-card.is-playing .track-card__wave span{background-color:#fff;animation-play-state:running}.track-card.is-playing .track-card__volume .vol-icon{color:#fff}.track-card.is-playing .js-volume-slider{background:#555}.track-card.is-playing .js-volume-slider::-webkit-slider-thumb{background:#fff}.track-card.is-playing .js-volume-slider::-moz-range-thumb{background:#fff}.track-card__play-btn{grid-area:btn;width:60px;height:60px;border-radius:50%;background-color:#1b1b1b;border:2px solid #1b1b1b;display:flex;justify-content:center;align-items:center;cursor:pointer;flex-shrink:0;transition:all .3s ease}@media screen and (max-width: 430px){.track-card__play-btn{width:50px;height:50px}}.track-card__play-btn .icon-play{display:block;box-sizing:border-box;width:0;height:0;border-style:solid;border-width:10px 0 10px 16px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff;transition:all .2s ease;margin-left:4px}@media screen and (max-width: 430px){.track-card__play-btn .icon-play{border-width:8px 0 8px 12px;margin-left:3px}}.track-card__play-btn:hover{opacity:.8}.track-card__info{grid-area:info;flex-grow:1;overflow:hidden}.track-card__ttl{font-family:"Barlow Semi Condensed",sans-serif;font-size:28px;font-weight:700;letter-spacing:.04em;line-height:1;color:#1b1b1b;margin-bottom:5px;transition:color .3s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width: 430px){.track-card__ttl{font-size:20px;margin-bottom:2px}}.track-card__genre{font-family:"Barlow Condensed",sans-serif;font-size:14px;color:#666;transition:color .3s ease}@media screen and (max-width: 430px){.track-card__genre{font-size:12px}}.track-card__wave{display:flex;align-items:center;gap:3px;height:40px;width:120px}@media screen and (max-width: 430px){.track-card__wave{display:none}}.track-card__wave span{display:block;width:4px;height:100%;background-color:#999;border-radius:2px;animation:waveMotion 1s infinite ease-in-out;animation-play-state:paused}.track-card__wave span:nth-child(1){height:34%;animation-duration:.9s}.track-card__wave span:nth-child(2){height:57%;animation-duration:.7s}.track-card__wave span:nth-child(3){height:93%;animation-duration:1s}.track-card__wave span:nth-child(4){height:45%;animation-duration:.9s}.track-card__wave span:nth-child(5){height:21%;animation-duration:1s}.track-card__wave span:nth-child(6){height:26%;animation-duration:1s}.track-card__wave span:nth-child(7){height:86%;animation-duration:.6s}.track-card__wave span:nth-child(8){height:40%;animation-duration:.7s}.track-card__wave span:nth-child(9){height:71%;animation-duration:.8s}.track-card__wave span:nth-child(10){height:47%;animation-duration:.7s}.track-card__wave span:nth-child(11){height:61%;animation-duration:.9s}.track-card__wave span:nth-child(12){height:83%;animation-duration:.6s}.track-card__wave span:nth-child(13){height:83%;animation-duration:.8s}.track-card__wave span:nth-child(14){height:52%;animation-duration:.6s}.track-card__wave span:nth-child(15){height:84%;animation-duration:.6s}.track-card__wave span:nth-child(16){height:77%;animation-duration:.6s}.track-card__time{grid-area:time;font-family:"Barlow Condensed",sans-serif;font-size:16px;font-weight:500;color:#1b1b1b;transition:color .3s ease}@media screen and (max-width: 430px){.track-card__time{font-size:14px;text-align:left;padding:0;border:none}}.js-volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:80px;height:4px;background:#999;border-radius:2px;outline:none;cursor:pointer;transition:background .3s}@media screen and (max-width: 430px){.js-volume-slider{width:100px}}.js-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#1b1b1b;cursor:pointer;border:none;-webkit-transition:transform .1s;transition:transform .1s}.js-volume-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#1b1b1b;cursor:pointer;border:none}@keyframes waveMotion{0%,100%{transform:scaleY(0.5)}50%{transform:scaleY(1)}}.skill-philo__head{font-family:"Barlow Semi Condensed",sans-serif;font-size:32px;font-weight:700;letter-spacing:.04em;line-height:1;color:#1b1b1b;margin-bottom:30px}@media screen and (max-width: 430px){.skill-philo__head{font-size:24px;margin-bottom:20px}}.skill-philo__text{font-family:"IBM Plex Sans JP",sans-serif;font-size:16px;font-weight:500;letter-spacing:.01em;line-height:2;color:#1b1b1b}@media screen and (max-width: 430px){.skill-philo__text{font-size:14px;line-height:1.8;font-weight:700}}.skill-philo__text p+p{margin-top:24px}.skill-detail__rec-area{display:flex;flex-direction:column;align-items:flex-end;padding-bottom:20px}@media screen and (max-width: 430px){.skill-detail__rec-area{position:static;margin-top:10px;padding-bottom:0;align-items:flex-start}}.rec-mark{font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:24px;color:#e60012;margin-bottom:5px;animation:blink 2s infinite}.rec-mark::before{content:"●";margin-right:8px;font-size:.8em;vertical-align:middle}@media screen and (max-width: 430px){.rec-mark{font-size:16px}}.timecode{font-family:"Roboto Mono",monospace;font-size:64px;line-height:1;color:#1b1b1b;letter-spacing:-0.05em}@media screen and (max-width: 430px){.timecode{font-size:32px}}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}.timeline-ruler{display:flex;justify-content:space-between;border-bottom:1px solid #666;padding-bottom:8px;margin-bottom:40px;color:#666;font-family:"Roboto Mono",monospace;font-size:14px;width:100%}@media screen and (max-width: 430px){.timeline-ruler{font-size:10px;margin-bottom:20px}}.timeline-ruler__mark{display:flex;flex-direction:column;align-items:center;position:relative}.timeline-ruler__mark span{margin-bottom:5px}.timeline-ruler__mark i{display:block;width:1px;height:4px;background-color:#666;position:absolute;bottom:-8px}.timeline-ruler__mark i:nth-child(2){left:25%;height:2px}.timeline-ruler__mark i:nth-child(3){left:50%;height:2px}.timeline-ruler__mark i:nth-child(4){left:75%;height:2px}.skill-videos{display:flex;flex-direction:column;gap:60px;margin-bottom:100px}@media screen and (max-width: 430px){.skill-videos{gap:40px;margin-bottom:60px}}.video-card{width:100%}.video-card.is-playing .video-card__play-icon{opacity:0;pointer-events:none}.video-card__thumb{width:100%;aspect-ratio:16/9;background-color:#000;position:relative;overflow:hidden;margin-bottom:15px;cursor:pointer}.video-card__thumb:hover .video-card__play-icon{background-color:hsla(0,0%,100%,.2);border-color:#fff;transform:translate(-50%, -50%) scale(1.1)}.video-card__thumb video{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.video-card__play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:80px;height:80px;border:2px solid rgba(27,27,27,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:.3s ease;z-index:2;pointer-events:none}.video-card__play-icon::after{content:"";border-style:solid;border-width:10px 0 10px 16px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #1b1b1b;margin-left:4px}@media screen and (max-width: 430px){.video-card__play-icon{width:50px;height:50px;border-width:1.5px}.video-card__play-icon::after{border-width:7px 0 7px 11px;margin-left:3px}}.video-card__seek-container{width:100%;height:12px;background-color:#eee;position:relative;margin-bottom:20px;cursor:pointer;overflow:hidden}@media screen and (max-width: 430px){.video-card__seek-container{margin-bottom:15px}}.video-card__seek-bar{position:absolute;top:0;left:0;height:100%;width:0%;background-color:#666;pointer-events:none;transition:width .1s linear}.video-card__info{display:flex;justify-content:space-between;align-items:flex-end}.video-card__text{flex-grow:1;padding-right:20px}.video-card__ttl{font-family:"Barlow Semi Condensed",sans-serif;font-size:28px;font-weight:700;letter-spacing:.04em;line-height:1;color:#1b1b1b;line-height:1.2;margin-bottom:5px}@media screen and (max-width: 430px){.video-card__ttl{font-size:20px}}.video-card__sub{font-family:"Barlow Condensed",sans-serif;font-size:14px;color:#666}@media screen and (max-width: 430px){.video-card__sub{font-size:12px}}.video-card__time{font-family:"Roboto Mono",monospace;font-size:16px;color:#1b1b1b;border:1px solid #1b1b1b;padding:4px 8px;line-height:1;min-width:60px;text-align:center;flex-shrink:0}@media screen and (max-width: 430px){.video-card__time{font-size:14px}}.viewport-grid{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0, 0, 0, 0.03) 1px, transparent 1px),linear-gradient(90deg, rgba(0, 0, 0, 0.03) 1px, transparent 1px);background-size:40px 40px;z-index:-2;pointer-events:none}.cube-wrapper{position:absolute;right:15%;bottom:20px;width:200px;height:200px;z-index:1}@media screen and (max-width: 430px){.cube-wrapper{right:0;bottom:0;transform:scale(0.6);transform-origin:bottom right}}.cube-scene{width:200px;height:200px;perspective:600px}.cube{width:100%;height:100%;position:relative;transform-style:preserve-3d;animation:rotateCube 12s infinite linear}.cube__face{position:absolute;width:200px;height:200px;border:2px solid #dcdcdc;background-color:hsla(0,0%,100%,.4);display:flex;align-items:center;justify-content:center;font-family:"Roboto Mono",monospace;font-size:14px;color:#666;backface-visibility:visible}.cube__face--front{transform:rotateY(0deg) translateZ(100px)}.cube__face--back{transform:rotateY(180deg) translateZ(100px)}.cube__face--right{transform:rotateY(90deg) translateZ(100px)}.cube__face--left{transform:rotateY(-90deg) translateZ(100px)}.cube__face--top{transform:rotateX(90deg) translateZ(100px)}.cube__face--bottom{transform:rotateX(-90deg) translateZ(100px)}@keyframes rotateCube{0%{transform:rotateX(-20deg) rotateY(0deg)}100%{transform:rotateX(-20deg) rotateY(360deg)}}.skill-models{display:flex;flex-direction:column;gap:60px;margin-bottom:100px}@media screen and (max-width: 430px){.skill-models{gap:40px;margin-bottom:60px}}.model-card{width:100%;background-color:#dcdcdc}.model-card:hover .model-card__viewport img{transform:scale(1.02);opacity:1}.model-card__viewport{position:relative;width:100%;aspect-ratio:16/9;background-color:#000;overflow:hidden;border:1px solid #444}.model-card__viewport img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.9;transition:opacity .3s,transform .5s ease;display:block}.model-card__viewport .model-card____placeholder{width:100%;height:100%;background-color:#000;position:relative}.model-card__viewport spline-viewer{width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:1}.model-card .vp-ui-tl,.model-card .vp-ui-tr{position:absolute;top:15px;color:hsla(0,0%,100%,.7);font-family:"Roboto Mono",monospace;font-size:12px;line-height:1.4;pointer-events:none;z-index:2}@media screen and (max-width: 430px){.model-card .vp-ui-tl,.model-card .vp-ui-tr{font-size:10px;top:10px}}.model-card .vp-ui-tl{left:15px}@media screen and (max-width: 430px){.model-card .vp-ui-tl{left:10px}}.model-card .vp-ui-tr{right:15px;text-align:right}@media screen and (max-width: 430px){.model-card .vp-ui-tr{right:10px}}.model-card .corner-mark{position:absolute;width:15px;height:15px;border-color:hsla(0,0%,100%,.5);border-style:solid;pointer-events:none;z-index:2}.model-card .cm-tl{top:0;left:0;border-width:4px 0 0 4px}.model-card .cm-tr{top:0;right:0;border-width:4px 4px 0 0}.model-card .cm-bl{bottom:0;left:0;border-width:0 0 4px 4px}.model-card .cm-br{bottom:0;right:0;border-width:0 4px 4px 0}.model-card__info{padding:25px 30px 30px}@media screen and (max-width: 430px){.model-card__info{padding:20px}}.model-card__ttl{font-family:"Barlow Semi Condensed",sans-serif;font-size:28px;font-weight:700;letter-spacing:.04em;line-height:1;color:#1b1b1b;margin-bottom:5px;line-height:1.2}@media screen and (max-width: 430px){.model-card__ttl{font-size:20px}}.model-card__desc{font-family:"Barlow Condensed",sans-serif;font-size:14px;color:#666;margin-bottom:20px}@media screen and (max-width: 430px){.model-card__desc{font-size:12px;margin-bottom:15px}}.model-card__specs{display:flex;gap:20px;font-family:"Roboto Mono",monospace;font-size:12px;color:#666;border-top:1px solid rgba(27,27,27,.1);padding-top:15px}@media screen and (max-width: 430px){.model-card__specs{gap:10px;font-size:10px;flex-wrap:wrap}}.model-card__specs span{display:inline-block}.model-card__specs span::before{content:"•";margin-right:5px;color:rgba(27,27,27,.3)}.model-card__specs span:first-child::before{display:none}.noise-bg{position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(#ccc 1px, transparent 1px);background-size:20px 20px;opacity:.5;z-index:-2;pointer-events:none}.ai-console{position:absolute;right:0;bottom:0;width:420px;background-color:#fff;border:1px solid #ddd;box-shadow:0 10px 40px rgba(0,0,0,.08);padding:20px;font-family:"Roboto Mono",monospace;z-index:1}@media screen and (max-width: 430px){.ai-console{position:relative;width:100%;margin-top:20px;bottom:auto;right:auto}}.ai-console__header{display:flex;gap:6px;margin-bottom:15px;opacity:.6}.ai-console__header .dot{width:10px;height:10px;border-radius:50%;background-color:#ccc}.ai-console__body{font-size:14px;line-height:1.6;color:#333;min-height:60px}.ai-console__prefix{color:#999;display:block;margin-bottom:5px}.ai-console__text{display:inline}.ai-console__text::after{content:"|";animation:blinkCursor 1s infinite;margin-left:2px;color:#1b1b1b}@keyframes blinkCursor{0%,100%{opacity:1}50%{opacity:0}}.skill-gen-list{display:flex;flex-direction:column;gap:80px;margin-bottom:100px}@media screen and (max-width: 430px){.skill-gen-list{gap:60px;margin-bottom:60px}}.gen-card{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}@media screen and (max-width: 430px){.gen-card{grid-template-columns:1fr;gap:20px}}.gen-card:hover .gen-card__prompt-box{box-shadow:0 0 20px rgba(0,255,0,.2);border-color:lime}.gen-card:hover .gen-card__noise{opacity:0}.gen-card__prompt-box{background-color:#1b1b1b;color:lime;padding:30px;font-family:"Roboto Mono",monospace;font-size:14px;line-height:1.8;position:relative;min-height:300px;border:1px solid #1b1b1b;transition:box-shadow .3s ease,border-color .3s ease;display:flex;flex-direction:column;justify-content:center}@media screen and (max-width: 430px){.gen-card__prompt-box{min-height:auto;padding:20px}}.gen-card__prompt-box::before{content:"> /imagine prompt:";display:block;margin-bottom:15px;color:hsla(0,0%,100%,.6);font-size:12px}.gen-card__prompt-text{word-break:break-all}.gen-card__prompt-text .highlight{color:#fff;font-weight:700;border-bottom:1px dashed hsla(0,0%,100%,.5)}.gen-card__image-box{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;background-color:#000}.gen-card__placeholder{width:100%;height:100%}.gen-card__placeholder img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.gen-card__noise{position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-radial-gradient(circle at 50% 50%, transparent 0, transparent 2px, #000 3px, transparent 4px),repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.4) 1px, transparent 2px, transparent 4px);background-size:4px 4px,10px 10px;mix-blend-mode:overlay;opacity:.8;transition:opacity .5s ease;z-index:2;background-color:rgba(100,100,100,.3);filter:contrast(1.5) brightness(0.8)}.gen-card__meta{grid-column:1/3;display:flex;justify-content:space-between;border-top:1px solid #dcdcdc;padding-top:15px;margin-top:-10px}@media screen and (max-width: 430px){.gen-card__meta{grid-column:1/2;flex-direction:column;gap:5px;margin-top:0}}.gen-card__meta-item{font-family:"Barlow Condensed",sans-serif;font-size:16px;font-weight:700;color:#1b1b1b;letter-spacing:.05em}@media screen and (max-width: 430px){.gen-card__meta-item{font-size:14px}}.bg-ruler-top{position:fixed;top:0;left:0;width:100%;height:20px;background-image:linear-gradient(90deg, #ccc 1px, transparent 1px);background-size:50px 100%;border-bottom:1px solid #ddd;z-index:-2;opacity:.5;pointer-events:none}.bg-ruler-left{position:fixed;top:0;left:0;width:20px;height:100%;background-image:linear-gradient(#ccc 1px, transparent 1px);background-size:100% 50px;border-right:1px solid #ddd;z-index:-2;opacity:.5;pointer-events:none}@media screen and (max-width: 430px){.bg-ruler-left{display:none}}.bg-tag{position:fixed;font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:20vw;color:rgba(0,0,0,.02);z-index:-3;pointer-events:none;white-space:nowrap;line-height:1}.bg-tag--1{top:15%;right:-5%}.bg-tag--2{bottom:10%;left:-5%}@media screen and (max-width: 430px){.bg-tag{display:none}}.web-monitor{position:absolute;right:0;bottom:0;background:#fff;border:1px solid #1b1b1b;padding:20px;font-family:"Roboto Mono",monospace;font-size:14px;min-width:250px;box-shadow:10px 10px 0 rgba(0,0,0,.1);z-index:1}@media screen and (max-width: 430px){.web-monitor{position:relative;width:100%;margin-top:20px;bottom:auto;right:auto;box-shadow:5px 5px 0 rgba(0,0,0,.1)}}.web-monitor__row{display:flex;justify-content:space-between;border-bottom:1px solid #eee;padding:8px 0}.web-monitor__row:last-child{border-bottom:none}.web-monitor__row .label{color:#666}.web-monitor__row .val{color:#007acc;font-weight:700}.web-monitor__row .status-active{color:#27c93f}.cursor-blink{display:inline-block;width:8px;height:14px;background:#27c93f;animation:blinkCursor 1s infinite;vertical-align:middle;margin-left:5px}.tech-list{display:flex;flex-direction:column;gap:40px;margin-bottom:100px}@media screen and (max-width: 430px){.tech-list{gap:30px;margin-bottom:60px}}.tech-card{background:#fff;border:1px solid #dcdcdc;padding:40px;transition:all .3s ease;position:relative;overflow:hidden}@media screen and (max-width: 430px){.tech-card{padding:25px 20px}}.tech-card:hover{border-color:#007acc;box-shadow:0 5px 20px rgba(0,122,204,.1)}.tech-card:hover .tech-card__icon{color:#007acc;transform:scale(1.1)}.tech-card__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid #eee;padding-bottom:15px}.tech-card__ttl{font-family:"Barlow Semi Condensed",sans-serif;font-size:24px;font-weight:700;letter-spacing:.04em;line-height:1;color:#1b1b1b;letter-spacing:0}@media screen and (max-width: 430px){.tech-card__ttl{font-size:20px}}.tech-card__icon{font-family:"Roboto Mono",monospace;font-weight:700;font-size:16px;color:#dcdcdc;transition:all .3s ease}.tech-card__desc{font-family:"IBM Plex Sans JP",sans-serif;font-size:15px;font-weight:500;letter-spacing:.01em;line-height:1.8;color:#1b1b1b;margin-bottom:25px;color:#333}.tech-card__tags{display:flex;flex-wrap:wrap;gap:10px}.tech-card__tags span{font-family:"Roboto Mono",monospace;font-size:12px;color:#007acc;background:rgba(0,122,204,.08);padding:4px 10px;border-radius:2px}.pc-only{display:block}.sp-only{display:none}@media screen and (max-width: 430px){.pc-only{display:none}.sp-only{display:block}}/*# sourceMappingURL=style.css.map */