#intro{position:relative;z-index:0;--s-val: 1}#intro-in{display:flex;flex-direction:column;justify-content:center;z-index:50;position:sticky;top:0}@media (min-height:500px){#intro-in{overflow:hidden}}#intro-in .title{font-size:18px;font-weight:400;color:#4DCDFF;display:flex;align-items:center;opacity:0}#intro-in .title:after{content:"";display:inline-block;margin-left:21px;width:0;height:1px;background:#4DCDFF}#intro-in.play .title{opacity:1;transition:opacity 0.2s}#intro-in.play .title:after{width:21px;transition:width 1.2s ease-in-out}#intro-in .desc{grid-column:1 / -1;font-size:45px;line-height:1.33;font-weight:200;color:#DDE6F3}@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{left:0;bottom:0;position:absolute;transition:transform 0.35s ease-out, opacity 0.35s, visibility 0.35s;transform:scale(0.85);visibility:hidden;opacity:0;display:block;transform-origin:left}#intro-in .desc .word-item.shown{transform:none;visibility:visible;opacity:1}#intro-in .desc .word-item.removed{transform:scale(1.15) !important}#intro-in .desc .word-item.static{position:static}#intro-in.play .desc>span{transition:opacity 0.15s, transform 0.25s;opacity:1;transform:translateY(0)}#intro-in .more-wrap{padding-left:1px;grid-column:2 / span 2;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:before,#intro-in .more-wrap .more .arrow-down:after{opacity:0;transition:none}#intro-in.play .more-wrap .more .arrow-down{height:58px;transition:height 0.6s ease-in-out 1.8s}#intro-in.play .more-wrap .more .arrow-down:before,#intro-in.play .more-wrap .more .arrow-down:after{opacity:1;transition:opacity 0.5s 1.2s}#intro-in.play .more-wrap .more.run-out{transition:height 0.3s ease-in-out, transform 0.7s, opacity 0.2s 0.7s;height:80px;opacity:0}#intro-in .wrap{padding-top:var(--header-height);opacity:var(--s-val);will-change:opacity, transform;transform:translateY(calc((1 - var(--s-val)) * -25px))}@media (min-width:768px) and (min-height:790px){#intro-in .wrap{transform:translateY(calc((1 - var(--s-val)) * -50px))}}.works-common .item{position:relative;z-index:1;height:500px;margin:0 auto;will-change:width, transform;width:100%}@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{position:absolute;bottom:0;left:0;width:100%;height:100%}.works-common .item .thumb img{will-change:transform, opacity;transform:scale(calc(1 + 0.35 * (1 - var(--s-track)) + 0.2 * var(--s-sec-track)));opacity:calc(0.3 + 0.7 * var(--s-track));object-fit:cover;width:100%;height:100%}.works-common .item .thumb:after{content:"";background:linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 60%);opacity:0.8}@media (min-width:768px){.works-common .item .thumb:after{background:linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 60%)}}.works-common .item .content{position:absolute;height:calc(100% - var(--header-height));width:100%;bottom:0;left:0;padding:51px 0}@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{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;height:100%}@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{margin-bottom:0;display:block}.works-common .item-main-link{color:white;font-size:50px;line-height:1.08;font-weight:200;text-decoration:none !important}.works-common .item-main-link:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%}.works-common .item-main-link small{line-height:1;display:block;font-size:18px;font-weight:200;padding-bottom:8px;color:rgba(255, 255, 255, 0.85)}.works-common .item-main-link small .number{display:inline-block;padding-right:5px;color:#4DCDFF;font-weight:400}@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{position:relative;z-index:0;will-change:opacity;opacity:calc(1 - var(--s-track))}.works-common .works-stop-phase .container{position:sticky;top:0;display:flex;align-items:center}.works-common .works-stop-phase .desc{padding:120px 0;font-size:30px;line-height:1.4;font-weight:200;color:#DDE6F3}@media (min-width:768px){.works-common .works-stop-phase .desc{font-size:35px}}@media (min-width:1200px){.works-common .works-stop-phase .desc{line-height:86px;font-size:55px}}.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{line-height:1.6;font-size:70px}}.works-common .more-work{text-align:center;color:white;text-decoration:none;flex-direction:column;justify-content:center}.works-common .more-work p{color:#DDE6F3;margin-bottom:15px;font-size:30px;font-weight:200}@media (min-width:768px){.works-common .more-work p{margin-bottom:30px;font-size:58px}}.works-common .more-work .button{min-width:200px;text-align:center;justify-content:center}@media (min-width:768px){.works-common .more-work .button{min-width:240px}}.works-common .more-work .button:before{width:2em;height: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)
}