.about{transition:color 1s ease}.about.is-visible{color:var(--color-000)}.about .o-background{background-image:url(/uiux-team/assets/images/about_bg.jpg)}.about-title{position:sticky;top:10lvh;z-index:1;color:var(--color-200);mix-blend-mode:exclusion;opacity:0;transition:opacity .3s ease,filter .3s ease}.about-title.is-visible{opacity:1}@media only screen and (min-width: 640px){.about-title{top:5dvh}}.is-visible .about-title{pointer-events:none;filter:blur(5px)}@media only screen and (min-width: 640px){.is-visible .about-title{filter:blur(6px)}}.about-lead_item{font-size:5.6vw;opacity:0;transform:translateY(30px);transition:opacity 1s ease,transform 1s ease}.about-lead_item>span{position:relative;display:inline-block;font-size:1.4em;line-height:1}.about-lead_item>span:after{position:absolute;bottom:-.1em;left:0;display:block;width:0;height:.3em;content:"";background-color:var(--color-secondary);mix-blend-mode:color-dodge;transition:width .6s ease .5s}@media only screen and (min-width: 640px){.about-lead_item{font-size:3.2vw}.about-lead_item>span{font-size:2em}}@media only screen and (min-width: 1440px){.about-lead_item{font-size:46px}}.about-lead_item.is-visible{opacity:1;transform:translateY(0)}.about-lead_item.is-visible>span:after{width:100%}.is-visible .about-lead_item{mix-blend-mode:exclusion}.about-button{opacity:0;transition:opacity .3s ease}.about-button.is-visible{opacity:1}.talents{overflow:hidden}.talents-title{text-align:left;opacity:0;transform:translate(-5vw);transition:opacity .3s cubic-bezier(.19,.8,.25,1),transform .6s cubic-bezier(.19,.8,.25,1) .3s}.talents-title>span{display:inline-block;transform:translate(-.15em)}@media only screen and (min-width: 640px){.talents-title{color:var(--color-200);mix-blend-mode:exclusion}}.is-visible .talents-title{opacity:1;transform:translate(0)}.talents-scroll-container{width:100%;padding:0 var(--gutter-sm);margin-top:-1.75em;overflow-x:auto;overflow-y:hidden;scrollbar-color:rgba(0,0,0,.3) transparent;scrollbar-width:thin;opacity:0;transform:translate(5vw);transition:opacity .3s cubic-bezier(.19,.8,.25,1),transform .6s cubic-bezier(.19,.8,.25,1) .3s;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.talents-scroll-container::-webkit-scrollbar{height:6px}.talents-scroll-container::-webkit-scrollbar-track{background:transparent}.talents-scroll-container::-webkit-scrollbar-thumb{background-color:var(--color-300);border-radius:3px}.talents-scroll-container::-webkit-scrollbar-thumb:hover{background-color:var(--color-100)}@media only screen and (min-width: 640px){.talents-scroll-container{padding:0 max(var(--gutter-md),calc((100vw - var(--width-content-max)) / 2));margin-top:-6vmin}}.is-visible .talents-scroll-container{opacity:1;transform:translate(0)}.talents-grid{display:grid;grid-auto-columns:240px;grid-auto-flow:column;width:-moz-max-content;width:max-content;min-width:100%;padding-bottom:var(--gutter-sm)}@media only screen and (min-width: 640px){.talents-grid{grid-auto-columns:440px}}.talents-item{position:relative;width:240px;padding:var(--gutter-sm)}.talents-item .material-icons-round{position:absolute;top:20px;right:20px}@media only screen and (min-width: 640px){.talents-item{width:440px;padding:var(--gutter-base)}.talents-item>.material-icons-round{top:30px;right:30px}}.talents-item_image{width:140px;height:auto;margin:0 auto;overflow:hidden;border-radius:50%}@media only screen and (min-width: 640px){.talents-item_image{width:240px}}.talents-item_name{font-family:var(--font-family-secondary);font-size:var(--font-size-md);font-weight:700}@media only screen and (min-width: 640px){.talents-item_name{font-size:var(--font-size-lg)}}.talents-item_post{font-size:var(--font-size-xs);font-weight:700}@media only screen and (min-width: 640px){.talents-item_post{font-size:var(--font-size-base)}}.talents-item_text{margin-top:var(--gutter-xs);font-size:var(--font-size-sm)}@media only screen and (min-width: 640px){.talents-item_text{font-size:var(--font-size-base);line-height:2}}.talents-button{opacity:0;transition:opacity .3s ease}.talents-button.is-visible{opacity:1}.works .o-background{background-image:url(/uiux-team/assets/images/works_bg.jpg)}.works-title{position:sticky;top:6lvh;z-index:1;overflow:hidden;color:var(--color-200);text-align:right;mix-blend-mode:exclusion;transition:opacity .3s ease,filter .3s ease}.works-title>span{display:inline-block;transform:translate(5vw);transition:transform .6s cubic-bezier(.19,.8,.25,1) .3s}@media only screen and (min-width: 640px){.works-title{top:3dvh}}.is-visible .works-title{color:var(--color-000);pointer-events:none;opacity:1;filter:blur(3px)}@media only screen and (min-width: 640px){.is-visible .works-title{filter:blur(6px)}}.is-visible .works-title>span{transform:translate(.15em)}.works-item{margin-top:3lvh;opacity:0;transform:translateY(20px);transition:opacity 1s ease,transform 1s ease}.works-item:nth-child(7),.works-item:nth-child(8),.works-item:nth-child(9){display:none}@media only screen and (min-width: 640px){.works-item:nth-child(2){transition-delay:.1s}.works-item:nth-child(3){transition-delay:.2s}.works-item:nth-child(4){transition-delay:.3s}.works-item:nth-child(5){transition-delay:.4s}.works-item:nth-child(6){transition-delay:.5s}.works-item:nth-child(7){transition-delay:.6s}.works-item:nth-child(8){transition-delay:.7s}.works-item:nth-child(9){transition-delay:.8s}.works-item:nth-child(7),.works-item:nth-child(8),.works-item:nth-child(9){display:grid}}.works-items.is-visible .works-item{opacity:1;transform:translateY(0)}.works-item_image{overflow:hidden;border-radius:var(--radius-xl);box-shadow:0 0 10px #0000001a}.works-item_name,.works-item_text{color:var(--color-000);mix-blend-mode:exclusion}.works-item_name{font-size:var(--font-size-md);font-weight:700}.works-item_name>span{font-size:var(--font-size-sm)}.works-item_text{margin-top:-.3em}.works-more{font-family:var(--font-family-secondary);font-size:var(--font-size-2xl);font-weight:700;color:var(--color-000);text-align:center;mix-blend-mode:exclusion;opacity:0;filter:blur(1px);transition:opacity .3s ease}.works-more.is-visible{opacity:1}.value .o-background{background-color:#ffffffe6}.value-title{margin-bottom:25vh;transition:opacity .3s ease,filter .3s ease .4s}@media only screen and (min-width: 640px){.value-title{margin-bottom:50vh}}.value-lead_item{position:sticky;top:50lvh;width:65%;padding-left:var(--gutter-sm);font-size:3.8vw;font-weight:700;line-height:2;opacity:0;transform:translateY(-50%);transition:opacity 1s ease}.value-lead_item>span{position:relative;display:inline-block;font-family:var(--font-family-secondary);font-size:2em;line-height:1}.value-lead_item>span:after{position:absolute;bottom:-.1em;left:0;display:block;width:0;height:.3em;content:"";background-color:var(--color-secondary);mix-blend-mode:multiply;transition:width .6s ease .5s}.value-lead_item>span:nth-of-type(2):after{transition-delay:.7s!important}@media only screen and (min-width: 640px){.value-lead_item{padding-left:max(var(--gutter-md),calc((100vw - var(--width-content-max)) / 2));font-size:2.2vw}.value-lead_item>span{font-size:3.2em}}@media only screen and (min-width: 1440px){.value-lead_item{font-size:34px}}.value-lead_item.is-visible{opacity:1}.value-lead_item.is-visible>span:after{width:100%}.value-item_images{width:45%;margin-top:-25lvh;margin-left:auto;overflow:hidden;mix-blend-mode:multiply}@media only screen and (min-width: 640px){.value-item_images{width:55%;padding-right:max(var(--gutter-md),calc((100vw - var(--width-content-max)) / 2));margin-top:-50lvh}}.value-item_image{width:80%;margin-bottom:1em;overflow:hidden;border-radius:var(--radius-md);box-shadow:0 0 10px #0000001a;opacity:0;transform:translate(20px) translateY(20px) rotate(3deg);transition:opacity .6s ease,transform .6s ease}.value-item_image:nth-child(2n){margin-left:auto}.value-item_image.is-visible{opacity:1;transform:translate(20px) translateY(0) rotate(0)}@media only screen and (min-width: 640px){.value-item_image{width:60%;margin-bottom:2em;border-radius:var(--radius-xl)}}.recruit-title{position:sticky;top:8dvh;z-index:1;color:var(--color-200);mix-blend-mode:exclusion;transition:opacity .3s ease,filter .3s ease;transition:opacity .3s ease}@media only screen and (min-width: 640px){.recruit-title{top:5dvh}}.recruit-message{font-size:7vw;line-height:1.4;opacity:0;transition:opacity .3s ease}.recruit-message>span{position:relative;display:inline-block;font-size:1.4em;line-height:1.4}.recruit-message>span:after{position:absolute;bottom:.1em;left:0;display:block;width:0;height:.3em;content:"";background-color:var(--color-secondary-light);mix-blend-mode:multiply;transition:width .6s ease .5s}@media only screen and (min-width: 640px){.recruit-message{font-size:3.2vw}.recruit-message>span{font-size:2em}}@media only screen and (min-width: 1440px){.recruit-message{font-size:46px}}.recruit-message.is-visible{opacity:1}.recruit-message.is-visible>span:after{width:100%}.hero{position:sticky;top:0;left:0;width:100%;height:100lvh;overflow:hidden}.hero>canvas{position:absolute;top:50%;left:50%;transform:translate(-47%,-50%)}.js-hero{opacity:0;transition:opacity 1s ease}.background-base{position:fixed;top:0;left:0;z-index:-1;width:100vw;height:110lvh;background-color:var(--color-100);background-image:linear-gradient(45deg,var(--color-200) 0%,var(--color-100) 10%,var(--color-000) 60%,var(--color-000) 100%);background-size:cover}.scroll{position:fixed;bottom:0;left:0;z-index:1;display:flex;justify-content:center;width:100%;height:10lvh;transition:opacity .3s ease}.scroll:before{display:block;width:1px;height:100%;content:"";background-color:var(--color-primary);transform:translate(-50%);animation:scroll 2.5s infinite ease-in-out}@media only screen and (min-width: 640px){.scroll{height:7lvh}}@keyframes scroll{0%{height:0%}75%{height:100%}to{height:100%}}