html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button{cursor:pointer;background-color:#0000;border:0}a{color:inherit;cursor:pointer;text-decoration:none}
:root{--background:#fff;--foreground:#000;--text-highlight:#fffce1;--text-primary:#fff;--text-secondary:#666;--container-width:1400px;--container-wide-width:1400px;--container-medium-width:1200px;--container-narrow-width:1024px;--color-white:#fff;--color-gray-dark:#292929;--color-gray:silver;--gradient-primary:linear-gradient(135deg,#ffd49c 0%,#7a87fb 100%)}.nav{background:linear-gradient(#111,#111)padding-box,var(--gradient-primary)border-box;border:1px solid #0000;border-radius:50px}.nav__list{gap:.375em;margin:.25em;display:flex}.nav__item{background-color:var(--color-gray-dark);cursor:pointer;border-radius:50px;padding:.5em 1em}.visual{z-index:1}.visual__inner{background-color:var(--foreground)}.visual__text{color:var(--text-color,#fff);z-index:1}.visual__text-row{flex-wrap:wrap;display:flex;position:relative}.visual__word{text-transform:capitalize;display:inline-block}.visual__text-with-icon{align-items:baseline;display:inline-flex;position:relative}.visual__icon{width:0;height:0;position:absolute}.visual__icon:after{content:"";aspect-ratio:1;pointer-events:none;z-index:-1;background:50%/contain no-repeat;position:absolute;top:0;left:0}.footer__inner{background-color:#151515}.footer__container{justify-content:space-between;align-items:center;padding-block:2.5em;display:flex}.footer__address{gap:1em;display:flex}.footer__contact-label{color:var(--color-gray);margin-right:.3em;font-weight:600;display:inline-block}.footer__copy{color:var(--color-gray)}.footer__meta{flex-direction:column;gap:.3em;display:flex}@media screen and (max-width:768px){.footer__container{flex-direction:column;align-items:flex-start;gap:1em}.footer__address{flex-direction:column;gap:0}}
::-webkit-scrollbar{background:#dfdfdf;width:5px;height:5px}::-webkit-scrollbar-thumb{background:var(--scrollbar-color)}.container{width:clamp(290px,calc(100% - 100px),var(--container-width));margin:0 auto;position:relative}.container--wide{--container-width:var(--container-wide-width)}.container--medium{--container-width:var(--container-medium-width)}.container--narrow{--container-width:var(--container-narrow-width)}@media screen and (max-width:1024px){.container{width:min(100% - 48px,768px)}}.btn-base{--btn-bg:var(--color-gray-dark);--btn-text:silver;--btn-border:#444;background-color:var(--btn-bg);color:var(--btn-text);border:1px solid var(--btn-border,currentColor);cursor:pointer;border-radius:.4em;align-items:center;padding-inline:.7em;font-size:1rem;display:flex}.btn-base:has(svg){padding-inline:.7em 0}.btn-base__icon{justify-content:center;align-items:center;width:2.5rem;height:100%;display:flex}.btn-base__text{padding-block:.5em;font-weight:500}.btn-base:has(svg) .btn-base__text{border-right:1px solid var(--btn-border,currentColor);padding-right:.7em}.btn-base.primary{--btn-border:#a5aeff;--btn-bg:#7a87fb;--btn-text:#fff}.btn-line{background:linear-gradient(#111,#111)padding-box,var(--gradient-primary)border-box;color:var(--btn-text);border:1px solid #0000;border-radius:50px;display:flex}.btn-base.btn-line:has(svg) .btn-base__text{border-right:0;margin:.25em}.btn-base.btn-line:has(svg){padding-inline:0 .7em}.btn-back{z-index:5;position:absolute;top:40px}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-4xl{font-size:clamp(2rem,2.7778vw,2.5rem)}.text-5xl{font-size:clamp(2.5rem,3.3333vw,3rem)}.text-visual{letter-spacing:-.01em;font-size:clamp(3rem,6.9vw,6.875rem);font-weight:600;line-height:1}.text-highlight{--text-color:var(--text-highlight)}.sound-only{clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.text-mask{padding-bottom:.15em;overflow:hidden}.br-pc{display:block}.br-tab,.br-mo{display:none}.img-cover{position:relative}.img-cover img{object-fit:cover;position:absolute;inset:0}.icon{justify-content:center;align-items:center;display:flex}.sc{background-color:#000;position:relative}.sc__inner{min-height:100svh}.sc__title{letter-spacing:-.01em;gap:.25em;font-size:2.5rem;display:flex}.sc__title-icon{align-items:center;display:flex}.sticky__wrap{min-height:120vh;position:relative}.sticky__pin{flex-direction:column;justify-content:center;height:100vh;display:flex;position:sticky;top:0}@media screen and (max-width:1024px){.br-pc{display:none}.br-tab{display:block}.text-visual{font-size:9vw}}@media screen and (max-width:600px){.br-pc,.br-tab{display:none}.br-mo{display:block}.text-visual{font-size:12vw}.sc__title{margin-top:1.25em}}
html,body{max-width:100vw}@media (max-width:1024px){html{font-size:15px}}@media (max-width:768px){html{font-size:14px}}body{color:var(--color-white);background:var(--background);font-family:var(--font-poppins),system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-numeric:tabular-nums;word-break:keep-all;overflow-wrap:break-word;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}.video{z-index:1;width:100%;height:100vh;position:relative;top:0}.video__inner{flex-direction:column;display:flex}.video__container{z-index:1;flex-grow:1;width:100%;height:100%;position:relative}.video__container video{object-fit:cover;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video__title{font-size:2.25rem;font-weight:700}.video__title-container{mix-blend-mode:difference;z-index:5;color:#fff;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-100%)}.video__more{color:var(--color-white);cursor:pointer;z-index:5;background-color:#0000;border:none;font-size:clamp(1rem,.8vw,1.6rem);font-weight:600;text-decoration:underline;position:absolute;bottom:2.75rem;left:50%;transform:translate(-50%)translateY(50%)}.header{z-index:10;width:100%;transition:all .5s;position:fixed;top:5%}.header.active{transform:translateY(calc(-105% - 48px))}.header__inner{color:#fff;justify-content:center;align-items:center;height:48px;display:flex}.header__logo{position:absolute;left:0}.header__nav-list{display:flex}.header__nav-item{flex-direction:row;align-items:stretch;gap:0;height:100%;display:flex}.header__nav-item-link{display:flex}.header__nav-item.nav__item:not(:first-of-type){background-color:#0000}.ticker{width:100%;position:absolute;bottom:0;overflow:hidden}.ticker__inner{border-block:1px solid #ffffff40;width:200%;height:70px;display:flex}.ticker__item{white-space:nowrap;flex:0 0 12.5%;justify-content:center;align-items:center;padding-inline:1.5em;display:flex;position:relative}.ticker__item:after{content:"";background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.8572 0H11.1429V9.93067L4.12081 2.90862L2.90863 4.12081L9.93067 11.1429H0V12.8572H9.93066L2.90863 19.8792L4.12081 21.0913L11.1429 14.0693V24H12.8572V14.0693L19.8792 21.0913L21.0913 19.8792L14.0693 12.8572H24V11.1429H14.0693L21.0913 4.1208L19.8792 2.90862L12.8572 9.93066V0Z' fill='url(%23paint0_linear_1_86)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1_86' x1='23.9044' y1='10.4389' x2='0.0864411' y2='10.6194' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%237A87FB'/%3E%3Cstop offset='1' stop-color='%23FFD49C'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;flex-shrink:0;width:24px;height:24px;display:inline-block;position:absolute;right:0;transform:translate(50%)}.about__header{flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:4em;display:flex}.about__title{margin-top:1.25em}.about__body{font-family:var(--font-noto);color:var(--color-gray);flex-wrap:wrap-reverse;justify-content:space-between;align-items:center;display:flex}.about__content{border-block:1px solid var(--color-gray-dark);margin-top:2.5em;padding:3.75em 2.625em}.about__text{line-height:1.6}.about__tool-list{flex-flow:wrap;justify-content:stretch;align-items:center;gap:max(.4rem,.625vw);margin-block:2em;line-height:1;display:flex;overflow:hidden}.about__tool-item{filter:grayscale();width:clamp(3rem,2.08vw,6rem);overflow:hidden}.about__name{color:var(--color-white);margin-bottom:.3333em;font-size:2.25rem;font-weight:600}.about__cta-group{gap:.8em;display:flex}.about__avatar{aspect-ratio:1;background-color:var(--color-gray-dark);border:1px solid #3f3e3e;border-radius:50%;justify-content:center;align-items:center;width:clamp(130px,12.5vw,180px);display:flex;position:relative}.about__status{position:relative}.about__status:before{content:"";background-color:#7fff00;border-radius:50%;width:.5em;height:.5em;display:inline-block;transform:translateY(0%)translate(-100%)}@media (hover:hover){.about__tool-item:hover{filter:grayscale(0)}}@media screen and (max-width:1024px){.about__body{gap:2em}}@media screen and (max-width:768px){.about__header{gap:.5em}.about__content{padding:1.5em 0}.about__inner.sticky__pin{height:auto}}@media (max-width:480px){.about__status{left:3%}}.project__inner{padding-bottom:6.25em}.project__title-container{padding-top:2.5em}.project__container{flex-direction:column;height:100%;display:flex}.project__card-item{cursor:pointer;border-radius:.5rem;overflow:hidden}.project__card-image{aspect-ratio:390/250}.project__card-list{background-color:var(--foreground)}.project__card-column{grid-template-columns:repeat(3,1fr);align-items:start;gap:1.5em;display:grid}.project__card-info{background-color:#151515;padding:2em 1em}.project__card-name{-webkit-line-clamp:1;-webkit-box-orient:vertical;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.project__card-sub{font-family:var(--font-noto);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-block:.5em;font-weight:700;display:-webkit-box;overflow:hidden}.project__card-tool{font-family:var(--font-poppins);gap:.25em;margin-top:.2em;display:flex}.project__card-tag-list{font-family:var(--font-noto);flex-wrap:wrap;font-weight:600;display:flex}.project__card-role .project__card-tag-value{position:relative;top:.5px}.project__card-item.uiux .img-cover img{object-fit:contain}@media screen and (max-width:1024px){.project__card-column{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.project__card-column{grid-template-columns:repeat(1,1fr)}}.visual-intro .visual__text-row:first-child .visual__icon:after{background-image:url(/helix.png);width:clamp(60px,9vw,120px);transform:translateY(-65%)}.visual-intro .visual__text-row:nth-child(2) .visual__icon:after{background-image:url(/spheres.png);width:clamp(45px,9vw,90px);transform:translateY(-60%)}.visual-intro .visual__text-row:nth-child(3) .visual__icon:after{background-image:url(/pill.png);width:clamp(45px,9vw,90px);transform:translate(-50%)translateY(35%)}.visual-closing .visual__inner{padding-block:6.25em}.visual-closing .visual__icon{right:0}.visual-closing .visual__text-row:nth-child(2){position:relative;top:-.5rem}.visual-closing .visual__text-row:first-child .visual__icon:after{background-image:url(/dizzy.png);width:clamp(50px,9vw,80px);transform:translateY(-20%)}@media screen and (max-width:768px){.visual-closing .visual__text-row:nth-child(2){top:-.1em}}.showcase__slider{min-width:60%}.showcase__track{flex-direction:column;align-items:center;gap:clamp(24px,6.9444vw,100px);display:flex}.showcase__slide{background-color:#000;width:100%;height:auto}.showcase__media>img{height:auto!important}.showcase__media{aspect-ratio:1032/668;width:100%;position:relative}.showcase__name{color:var(--text-primary);margin-bottom:1em;font-weight:600;line-height:1.3}.showcase__name>span{white-space:nowrap}.showcase__body{gap:clamp(16px,3.3vw,48px);padding-bottom:50vh;display:flex;position:relative}.showcase__actions{flex-direction:column;gap:.75em;display:flex}.showcase__trigger{color:var(--text-primary);flex:none;gap:.5em;width:fit-content;font-size:1rem;font-weight:600;display:inline-flex}.showcase__desc{padding-block:.75em;font-size:.9375rem;line-height:1.6}@media (max-width:768px){.showcase__body{flex-direction:column-reverse}}.uiux__inner.sc__inner{min-height:auto;padding-bottom:6.25em}.uiux .project__card-list{margin-top:2.5em}