#intro{position:relative;z-index:0;--s-val:1}#intro-in{display:flex;flex-direction:column;justify-content:center;position:sticky;top:0;z-index:50}@media(min-height:500px){#intro-in{overflow:hidden}}#intro-in .title{align-items:center;color:#4dcdff;display:flex;font-size:18px;font-weight:400;opacity:0}#intro-in .title:after{background:#4dcdff;content:"";display:inline-block;height:1px;margin-left:21px;width:0}#intro-in.play .title{opacity:1;transition:opacity .2s}#intro-in.play .title:after{transition:width 1.2s ease-in-out;width:21px}#intro-in .desc{color:#dde6f3;font-size:45px;font-weight:200;grid-column:1/-1;line-height:1.33}@media(min-width:992px){#intro-in .desc{font-size:70px}}@media(min-width:1400px){#intro-in .desc{font-size:90px}}@media(min-width:1700px){#intro-in .desc{font-size:120px}}#intro-in .desc>span{display:inline-block;opacity:0;transform:translateY(3px);transition:none}#intro-in .desc #word-runner{display:inline-block;position:relative;white-space:nowrap}#intro-in .desc .word-item{bottom:0;display:block;left:0;opacity:0;position:absolute;transform:scale(.85);transform-origin:left;transition:transform .35s ease-out,opacity .35s,visibility .35s;visibility:hidden}#intro-in .desc .word-item.shown{opacity:1;transform:none;visibility:visible}#intro-in .desc .word-item.removed{transform:scale(1.15)!important}#intro-in .desc .word-item.static{position:static}#intro-in.play .desc>span{opacity:1;transform:translateY(0);transition:opacity .15s,transform .25s}#intro-in .more-wrap{grid-column:2/span 2;padding-left:1px;text-align:center}@media(min-width:768px){#intro-in .more-wrap{grid-column:5/span 2}}@media(min-width:1700px){#intro-in .more-wrap{grid-column:4/span 2}}#intro-in .more-wrap .more{display:block;height:59px;margin-top:47px}#intro-in .more-wrap .more .arrow-down{height:0;transition:none}#intro-in .more-wrap .more .arrow-down:after,#intro-in .more-wrap .more .arrow-down:before{opacity:0;transition:none}#intro-in.play .more-wrap .more .arrow-down{height:58px;transition:height .6s ease-in-out 1.8s}#intro-in.play .more-wrap .more .arrow-down:after,#intro-in.play .more-wrap .more .arrow-down:before{opacity:1;transition:opacity .5s 1.2s}#intro-in.play .more-wrap .more.run-out{height:80px;opacity:0;transition:height .3s ease-in-out,transform .7s,opacity .2s .7s}#intro-in .wrap{opacity:var(--s-val);padding-top:var(--header-height);transform:translateY(calc((1 - var(--s-val))*-25px));will-change:opacity,transform}@media(min-width:768px)and (min-height:790px){#intro-in .wrap{transform:translateY(calc((1 - var(--s-val))*-50px))}}.works-common .item{height:500px;margin:0 auto;position:relative;width:100%;will-change:width,transform;z-index:1}@media(min-width:768px){.works-common .item{width:calc(90% + 10%*var(--s-track))}}.works-common .item .thumb{overflow:hidden}.works-common .item .thumb,.works-common .item .thumb:after{bottom:0;height:100%;left:0;position:absolute;width:100%}.works-common .item .thumb img{height:100%;object-fit:cover;opacity:calc(.3 + var(--s-track)*.7);transform:scale(calc(1 + (1 - var(--s-track))*.35 + var(--s-sec-track)*.2));width:100%;will-change:transform,opacity}.works-common .item .thumb:after{background:linear-gradient(180deg,#000,transparent 60%);content:"";opacity:.8}@media(min-width:768px){.works-common .item .thumb:after{background:linear-gradient(0deg,#000,transparent 60%)}}.works-common .item .content{bottom:0;height:calc(100% - var(--header-height));left:0;padding:51px 0;position:absolute;width:100%}@media(min-width:768px){.works-common .item .content{height:100%}}@media(min-height:800px){.works-common .item .content{padding:75px 0}}.works-common .item .content .container{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:space-between;position:relative}@media(min-width:1240px)and (max-width:1460px){.works-common .item .content .container{padding-left:45px;padding-right:45px}}@media(min-width:768px){.works-common .item .content .container{justify-content:flex-end}}.works-common .item-title{display:block;margin-bottom:0}.works-common .item-main-link{color:#fff;font-size:50px;font-weight:200;line-height:1.08;text-decoration:none!important}.works-common .item-main-link:after{content:"";height:100%;left:0;position:absolute;top:0;width:100%}.works-common .item-main-link small{color:hsla(0,0%,100%,.85);display:block;font-size:18px;font-weight:200;line-height:1;padding-bottom:8px}.works-common .item-main-link small .number{color:#4dcdff;display:inline-block;font-weight:400;padding-right:5px}@media(min-width:1200px){.works-common .item-main-link{font-size:120px}.works-common .item-main-link small{font-size:30px}}.works-common .works-stop-phase{opacity:calc(1 - var(--s-track));position:relative;will-change:opacity;z-index:0}.works-common .works-stop-phase .container{align-items:center;display:flex;position:sticky;top:0}.works-common .works-stop-phase .desc{color:#dde6f3;font-size:30px;font-weight:200;line-height:1.4;padding:120px 0}@media(min-width:768px){.works-common .works-stop-phase .desc{font-size:35px}}@media(min-width:1200px){.works-common .works-stop-phase .desc{font-size:55px;line-height:86px}}.works-common .works-stop-phase.lg .desc{font-size:42px;line-height:1.4}@media(min-width:768px){.works-common .works-stop-phase.lg .desc{font-size:50px}}@media(min-width:992px){.works-common .works-stop-phase.lg .desc{font-size:58px}}@media(min-width:1200px){.works-common .works-stop-phase.lg .desc{font-size:70px;line-height:1.6}}.works-common .more-work{color:#fff;flex-direction:column;justify-content:center;text-align:center;text-decoration:none}.works-common .more-work p{color:#dde6f3;font-size:30px;font-weight:200;margin-bottom:15px}@media(min-width:768px){.works-common .more-work p{font-size:58px;margin-bottom:30px}}.works-common .more-work .button{justify-content:center;min-width:200px;text-align:center}@media(min-width:768px){.works-common .more-work .button{min-width:240px}}.works-common .more-work .button:before{height:2em;width:2em}

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity, transform
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translateZ(0)
}

[data-aos=fade-up] {
    transition: transform 0.3s ease-in-out, opacity 0.3s;
    transform: translate3d(0, 100px, 0)
}