.oh,body,html{overflow:hidden}#follow-cursor,#js-scroll.hide{pointer-events:none;opacity:0!important}#contact-form-section .custom-select-options-wrapper,#work-overview .img-container .img-scale,.input.input-error::after,.underlined-onhover.selected .underlined-elem::before,.underlined-onhover:hover .underlined-elem::before,body,html,html[lang=ja] #home-hero .big-title{width:100%}#our-reel .title,.hero-section,.txt-center{text-align:center}.bg-img,span.custom-option.selected::after{background-position:center;background-repeat:no-repeat}#home-hero.towns .show-towns,#js-scroll.hide,#main-nav:not(.is-inview) a .canvas-container span{transition-delay:0s!important}.custom-select,.custom-select__trigger,.mayus,.text-item h4.campaign,input,textarea{text-transform:uppercase}#footer .center.flex-container p,span.small-arrow{margin-right:15px}:root{--pink:#EC118F}::selection{background-color:var(--pink);color:#fff}.client-swiper .swiper-wrapper{-webkit-transition-timing-function:linear!important;-o-transition-timing-function:linear!important;transition-timing-function:linear!important}html[lang=ja],html[lang=ja] body{font-family:'Noto Serif JP',serif}html[lang=ja] .pink-dot{display:none!important}html[lang=ja] .gallery-section .about-subtitle .big-title{font-size:85px;line-height:90px}html[lang=ja] .gallery-section .about-subtitle .big-title span:nth-of-type(3){margin-top:0}body.is-ipad #next-project .flex-container,html[lang=ja] #maintitle1 .matrix-word{justify-content:center}html[lang=ja] .big-title .matrix-line{white-space:normal}#footer p,html[lang=ja] #header .back-button span{font-size:14px}.canvas-button:hover>span,body.loaded html[lang=ja] .work-box:hover .text .title.only-mobile{transform:translateY(0)}body,html{background:#17101f;margin:0;padding:0;max-width:100%;min-height:100vh;font-family:span;color:#fff}.oy,body,body.is-ipad html{overflow-y:auto}main#js-scroll{position:relative;display:block;cursor:auto;min-height:100vh;z-index:2;opacity:1;transition:opacity .4s 2s;overflow:hidden}canvas#wglui{z-index:3;pointer-events:none}canvas#wglui.street{z-index:2;pointer-events:auto}div[data-router-view],div[data-router-wrapper]{min-height:100vh;position:relative;display:block}div[data-router-view]{padding-top:100px}#gl-viewport canvas{position:absolute;left:0;top:0}#follow-cursor{position:absolute;transition:opacity .5s;display:block;z-index:99}#follow-cursor .message{padding:10px;background:#000;border-radius:5px}#follow-cursor p,.fs-12{font-size:12px;letter-spacing:.1em}#our-reel .title,.big-title,.text{letter-spacing:-.05em}#follow-cursor p span{padding:5px}#follow-cursor p>*{vertical-align:middle}#follow-cursor.active,.quality-button:hover{opacity:1!important}#footer .wrapper,#header .wrapper,#main-menu .wrapper{width:calc(100% - 50px);max-width:unset}#header .fade-enter-r,.fade-enter-r{transform:translateY(-100px) scale(.7);opacity:0;transition:2s cubic-bezier(.19, 1, .5, .99) .2s}.enter-onactive .enter-y,.enter-y,.enter-y-r,.matrix-item span{transition:2s cubic-bezier(.19, 1, .22, 1)}.header-right{margin-right:10px}.events-none{pointer-events:none!important}.underlined-onhover .underlined-elem::before{transition:.5s;content:'';position:absolute;left:0;bottom:-5px;width:0;background-color:var(--pink);height:2px}.next-prev-button,.underlined-elem{position:relative}.enter-container,.enter-onactive,.enter-onhover{overflow:hidden;position:relative;display:block}.back-button:not(.disabled) .enter-onactive,.enter-onactive.active,.enter-onhover,.member:hover .overlay,body.loaded .enter-container.is-inview{pointer-events:auto;opacity:1}#main-menu,div#our-reel,header#header{pointer-events:none}.enter-onactive .enter-y,.enter-y{position:relative;display:inline-block;transform:translateY(80px);opacity:0;-webkit-transform:translateY(80px);-moz-transform:translateY(80px);-ms-transform:translateY(80px);-o-transform:translateY(80px)}.enter-y-r{position:relative;display:inline-block;transform:translateY(-80px);opacity:0;-webkit-transform:translateY(-80px);-moz-transform:translateY(-80px);-ms-transform:translateY(-80px);-o-transform:translateY(-80px)}#our-reel .top,.wrapper{display:block;width:80%}#our-reel .close,#our-reel .content,section#home-hero{transform:translateY(-50%)}#main-menu.active .enter-y,#main-menu.active .enter-y-r,#next-project .next-prev-button .logo.is-inview,.back-button:not(.disabled) .enter-onactive .enter-y,.enter-onactive.active>.enter-y,.enter-onactive.active>.enter-y-r,.enter-onhover:hover .enter-y,.enter-onhover:hover .enter-y-r,.next-prev-button:hover .logo,body.loaded .enter-container.is-inview .enter-y,body.loaded .enter-container.is-inview .enter-y-r{opacity:1;transform:translateY(0)}#header.visible .fade-enter-r,#main-menu.active .fade-enter,#main-menu.active .fade-enter-r,body.is-ipad body.loaded .work-box.is-inview .text,body.loaded .is-inview.fade-enter,body.loaded .is-inview.fade-enter-r,body.loaded .show-me .fade-enter,body.loaded .show-me .fade-enter-r,body.loaded .split-text-enter.is-inview.splited .split-line{opacity:1;transform:translateY(0) scale(1)}.fade-enter{transform:translateY(100px) scale(1.3);opacity:0;transition:2s cubic-bezier(.19, 1, .5, .99) .2s}.d-0{transition-delay:.2s!important}.d-1{transition-delay:.25s!important}.d-2{transition-delay:.3s!important}.d-3{transition-delay:.35s!important}.d-4{transition-delay:.4s!important}.d-5{transition-delay:.45s!important}.d-6{transition-delay:.55s!important}.d-7{transition-delay:.6s!important}.d-8{transition-delay:.65s!important}.d-9{transition-delay:.7s!important}.d-10{transition-delay:.75s!important}.d-11{transition-delay:.8s!important}.d-12{transition-delay:.85s!important}.d-13{transition-delay:.9s!important}.d-14{transition-delay:.95s!important}.d-15{transition-delay:1s!important}.d-16{transition-delay:1.2s!important}.d-17{transition-delay:1.25s!important}.d-18{transition-delay:1.3s!important}.d-19{transition-delay:1.35s!important}.d-20{transition-delay:1.4s!important}.d-21{transition-delay:1.45s!important}.d-22{transition-delay:1.5s!important}.d-23{transition-delay:1.55s!important}.d-24{transition-delay:1.6s!important}.d-25{transition-delay:1.65s!important}.d-26{transition-delay:1.7s!important}.d-27{transition-delay:1.75s!important}.d-28{transition-delay:1.8s!important}.d-29{transition-delay:1.85s!important}.d-30{transition-delay:1.9s!important}.d-31{transition-delay:1.95s!important}.d-32{transition-delay:2s!important}.d-33{transition-delay:2.05s!important}.d-34{transition-delay:2.1s!important}#our-reel .content{position:absolute;top:50%;left:0;right:0;width:80%;margin:0 auto}#our-reel .title{font-size:70px;position:relative;display:block;width:max-content;margin:0 auto}#our-reel .close{position:absolute;cursor:pointer;right:-40px;top:50%;width:70px;height:70px;z-index:10;padding:10px}#our-reel .close svg{position:absolute;width:100%;height:100%;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%)}#our-reel .top{margin:0 auto -40px;position:relative;z-index:2}#our-reel .close span{position:absolute;width:13px;top:50%;left:50%;height:1px;background:#fff}#our-reel .close span:first-of-type{transform:translate(-50%,-50%) rotate(45deg)}#our-reel .close span:nth-of-type(2){transform:translate(-50%,-50%) rotate(-45deg)}div#our-reel{position:fixed;top:0;z-index:100;opacity:0;left:0;width:100%;height:100vh;transition:.5s}#work-detail .video-container.active iframe,.custom-select.open .custom-options,div#our-reel.active{opacity:1;pointer-events:auto}div#our-reel>.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#181a4e;opacity:.5}.blur{filter:blur(4px)}#our-reel .video-container{margin:0 auto;width:80%;max-height:80vh}#main-menu .wrapper,#our-reel .wrapper{height:100%}#main-menu nav .flex-container>*,.swiper-navigation .gallery-next,.swiper-navigation .gallery-prev,.swiper-navigation .office-next,.swiper-navigation .office-prev{cursor:pointer}.wrapper{position:relative;max-width:1100px;margin:0 auto}.flex-container{position:relative;display:flex;align-items:flex-start;justify-content:space-between}.bg-img{background-size:cover}span.small-arrow{width:11px;height:14px;position:relative;display:inline-block;vertical-align:bottom}span.small-arrow.reverse{transform:scaleX(-1);margin-left:15px;margin-right:0}span.small-arrow::after,span.small-arrow::before{content:'';position:absolute;top:5px;left:0;width:8px;height:2px;background:#fff;transform:rotate(-45deg)}span.small-arrow::after{top:10px;transform:rotate(45deg)}.text{font-size:14px;line-height:34px;font-family:Axis}.split-text-enter{position:relative;display:block;width:100%;opacity:0}body.loaded .split-text-enter.splited.is-inview{opacity:1}.split-text-enter .split-line{transform:translateY(30px) scale(1.2);opacity:0;transition:1s cubic-bezier(.19, 1, .5, .99)}.split-line.d-1{transition-delay:.4s}.split-line.d-2{transition-delay:.6s}.split-line.d-3{transition-delay:.8s}.split-line.d-4{transition-delay:1s}.split-line.d-5{transition-delay:1.2s}.split-line.d-6{transition-delay:1.4s}.split-line.d-7{transition-delay:1.6s}.hero-section{margin-bottom:50px}.big-title{font-size:60px;line-height:75px}.cta3d.hover div,.db,body.is-ipad .body-bg .bg-img.only-mobile{display:block}.matrix-item,.matrix-item span{display:inline-block;position:relative}.c-pink,.custom-option.selected,.pink-onhover:hover{color:var(--pink)}.pink-onhover{transition:color .4s}.cta3d.hidden,.matrix-parent{opacity:0}.matrix-parent .line-effect{position:absolute;height:4px;top:0;width:100px;opacity:1;left:0;overflow:hidden}.matrix-parent .line-effect span{content:'';position:absolute;background:#fff;height:100%;transition:.6s;left:-100%;width:100%}.matrix-parent.onanim .line-effect span{left:100%}.matrix-line .line-effect:first-of-type{top:85%}.matrix-line .line-effect:nth-of-type(2){left:30%;top:50%}.matrix-line .line-effect:nth-of-type(3){top:85%;left:40%}.matrix-line .line-effect:nth-of-type(4){left:80%;top:74%}.matrix-line .line-effect:nth-of-type(5){top:180%}.matrix-parent.onanim .matrix-line .line-effect:nth-of-type(5){width:200px}.matrix-parent.onanim .matrix-line .line-effect:nth-of-type(6){top:150%;left:10%}.matrix-parent.onanim .matrix-line .line-effect:nth-of-type(7){left:80%;top:150%}.matrix-item{overflow:hidden}#main-menu,#main-menu .bottom,#main-menu .bottom nav,#main-nav a,.pink-dot,div#main-nav{position:absolute}.matrix-item.dot{margin-left:-10px}.matrix-line{white-space:nowrap;margin:0 auto}#maintitle .matrix-line:not(:last-of-type){margin-bottom:-15px}.matrix-item span{white-space:nowrap;opacity:0}.pink-dot{opacity:0;background:var(--pink);width:8px;bottom:16px;right:-14px;height:8px;border-radius:40px}.matrix-onhover-item{white-space:nowrap;overflow:hidden;position:relative;padding-bottom:3px}.matrix-onhover-item.underlined-elem::before{bottom:0}#main-menu{width:100%;height:100vh;background:rgba(0,0,0,.2);z-index:3;opacity:0;transition:.4s 1s}#main-menu.active{pointer-events:auto;opacity:1;transition:.4s}#main-menu .bottom{width:100%;z-index:100;bottom:0;left:0;padding:25px 0}#main-menu .bottom nav{left:50%;transform:translateX(-50%)}#careers-section .select-container .custom-select-wrapper,#main-menu .bottom nav .flex-container>*{padding:15px}#main-menu .bottom .right{position:relative;display:flex;justify-content:flex-end}#team-section .member.active .button-container,.quality-button,.quality-options{opacity:0!important;pointer-events:none}#main-menu .redes a{padding:12px}#main-menu .redes a svg{transition:.3s;display:block}#main-menu .redes a:hover svg{transform:scale(.9)}#main-menu .redes a svg path,#main-menu .redes a svg rect,#main-nav a>span{transition:.3s}#main-menu .redes a:hover svg path,#main-menu .redes a:hover svg rect{stroke:var(--pink)}div#main-nav{top:50%;width:100%;left:50%;transform:translate(-50%,-50%);height:100%;font-size:25px}#main-nav a:first-of-type{left:26%;top:18%}#main-nav a:nth-of-type(2){right:26%;top:18%}#main-nav a:nth-of-type(3){font-size:50px;left:50%;top:36%}#main-nav a:nth-of-type(4){left:23%;top:54%}#main-nav a:nth-of-type(5){right:18%;top:62%}#main-nav a:nth-of-type(6){right:45%;top:70%}#main-nav a .canvas-container{position:relative;display:block;width:40px;height:40px;left:50%;top:0;transform:translateX(-50%);transition:.3s}#main-nav a:hover .canvas-container{transform:translateX(-50%) scale(.9)}#main-nav a:hover span{transform:translateY(5px)}#main-nav a .canvas-container span{border-radius:50%;width:7px;position:absolute;height:7px;background:#fff;content:'';left:50%;top:50%;transition:.5s;transform:scale(0) translate(-50%,-50%)}#main-menu.is-inview a .canvas-container span{transform:scale(1) translate(-50%,-50%);transition-delay:1s!important}#header .flex-container,#work-detail .top.flex-container,#work-overview .top .flex-container{align-items:center}#header .logo img.bg-logo.rotate{-webkit-animation:4s ease-in-out rotating;-moz-animation:4s ease-in-out rotating;-ms-animation:rotating 4s ease-in-out;-o-animation:4s ease-in-out rotating;animation:4s ease-in-out rotating}#header .logo img.bg-logo{position:relative;display:block;width:100%;height:100%}#header .logo img:not(.bg-logo){position:absolute;top:50%;width:100%;height:100%;left:50%;transform:translate(-50%,-50%);z-index:2}header#header{position:absolute;top:0;z-index:4;left:0;width:100%;padding:20px 0}#header .flex-container>*,.quality-options.open,body.loaded .work-box{pointer-events:auto}#header .back-button.disabled,#home-hero.towns .show-towns,#towns-access,.button-underlined>span,.custom-options,.img-container .bg-img,.work-box,section#town-hero{pointer-events:none}#header a.logo{position:relative;width:105px}#header .back-button svg{margin-right:5px;margin-top:auto}.back-button .enter-onactive .enter-y{transition:.4s ease-in-out}#header .back-button{margin-left:20px;padding-bottom:20px;font-size:10px;cursor:pointer}#header .back-button:hover span{transform:translateX(3px);transition:.3s}#header .back-button:hover svg{transform:translateX(-3px);transition:.3s}.swiper-slide-active,div#language-select{z-index:2}#language-select .custom-option,#language-select .custom-select__trigger{font-size:10px;min-height:40px}#language-select .custom-options{background:0 0;left:unset;top:-13px;right:3px;text-align:right;display:flex;flex-direction:column}#language-select .custom-options.lang-CHI a:nth-child(3),#language-select .custom-options.lang-EN a:first-child,#language-select .custom-options.lang-JAP a:nth-child(2){order:1;padding-top:20px;pointer-events:none;min-height:50px}#language-select .custom-options.lang-CHI a:first-child,#language-select .custom-options.lang-EN a:nth-child(2),#language-select .custom-options.lang-JAP a:first-child{order:2}#language-select .custom-options.lang-CHI a:nth-child(2),#language-select .custom-options.lang-EN a:nth-child(3),#language-select .custom-options.lang-JAP a:nth-child(3){order:3}#language-select .custom-select.open .custom-select__trigger>span{opacity:0;transition:none}#language-select .custom-option:hover{background:0 0;color:var(--pink)}#language-select .custom-select .custom-select__trigger>span{opacity:1;transition:.4s .3s}.custom-select-wrapper{position:relative;user-select:none;width:100%}.custom-select{position:relative;display:flex;font-size:12px}.custom-select__trigger{position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 5px;letter-spacing:.1em;font-size:12px;white-space:nowrap;font-weight:300;cursor:pointer}.ls-07,.small-subtitle{letter-spacing:.7em}.custom-options{position:absolute;display:block;top:-17px;background:linear-gradient(180deg,#131b4b 0,#0a0d1f 100%);width:150px;left:-15px;transition:.6s;overflow:hidden;height:0;z-index:2}.custom-option{position:relative;display:block;padding:10px 21px;font-size:12px;font-weight:500;width:100%;overflow:hidden;white-space:nowrap;color:#fff;text-overflow:ellipsis;line-height:25px;cursor:pointer;transition:.5s}span.custom-option.selected::after{content:'';width:100%;height:10px;bottom:0;left:0;background-size:100%}.custom-select-options-wrapper{position:relative;display:inline-block}.custom-select .arrow{position:relative;transition:.4s;margin-left:8px;margin-top:-2px;z-index:1}.custom-select .arrow svg{width:10px;height:auto}.custom-select.open .arrow{transform:scaleY(-1) translateY(-2px);z-index:10}#team-section .member:hover .button-container,.body-bg .bg-img.active,.custom-select__trigger.is-inview .arrow,.dropdown.career.open::before,.member:hover .img-container::after,.quality-options.open .quality-button.selected{opacity:1}.custom-select .arrow::after,.custom-select .arrow::before{position:absolute;bottom:0;width:1px;height:100%;transition:.5s}.custom-select .arrow::before{left:4px;transform:rotate(-45deg);background-color:#fff}.custom-select .arrow::after{left:9px;transform:rotate(45deg);background-color:#fff}.custom-select.open .custom-select-name{padding-right:20px}#next-project .flex-container a:nth-of-type(2),.custom-select .custom-select-name,.detail-item a{transition:.4s}.open.custom-select .arrow::before{left:4px;transform:rotate(45deg)}.open.custom-select .arrow::after{left:9px;transform:rotate(-45deg)}.button-underlined svg{position:absolute;display:block;left:50%;transform:translateX(-50%);bottom:-30px;width:120%;height:auto}.button-underlined{font-family:inherit;position:relative;font-size:24px;cursor:pointer;background:0 0;border:none}.dropdown.career,.dropdown.service .drop .container,.input{border-bottom:1px solid rgba(255,255,255,.2)}.button-underlined>span{position:relative;z-index:1;transition:.3s;transform:translateY(5px);display:block}.canvas-button canvas{position:absolute;bottom:-135px;left:50%;transform:translate(-50%,-5px);width:140%;transition:.3s}.button-surrounded svg,.quality-button span{top:50%;left:50%;transform:translate(-50%,-50%);position:absolute}.canvas-button{padding-bottom:50px}.button-enter{transform:scale(.6);opacity:0;color:#fff;transition:1.5s cubic-bezier(.19, 1, .22, 1);display:inline-block}#main-menu.active .button-enter,.enter-onhover:hover:not(.active) .button-enter,body.loaded .is-inview.button-enter{transform:scale(1);opacity:1}.button-surrounded{position:relative;padding:12px 20px;cursor:pointer;transition:.3s}#next-project .flex-container a:nth-of-type(2):hover,.button-surrounded:hover{transform:scale(.95)}.button-surrounded span{letter-spacing:.1em;font-size:10px}.button-surrounded svg{width:100%;height:auto}.quality-button{margin-left:10px;width:30px;font-size:10px;z-index:2;transition:.6s;height:30px;border-radius:50px;position:relative;font-family:sans-serif;background:#402959;background:-moz-linear-gradient(40deg,#402959 50%,#72489d 100%);background:-webkit-linear-gradient(40deg,#402959 50%,#72489d 100%);background:linear-gradient(40deg,#402959 50%,rgb(146 102 191) 100%);cursor:pointer}.toggle-nav,body.is-ipad .member-container .swiper-slide .name.only-mobile{margin-left:20px}#footer .left,#main-menu .bottom .left{cursor:pointer;width:70px;height:30px}.ff-garamond-pro{font-family:adobe-garamond-pro,serif}.ff-span{font-family:span,serif}.ff-span-compressed{font-family:span-compressed,serif}.ff-span-condensed{font-family:span-condensed,serif}.ff-axis{font-family:Axis,serif}.ff-lato{font-family:Lato,'sans-serif'}.fw-heavy{font-weight:800}.fw-bold{font-weight:700}.fw-medium{font-weight:500}.fw-regular{font-weight:400}.fw-light{font-weight:300}.fw-ultralight{font-weight:100}.fs-10{font-size:10px}.toggle-nav span{position:absolute;top:20px;left:0;width:14px;right:0;margin:0 auto;height:1px;transition:.4s;background:#fff;display:block}#work-links a>canvas,#work-links a>span,.toggle-nav svg{left:50%;transform:translate(-50%,-50%)}body.is-safari .toggle-nav.active span{height:2px}.toggle-nav{position:relative;display:block;width:45px;height:45px;cursor:pointer}.toggle-nav svg{position:absolute;width:90px;top:50%;height:90px}.toggle-nav span:nth-of-type(2){top:27px;left:3px}.toggle-nav:hover span:first-of-type{left:4px;transition:.2s}.toggle-nav:hover span:nth-of-type(2){left:0;transition:.2s}.toggle-nav.active span:first-of-type{transform:translateY(-50%) rotate(45deg)}.toggle-nav.active span:nth-of-type(2){transform:translateY(-50%) rotate(-45deg)}.toggle-nav.active span{top:50%!important;left:0!important}.body-bg{position:absolute;width:100%;left:0;height:100vh;top:0}.body-bg .bg-img{position:absolute;left:0;top:0;width:100%;opacity:0;height:100%;transition:1s}.case-study-sign,.img-container .img-scale{transition:1s cubic-bezier(.18, .98, .31, 1)}section#home-hero{position:absolute;left:0;right:0;margin:0 auto;top:40%;width:100%}#home-hero .big-title{width:95%;margin:0 auto;position:relative;display:block}#home-hero .cities{margin-top:20px}#careers-hero h2.big-title:not(:last-of-type),#home-hero .big-title .matrix-effect:not(:last-of-type),.hero-section h2.big-title:not(:last-of-type),body.is-ipad #about-hero h2.big-title:not(:last-of-type){margin-bottom:-30px}#home-hero.towns .show-towns{opacity:0}.hero-section .cities{letter-spacing:.7em;font-size:12px;margin-bottom:40px;margin-top:10px}#towns-access{position:absolute;top:0;left:0;width:100%;height:100%}#towns-access .button-underlined{opacity:0;transition:opacity .5s!important}#towns-access .button-underlined span{text-shadow:0 0 10px #000}#towns-access.active .button-underlined{pointer-events:auto;opacity:1;transition-delay:2.5s!important}#towns-access .soon{position:absolute;bottom:0;left:0;opacity:0;transition:.3s;transform:translateY(10px);right:0;text-align:center;margin:0 auto}#next-project .right,.next-button,.work-box .text{text-align:right}#towns-access .button-underlined:hover .soon{opacity:1;transform:translateY(0);transition:.5s .2s}.button-underlined.disabled:hover>span>span:not(.soon){transform:translateY(-10px);opacity:0;transition:.3s}.button-underlined.disabled>span>span:not(.soon){position:relative;display:block;transition:.5s .2s}#towns-access #b-songshan{position:absolute;bottom:27%;left:12%;transform:scale(.95)}#towns-access #b-littleindia{position:absolute;bottom:37%;left:0;right:0;margin:0 auto;width:fit-content;transform:scale(.8);width:-moz-fit-content}#towns-access #b-harajuku{position:absolute;bottom:23%;right:12%}.city-button{padding-bottom:60px}#work-links a:first-of-type{position:absolute;top:60%;left:33%;transform:translate(-50%,-50%)}#work-links a>span{position:absolute;top:50%;white-space:nowrap;text-align:center}#work-links a>canvas{position:absolute;top:calc(50% + 25px);width:100%}#work-links a:nth-of-type(2){position:absolute;left:55.5%;top:68%}#work-links a:nth-of-type(3){position:absolute;left:63.5%;top:10%}#work-links a:nth-of-type(4){position:absolute;top:0;left:31%}#work-links a:nth-of-type(5){position:absolute;top:0;left:14%;width:300px}section#work-links{z-index:20;position:absolute;left:0;top:0;height:100%;width:100%}#work-links a{width:200px;height:200px}#towns-access .button-underlined canvas{width:210px;bottom:-85px}.button-underlined.disabled,.canvas-button.disabled{filter:grayscale(.8);opacity:.5;cursor:default}.canvas-button:hover canvas{transform:translate(-50%,0)}#careers-section .custom-option:first-of-type,#language-select .custom-option:first-of-type,section#work-overview{padding-top:20px}.work-hero,body.is-ipad #home-hero .big-title{margin-bottom:30px}.filters>*{margin:0 2vw;position:relative}#work-overview .top{justify-content:flex-start;z-index:2}#work-detail .filters,#work-overview .filters{margin:0 auto;font-size:12px;letter-spacing:.1em}#work-overview .img-container .img-scale .bg-img{width:100%;left:0}.work-box{height:340px;position:relative;margin-bottom:-30px;display:block}.case-study-sign{position:absolute;top:-15px;right:-2%;width:18%;height:95px;opacity:.9;transform:scale(0);max-width:85px}.img-container.is-inview~.case-study-sign{transform:scale(1);transition-delay:.5s}.work-box.coming-soon .img-container{filter:grayscale(.8)}.work-box .subtitle{font-size:20px;font-weight:300}.work-box.coming-soon{cursor:default}.work-wrap{width:calc(50% - 40px)}.case-study-logo,.text-section ul li{margin-top:10px}.active.work-wrap:nth-child(2n+2),.works{margin-top:80px}.work-box .text.only-desktop .star{transition:.6s .5s;opacity:0;transform:scale(0);vertical-align:middle;margin-top:-5px}.work-box:hover .text .star{opacity:1;transform:scale(1)}.img-container .bg-img{width:90vw;max-width:calc(1280px + 10%);height:110%;position:absolute;left:-5%;top:-5%}.video-container .enter-container.img-container{opacity:0;transition:.6s;pointer-events:none!important}.img-container{width:100%;pointer-events:none;height:100%;overflow:hidden;position:relative;display:block}.img-container .img-scale{position:absolute;display:block;width:80vw;left:50%;top:50%;transform:translate(-50%,-50%) scale(1.2);-webkit-transform:translate(-50%,-50%) scale(1.2);max-width:1280px;overflow:hidden;-webkit-transition:1s cubic-bezier(.18, .98, .31, 1);-moz-transition:1s cubic-bezier(.18, .98, .31, 1);-o-transition:1s cubic-bezier(.18, .98, .31, 1);-ms-transition:1s cubic-bezier(.18, .98, .31, 1);height:100%}body.loaded #work-detail .big-img.enter-h.is-inview .img-container .img-scale,body.loaded .img-container.is-inview .img-scale{transform:translate(-50%,-50%) scale(1);-webkit-transform:translate(-50%,-50%) scale(1);-moz-transform:translate(-50%,-50%) scale(1);-o-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1)}.swiper-slide-next,.swiper-slide-prev{z-index:1}.works{flex-wrap:wrap;align-items:flex-start}#work-overview-list{transform:translateX(20px)}section.last-section{padding-bottom:200px!important}.works .row{position:relative;display:flex;width:100%;left:-30px}.works .row:nth-of-type(2n+2){left:30px}.works .row .work-box:nth-of-type(2){margin-bottom:-40px}.work-box .text{position:absolute;right:70px;padding-left:70px;bottom:70px;z-index:4;opacity:0;transition:.7s}.work-box .text .title{font-size:30px;line-height:30px;font-family:span;transition:.7s}.work-box .img-container .bg-img::before{z-index:2;background:rgba(236,17,143,.73);background:-moz-linear-gradient(142deg,rgba(19,27,74,.32) 3%,rgba(236,17,143,.73) 64%);background:-webkit-linear-gradient(142deg,rgba(19,27,74,.32) 3%,rgba(236,17,143,.73) 64%);background:linear-gradient(157deg,rgba(19,27,74,.32) 40%,rgba(236,17,143,.73) 70%);content:'';position:absolute;bottom:0;right:0;opacity:0;width:100%;height:100%;transition:1s}.scale-onhover{position:relative;display:block;overflow:hidden;width:100%;height:100%;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transition:.6s;-webkit-transition:.6s;-moz-transition:.6s;-o-transition:.6s;-ms-transition:.6s}.work-box .text .title svg{bottom:-50px}.hero-section .client-name{position:relative;margin:0 auto 40px}.hero-section .client-name.logo-client-name{max-width:200px;height:auto}div[data-router-view=about]::before,div[data-router-view=contact]::before,div[data-router-view=workDetail]::before{z-index:-1;content:'';position:fixed;left:0;top:0;width:100%;height:100%;pointer-events:none;background-color:rgba(0,0,0,.4)}#work-detail .big-img{position:relative;display:block;width:100%;height:500px;overflow:hidden}#work-detail .filters>p:not(:last-of-type)::after{display:block;width:1px;height:10px;background:#fff;position:absolute;right:-20px;top:50%;transform:translateY(-50%)}#work-detail .big-img.enter-h .img-container .img-scale{height:50vw;max-height:600px}#work-detail .big-img.enter-h .img-container,.work-box .img-container{position:absolute;width:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);top:50%;opacity:0;height:50%;margin:0 auto;-webkit-transition:1s cubic-bezier(.18, .98, .31, 1);-moz-transition:1s cubic-bezier(.18, .98, .31, 1);-o-transition:1s cubic-bezier(.18, .98, .31, 1);-ms-transition:1s cubic-bezier(.18, .98, .31, 1);transition:1s cubic-bezier(.18, .98, .31, 1)}.client-box img,.dropdown .toggle-open .arrow svg,.video-container .overlay .play{top:50%;left:50%;transform:translate(-50%,-50%)}body.loaded #work-detail .big-img.enter-h.is-inview .img-container,body.loaded .work-box .img-container.is-inview{height:100%;width:100%;opacity:1}.detail-item{margin:80px auto}.detail-item.text-item{max-width:750px;text-align:center;position:relative;display:block}.detail-item.text-item .flex-container{align-items:flex-start;justify-content:flex-start}.detail-item.text-item .subtitle{font-size:57px}.detail-item.text-item .right{margin-left:30px}.text-item h4.campaign{font-size:20px;margin-bottom:20px}#work-detail .video-container iframe{opacity:0;pointer-events:none;transition:.4s}.detail-item a:hover{color:#fff}.detail-item.text-item .flex-container p{text-align:left}.medium-img,.video-container{position:relative;display:block;width:100%;max-width:820px;height:460px;overflow:hidden}.arrow .border-svg,.video-container .vimeo-video,.video-container iframe,.video-container video,.vimeo-video iframe{width:100%;height:100%}.next-prev-button .logo p{font-size:24px;max-width:200px;overflow:hidden;padding-bottom:5px;text-overflow:ellipsis;white-space:nowrap}.video-container .overlay{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;transition:4s}.video-container .overlay .play:hover{transform:translate(-50%,-50%) scale(.95)}.video-container .overlay .play{position:absolute;cursor:pointer;transition:.3s;width:70px;height:70px;z-index:3}.video-container .img-container::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.3)}#footer.hide,.sound-quality .disable,.video-container .overlay.hide,body.is-ipad #home-hero.towns .cities{opacity:0;pointer-events:none}.video-container .overlay .bg-img{position:relative;display:block;width:100%;height:100%;top:0;left:0}.next-prev-button .logo{opacity:0;top:0;width:110px;transform:translateY(20px);right:0;transition:.8s ease-in-out;position:absolute}.next-prev-button .logo img{margin-top:10px;max-height:60px}#next-project .next-prev-button p,.next-prev-button:hover p{transform:translateY(-25px)}.next-prev-button.prev-button .logo{right:unset;left:0}.back-button p,.next-prev-button p{font-size:10px;display:block;transition:.8s ease-in-out;padding:10px}.back-button p{padding-bottom:30px;margin-top:30px}.next-button svg{margin-left:5px}.next-prev-button .logo.logo-text{width:auto;transform:translateY(40px)}.next-prev-button .logo-text svg{position:absolute;left:-10%;bottom:-10px;margin:0 auto;height:auto;width:120%}#next-project .next-prev-button .logo-text.is-inview,.next-prev-button:hover .logo-text{transform:translateY(20px)}.prev-button svg{margin-right:5px}.back-button svg,.next-prev-button p svg{margin-bottom:-1px}#next-project .left .logo,#next-project .right .logo,#radar-img{width:80px;height:80px}.two-imgs.detail-item .left,.two-imgs.detail-item .right{position:relative;display:inline-block;width:50%;margin-top:110px;margin-right:-4px;height:600px;vertical-align:top}.service .drop .items .left,.service .drop .items .right,.two-imgs .img-scale{width:50%}.two-imgs .img-scale .bg-img{left:-5%;width:110%}.two-imgs.detail-item .right,.two-imgs.detail-item.reverse .img-container:first-of-type,.two-imgs.detail-item:not(.reverse) .img-container:nth-of-type(2){z-index:2;margin-left:-30px;margin-top:0}#work-detail .two-imgs.enter-h .img-container .img-scale{height:300px;opacity:0}#work-detail .two-imgs.enter-h .img-container.is-inview .img-scale{height:600px;width:100%;opacity:1}.two-imgs.detail-item{position:relative;display:block;width:85%}.two-imgs.detail-item.reverse .img-container:first-of-type{margin-top:0;margin-left:10%}.two-imgs.detail-item.reverse .img-container:nth-of-type(2){position:absolute;right:0;bottom:0}.two-imgs.detail-item .img-container.landscape{width:90%;margin-top:0}.two-imgs.detail-item .img-container.to-right{position:absolute;right:0;bottom:6%;width:42%}.two-imgs.detail-item.one-landscape{padding-bottom:20%}#next-project .share{position:relative;margin:80px auto;width:max-content;max-width:100%;font-size:10px}#next-project .share>*{padding:10px;position:relative}#next-project .share p::after{position:absolute;right:-17px;top:50%;transform:translateY(-50%);content:'';display:block;width:15px;height:1px;background:var(--pink)}#next-project .share p{margin-right:20px}#next-project .center img{width:20px;margin-right:20px}#next-project .center p{font-size:12px;width:100%;text-align:center}.text-section .text{margin:20px auto}.text-section .wrapper{max-width:810px}.text-section h4.subtitle{font-size:30px;font-weight:600;text-transform:uppercase}.text-section ul{padding-left:5%;margin-top:5px!important}.text-section .wrapper>div{margin-bottom:80px}section.services-section .wrapper{max-width:510px}.services-section .small-subtitle{margin:40px 0 80px}.service.open .arrow{transform:scaleY(-1)}.service .arrow{transition:.5s}.small-subtitle{font-size:14px;line-height:30px;font-weight:500;text-align:center}.drop .item{font-size:12px;padding:12px 15px;display:flex;align-items:center;position:relative;width:50%}.drop .items{flex-wrap:wrap;align-items:flex-start;padding:20px 0 30px}.drop .item::before{position:absolute;content:'';width:10px;top:13px;height:10px;left:0;border-radius:50%;border:1px solid var(--pink)}.drop .item::after{position:absolute;content:'';left:4px;top:17px;width:2px;height:2px;border-radius:50%;background:#fff}.input .content,.service .top{justify-content:flex-start}.drop .item .icon{width:15px;height:auto;margin-top:1px;margin-right:5px}.dropdown.service{cursor:pointer;margin:45px 0}.service .drop .items .left{padding-right:10px}.service .item svg{width:15px;height:15px;position:relative;margin-right:5px;display:block}.service .item p{width:calc(100% - 20px)}.dropdown .toggle-open .arrow svg{position:absolute}.dropdown.service .toggle-open{position:relative;display:block;width:40px;margin-right:10px}.dropdown.service .top{font-size:20px;line-height:25px;align-items:center;letter-spacing:-.05em}.dropdown .drop{position:relative;display:block;height:0;transition:.6s ease-in;overflow:hidden}.contact-email-tmp div a::after,.input::after{position:absolute;left:0;background:var(--pink);content:''}.dropdown .drop .container{position:relative;padding:20px 0;display:block}.dropdown.open .drop{height:500px}.contact-email-tmp{padding:50px 0 100px;text-align:center}.contact-email-tmp div{padding:5px 0;font-size:25px}.contact-email-tmp div a{position:relative;margin-left:5px;line-height:40px}.contact-email-tmp div a::after{bottom:0;width:100%;height:2px;transition:.3s}.contact-email-tmp div a:hover::after{width:0}#contact-form-section form{position:relative;display:block;margin:0 auto;width:100%;max-width:500px}input,textarea{border:none;background:0 0;color:#fff;resize:none;font-family:axis;font-size:12px}.input{position:relative;display:block;margin-top:30px;padding:15px 0}.input::after{bottom:-1px;width:0;height:1px;transition:.5s}.input label{font-size:12px;width:90px;margin-right:20px}.input .content input,.input .content textarea{flex-grow:1}.custom-option:first-of-type,body.is-ipad #language-select .custom-option:first-of-type{padding-top:10px}.custom-option:last-of-type,body.is-ipad #language-select .custom-option:last-of-type{padding-bottom:10px}#contact-form-section .button-underlined canvas{bottom:-55px}#careers-section .custom-option:last-of-type,#language-select .custom-option:last-of-type{padding-bottom:20px}#contact-form-section .button-underlined{font-size:33px;margin:60px auto;width:max-content;display:block}.office{text-align:center;width:33.3%}.office>*{position:relative;font-size:14px;line-height:34px;display:block;margin:12px auto}.dropdown.career .top p,.form-message{font-size:12px}.office p:first-of-type{font-size:12px;margin-bottom:25px}#contact-form-section .custom-options{top:-15px;width:calc(100% + 20px)}.input .custom-select-wrapper{margin-left:15px}.form-message{text-align:center;position:absolute;bottom:90px;width:100%}#careers-section .select-container{position:relative;display:block;width:max-content;margin:0 auto 20px;z-index:10}#careers-section .select-container .custom-select-wrapper .custom-options{top:-27px;left:-15px}.dropdown.career{padding:25px;position:relative;cursor:pointer}.dropdown.career .top p:first-child{width:36%}.dropdown.career .top p:nth-child(2),.dropdown.career .top p:nth-child(3){width:32%}.dropdown.career .top .toggle-open{position:relative;width:40px}#careers-hero a{margin:30px auto;padding:10px 0}.no-positions{text-align:center;font-size:20px;line-height:30px}.dropdown.service .drop .container{padding-left:50px}.dropdown.career .drop .container{padding-top:30px}.dropdown.career::before{background:linear-gradient(173deg,#ec118f -14.63%,rgba(236,17,143,0) 40%);content:'';position:absolute;pointer-events:none;left:0;top:0;transition:.6s;width:100%;opacity:0;height:300px}.dropdown.career .button-underlined{padding:5px 0;margin:30px 0 15px}.about-button,.send-button{padding-bottom:40px;margin-top:20px}#about-router .text-section{margin-top:60px}#about-router .text-section .wrapper{max-width:570px}#awards-section .item:not(:first-of-type){text-align:center;font-size:100px}#awards-section .item:not(:first-of-type) img{max-height:94px}#awards-section .item:not(:first-of-type) .bottom{margin-top:15px}.about-subtitle p{margin-bottom:20px}.about-subtitle .big-title{line-height:60px}#about-hero .cities{margin-top:30px}.client-box{width:170px;position:relative;height:170px;background:#fff}.client-box img{width:150px;position:absolute}.clients-container .row{width:772px;max-width:100%;margin-bottom:30px;overflow:hidden}.member .name,body.is-ipad .about-subtitle p{margin-bottom:10px}.clients-container .row:first-of-type{margin-left:-105px}.clients-container .row:nth-of-type(2){margin-left:295px}.clients-container .row:nth-of-type(3){margin-left:95px}#clients-section .about-subtitle{position:absolute;right:160px;top:-80px}section#clients-section{padding:120px 0}section#awards-section{margin:100px 0}#clients-section .button-container{position:absolute;display:block;right:170px;bottom:-100px}section#clients-section .button-container canvas{bottom:-90px}section.gallery-section{padding:60px 0 100px}.gallery-section .left{width:15%;z-index:2;margin-top:50px}.gallery-section .right{width:85%;overflow:hidden;height:516px;position:relative;display:block}.gallery-section .right>div,.swiper-navigation .arrow svg:first-of-type,.swiper-slide .img-container{position:absolute;top:50%;transform:translate(-50%,-50%);left:50%}.gallery-section .right>div{width:100%;height:100%;overflow:hidden}#gallery-swiper .swiper-slide .img-container .bg-img,#office-swiper .swiper-slide .img-container .bg-img{width:100%;height:100%;left:0;transition:.5s cubic-bezier(.4, 0, 1, 1) .2s;top:0;transform:scale(1.2)}#gallery-swiper .swiper-slide-active.swiper-slide .img-container .bg-img,#office-swiper .swiper-slide-active.swiper-slide .img-container .bg-img{transform:scale(1)}.swiper-slide .img-container{transition:.5s cubic-bezier(.4, 0, 1, 1) .5s}.quality-options .quality-button,.quality-options .quality-button:first-of-type{transform:translateX(-20px) translateY(-50%)}.swiper-navigation .arrow{width:80px;height:80px;position:relative}.swiper-navigation .arrow svg:first-of-type{height:14px;width:14px}.swiper-navigation{width:160px;margin-top:100px;margin-left:-20px}.gallery-section .about-subtitle .big-title{font-size:120px;line-height:75px}.gallery-section .about-subtitle .big-title span:nth-of-type(2){margin-left:-51px}.gallery-section .about-subtitle .big-title span:nth-of-type(3){margin-left:43px;margin-top:25px}.gallery-section .about-subtitle p{margin-bottom:40px}.swiper-navigation .gallery-prev .arrow svg:first-of-type,.swiper-navigation .office-prev .arrow svg:first-of-type{transform:translate(-50%,-50%) rotate(90deg)}.swiper-navigation .gallery-next .arrow svg:first-of-type,.swiper-navigation .office-next .arrow svg:first-of-type{transform:translate(-50%,-50%) rotate(-90deg)}.members-container .swiper-slide{width:404px;height:463px;position:relative}.member .overlay{position:absolute;width:100%;height:100%;left:0;overflow:visible;padding:20px;transition:.6s;top:0;pointer-events:none;opacity:0;z-index:3}.members-container .swiper-slide .member{cursor:pointer;width:100%;height:100%;overflow:visible;padding:20px}.members-container{padding:40px 0 80px}.member .img-container .bg-img{width:100%;height:100%;position:relative;display:block;left:0;top:0}.member .overlay .text-container{padding:85px 50px 50px;position:relative}.member .overlay .icon{width:80px;display:none;height:80px;position:absolute;top:-20px;border-radius:50%;overflow:hidden;z-index:2}.member .img-container::after,.member .img-container::before{position:absolute;top:0;transition:.6s;opacity:0;height:100%;left:0;pointer-events:none;width:100%;content:''}.member .overlay .icon .bg-img{width:100%;height:100%;border-radius:50%}.member .name{font-size:40px}.member .job{margin-bottom:30px;line-height:1.5}.member .bio{line-height:25px}.member .img-container::before{z-index:1;background:linear-gradient(79.82deg,#1d181c 7.15%,#3d2c50 94.88%)}.member .img-container::after{z-index:2;background:linear-gradient(142deg,rgba(236,17,143,.7) 3.53%,rgba(236,17,149,0) 38.51%)}div#swiper-team-2{margin-left:-300px;margin-top:30px}#team-section .about-subtitle{padding-left:15%}#team-section .button-container{position:relative;display:block;margin:0 auto;text-align:center}#team-section .button-underlined{font-size:35px;margin:100px 0}#team-section .button-container canvas{bottom:-60px}section#team-section{padding-top:80px}#about-hero .big-title{font-size:95px;line-height:100px;width:89%;margin:0 auto}#about-hero .big-title .pink-dot{width:10px;height:10px;right:-16px}#about-hero h2 .matrix-effect:not(:last-of-type){margin-bottom:-70px}#team-section .member .button-container{z-index:4;position:absolute;left:50%;opacity:0;top:50%;transform:translate(-50%,-50%)}.cta3d.hover div:nth-child(3),.member:hover .img-container::before{opacity:.8}#awwwards-svg path,#awwwards-svg polygon,#ca-svg path,#webby-svg path,#webby-svg polygon{fill:#ffffff80}.item svg{width:110px;height:70px}footer#footer{position:absolute;bottom:0;width:100%;padding-bottom:25px;pointer-events:all;transition:.4s;opacity:1}.quality-options{position:absolute;display:block;top:50%;width:30px;height:30px;transform:translateY(-50%);pointer-events:none;right:0}.cta3d div,.only-mobile,body.is-ipad #main-menu .bottom .sound-quality,body.is-ipad .member .name,body.is-ipad .member .overlay .icon,body.is-ipad .only-desktop,body.is-ipad footer{display:none}.quality-options .quality-button{opacity:0;cursor:pointer;top:50%;left:60px;margin-right:20px;position:absolute;margin-left:0;transition:1.5s cubic-bezier(.19, 1, .22, 1)}.quality-options.open .quality-button:first-of-type{transform:translateX(0) translateY(-50%);opacity:.5}.quality-options .quality-button.selected::before{content:'';position:absolute;left:50%;top:50%;opacity:0;transition:2s cubic-bezier(.19, 1, .22, 1) .5s;width:100%;height:100%;transform:translate(-50%,-50%) scale(0);border-radius:50%;border:1px solid rgba(255,255,255,.3)}.quality-options.open .quality-button.selected::before{transform:translate(-50%,-50%) scale(1.55);opacity:1}#footer .center{align-items:center;position:absolute;display:block;width:max-content;left:0;right:0;top:10px;margin:0 auto}.quality-button.open{opacity:.2}.quality-options.open .quality-button:nth-of-type(2){transform:translateX(40px) translateY(-50%);opacity:.5}.quality-options.open .quality-button:last-of-type{transform:translateX(80px) translateY(-50%);opacity:.5}.quality-options>span,.sound-quality>span{position:absolute;top:-10px;height:70px;width:70px;text-align:center;z-index:2;transition:.6s cubic-bezier(.19, 1, .22, 1);white-space:nowrap;left:0;opacity:0}.cta3d,.cta3d div{transition:opacity .3s ease-in-out,width .3s ease-in-out,height .3s ease-in-out,box-shadow .3s ease-in-out,border-color .3s ease-in-out}.sound-quality .quality-options>span{left:70px}.quality-options::after{position:absolute;content:'';height:1px;transition:.6s;top:50%;transform:translateY(-50%);left:35px;width:0;background:rgba(255,255,255,.3)}.quality-options.open::after{width:18px}.quality-options.open .quality-button{transition:1.5s cubic-bezier(.19, 1, .22, 1) .3s}#footer .wrapper>.flex-container{align-items:flex-end}#footer .right{margin-bottom:-15px;opacity:0;pointer-events:none}@media screen and (min-width:1100px){.split-text-enter .split-line br{display:none}body.loaded .work-box:hover .img-container .bg-img::before,body.loaded .work-box:hover .text{opacity:1}body.loaded .work-box:hover .scale-onhover{transform:scale(1.1)}body.loaded .work-box:hover .img-container .img-scale{filter:blur(1px)}.custom-option.selected:hover{color:#fff}}body.is-ipad #about-hero h2 .matrix-effect:not(:last-of-type){margin-bottom:-20px}body.is-ipad div#swiper-team-mobile{display:block;width:90%;height:310px;margin:0 auto}body.is-ipad .members-container{padding:40px 0}body.is-ipad #about-hero .big-title{width:90%;max-width:500px}body.is-ipad #awards-section .flex-container .item:first-of-type{width:100%;margin-bottom:30px}body.is-ipad #awards-section .flex-container{flex-wrap:wrap;align-items:flex-end}body.is-ipad .about-subtitle h3 .db{display:inline-block;margin-left:0!important}body.is-ipad .wrapper{width:95%}body.is-ipad .only-mobile{display:inline-block}body.is-ipad #header a.logo{width:90px}body.is-ipad .big-title{font-size:45px;line-height:55px}#about-hero .cities,body.is-ipad #home-hero .cities{font-size:10px;margin-bottom:90px;letter-spacing:.5em;transition:opacity .4s}body.is-ipad #about-hero .cities{margin:40px 0}body.is-ipad .big-title .matrix-item{width:auto!important}body.is-ipad #work-detail .top .filters p{font-size:10px;margin:0 10px}body.is-ipad #work-detail .filters>p:not(:last-of-type)::after{right:-10px}body.is-ipad #explore-more p{position:relative;display:block}body.is-ipad #explore-more{display:block;position:relative;margin:0 auto;text-align:center;padding-bottom:60px}body.is-ipad #explore-more p svg{width:5px;margin-left:5px}body.is-ipad #explore-more p>*{display:inline-block;vertical-align:middle}body.is-ipad #explore-more .button-underlined{margin-top:15px;padding-bottom:35px}body.is-ipad .filters>*{margin:0 20px}body.is-ipad section.last-section{padding-bottom:100px}body.is-ipad #awards-section .item:not(:first-of-type){font-size:50px}body.is-ipad #awards-section .item:not(:first-of-type) img{max-height:70px}body.is-ipad .gallery-section .right{height:400px}body.is-ipad #main-nav a:first-of-type{top:10vh;left:52vw}body.is-ipad #main-nav a:nth-of-type(2){right:unset;top:22vh;left:8vw}body.is-ipad #main-nav a:nth-of-type(3){top:30vh;left:unset;font-size:33px;right:3vw}body.is-ipad #main-nav a:nth-of-type(4){top:48vh;left:11vw}body.is-ipad #main-nav a:nth-of-type(5){top:56vh;right:9vw}body.is-ipad #language-select .custom-options{width:max-content;top:-18px;background:linear-gradient(180deg,#131b4b 0,#0a0d1f 100%)}body.is-ipad #work-detail .two-imgs+.two-imgs{padding-bottom:180px;margin-top:0!important}body.is-ipad .swiper-navigation .arrow{width:50px;height:50px}body.is-ipad .swiper-navigation .arrow svg:first-of-type{height:6px;width:10px}body.is-ipad .swiper-navigation{width:110px}#careers-hero .big-title,body.is-ipad #about-hero .big-title{font-size:60px;line-height:75px}body.is-ipad .works .row{left:0!important}body.is-ipad .work-box{height:270px;overflow:visible;margin-bottom:20px}body.is-ipad .work-wrap{width:calc(50% - 20px)}body.is-ipad #work-detail .big-img{height:420px}body.is-ipad.loaded .work-box .text{bottom:unset;top:100%;padding-left:0;right:30px;width:100%;opacity:1;position:absolute;max-height:75px;transform:translateY(20px) scale(1.1);height:75px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}body.is-ipad .work-box:nth-of-type(2) .text{right:20px}body.is-ipad .work-box .text .title{font-size:30px;line-height:initial;opacity:1}body.is-ipad .members-container .swiper-slide{width:254px;height:304px}body.is-ipad .member .job{margin-bottom:15px}body.is-ipad .member .overlay .text-container{padding:20px;height:100%}body.is-ipad .member .bio{line-height:15px}body.is-ipad .swiper-slide h5.name.only-mobile{margin-left:40px;font-size:20px}body.is-ipad section#offices .office{width:50%;margin-bottom:20px}body.is-ipad section#offices .offices{width:100%;flex-wrap:wrap;justify-content:space-around;align-items:flex-start}body.is-ipad #clients-section .about-subtitle{position:relative;display:block;right:unset;top:unset;margin-bottom:40px}body.is-ipad .clients-container .row{margin-left:0!important;margin-bottom:28px}body.is-ipad #gl-viewport #shadow,body.is-ipad #gl-viewport canvas{position:fixed}@media screen and (min-width:1440px){.wrapper{max-width:1280px}#home-hero .big-title{font-size:4.5vw;line-height:1.2;width:85%}#home-hero.hero-section .cities{font-size:.7vw}.work-box{height:330px;display:block;position:relative}}@media screen and (min-width:1920px){#clients-section .about-subtitle{right:450px}#clients-section .button-container{right:460px}.wrapper{max-width:1600px}#home-hero .wrapper{max-width:unset}#office-swiper{height:650px}#work-detail .big-img{height:700px}.video-container{max-width:1280px;height:720px}.two-imgs.detail-item .left,.two-imgs.detail-item .right{height:900px}#work-detail .two-imgs.enter-h .img-container.is-inview .img-scale{height:100%}.work-box{height:400px}#header .logo{width:140px}.toggle-nav{width:55px;height:55px}.toggle-nav span{top:22px;width:16px}.toggle-nav span:nth-of-type(2){top:28px;left:4px}#radar-img{width:110px;height:110px}}@media screen and (max-width:1280px){#work-links a{width:100px;height:100px}#work-links a:nth-of-type(3){top:20%}#work-links a:nth-of-type(4){top:50px}#work-links a:nth-of-type(5){width:200px}#work-links a>canvas{top:calc(50% + 15px)}#work-links a>span{font-size:16px}.work-box .text{padding:0 30px;right:0;bottom:30px;width:100%}#clients-section .about-subtitle,#clients-section .button-container{right:0}}@media screen and (max-width:1100px){.swiper-navigation .arrow{width:50px;height:50px}.swiper-navigation .arrow svg:first-of-type{height:6px;width:10px}.swiper-navigation{width:110px}#about-hero .big-title,#careers-hero .big-title{font-size:60px;line-height:75px}#about-hero h2.big-title:not(:last-of-type),#careers-hero h2.big-title:not(:last-of-type){margin-bottom:-30px}body,html{overflow-y:auto}.works .row{left:0!important}.work-box .img-container,.work-box .text{left:unset;position:relative;display:block;top:unset}.work-box{height:auto;overflow:visible;margin-bottom:20px}.work-wrap{width:calc(50% - 20px)}#work-detail .big-img{height:420px}.work-box .text{height:auto;bottom:unset;max-height:unset;right:unset;margin-top:10px;margin-bottom:30px}.work-box .img-container{transform:none;height:270px!important}.work-box .text.only-mobile .subtitle{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:16px;line-height:24px}.member .name,.member .overlay .icon,.work-box .text.only-desktop{display:none}.work-box:nth-of-type(2) .text{right:20px}.work-box .text .title{font-size:30px;line-height:initial;opacity:1}body.loaded .work-box.is-inview .text{opacity:1;transform:translateY(0) scale(1)}.members-container .swiper-slide{width:254px;height:304px}.member .job{margin-bottom:15px}.member .overlay .text-container{padding:20px;height:100%}.member .bio{line-height:15px}.member-container .swiper-slide .name.only-mobile{margin-left:20px}.swiper-slide h5.name.only-mobile{margin-left:40px;font-size:20px}section#offices .office{width:50%;margin-bottom:20px}section#offices .offices{width:100%;flex-wrap:wrap;justify-content:space-around;align-items:flex-start}#clients-section .about-subtitle{position:relative;display:block;right:unset;top:unset;margin-bottom:40px}.clients-container .row{margin-left:0!important;margin-bottom:28px}}.cta3d,.cta3d div,.cta3d:before{position:absolute}@media screen and (max-width:900px){#about-hero h2 .matrix-effect:not(:last-of-type){margin-bottom:-20px}div#swiper-team-mobile{display:block;width:90%;height:310px;margin:0 auto}.members-container{padding:40px 0}#about-hero .big-title{font-size:55px;line-height:65px;width:90%;max-width:500px}#awards-section .flex-container .item:first-of-type{width:100%;margin-bottom:30px}#awards-section .flex-container{flex-wrap:wrap;align-items:flex-end}.about-subtitle h3 .db{display:inline-block;margin-left:0!important}.about-subtitle p{margin-bottom:10px}.wrapper{width:95%}.only-mobile{display:inline-block}.body-bg .bg-img.only-mobile{display:block}#main-menu .bottom .sound-quality,.only-desktop,footer{display:none}#header a.logo{width:90px}.big-title{font-size:45px;line-height:55px}#about-hero .cities,#home-hero .cities{font-size:10px;margin-bottom:90px;line-height:2;letter-spacing:.5em;transition:opacity .4s}#home-hero.towns .cities{opacity:0;pointer-events:none}#about-hero .cities{margin:40px 0}.big-title .matrix-item{width:auto!important}#home-hero .big-title{margin-bottom:30px}#work-detail .top .filters p{font-size:10px;margin:0 10px;white-space:nowrap}#work-detail .filters>p:not(:last-of-type)::after{right:-10px}#work-detail .big-img,.gallery-section .right,.two-imgs.detail-item .img-container{height:400px}#explore-more p{position:relative;display:block}#explore-more{display:block;position:relative;margin:0 auto;text-align:center;padding-bottom:60px}#explore-more p svg{width:5px;margin-left:5px}#explore-more p>*{display:inline-block;vertical-align:middle}#explore-more .button-underlined{margin-top:15px;padding-bottom:35px}.filters>*{margin:0 20px}section.last-section{padding-bottom:100px}#next-project .flex-container{justify-content:center}#awards-section .item:not(:first-of-type){font-size:50px}#awards-section .item:not(:first-of-type) img{max-height:70px}#main-nav a:first-of-type{top:10vh;left:52vw}#main-nav a:nth-of-type(2){right:unset;top:22vh;left:8vw}#main-nav a:nth-of-type(3){top:30vh;left:unset;font-size:33px;right:3vw}#main-nav a:nth-of-type(4){top:42vh;left:11vw}#main-nav a:nth-of-type(5){top:56vh;right:9vw}#main-nav a:nth-of-type(6){top:60vh;right:41vw}#language-select .custom-options{width:max-content;top:-18px;background:linear-gradient(180deg,#131b4b 0,#0a0d1f 100%)}#language-select .custom-option:first-of-type{padding-top:10px}#language-select .custom-option:last-of-type{padding-bottom:10px}#work-detail .two-imgs+.two-imgs{padding-bottom:180px;margin-top:0!important}#home-hero .db{position:relative;max-width:100%;display:flex;flex-wrap:wrap;justify-content:center}#home-hero .db>.matrix-word{margin-right:7px}}@media screen and (max-width:600px){#home-hero .big-title .pink-dot,.pink-dot{bottom:12px}.text{font-size:12px;line-height:30px}.detail-item{margin:50px auto}.detail-item.text-item .flex-container,.gallery-section .about-subtitle .big-title .db{display:block}.detail-item.text-item .subtitle{text-align:left;font-size:50px;margin-bottom:20px}.video-container{height:330px}#work-detail .big-img,#work-detail .two-imgs.enter-h .img-container.is-inview .img-scale,.two-imgs.detail-item .img-container,.two-imgs.detail-item .left,.two-imgs.detail-item .right{height:300px}.two-imgs.detail-item .img-container:nth-of-type(2){margin-left:-20px}.two-imgs.detail-item .img-container:first-of-type{margin-left:10px}#main-menu .bottom .right,#our-reel .video-container,.redes,.two-imgs.detail-item{width:100%}#next-project .left .logo,#next-project .right .logo,#work-overview .prev-button{display:none}.works .row{flex-wrap:wrap;left:unset!important}.work-box,.work-wrap{max-width:350px;margin-top:0!important;width:100%}.work-wrap{width:100%;margin:0 auto}#work-overview-list{transform:translateX(0);margin-top:50px}.work-box .text .title{font-size:24px}.work-box:first-of-type{left:0}.work-box:nth-of-type(2){left:20vw}.filters .custom-select .custom-select-name{width:100%;position:relative}#main-menu .bottom>.flex-container,.filters .custom-select,.gallery-section .flex-container,.input .content{flex-wrap:wrap}.filters .custom-select .custom-select-options-wrapper{margin-top:5px;margin-left:0}.work-overview.custom-select__trigger span{position:relative;display:block;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-option,.custom-select,.custom-select__trigger{font-size:10px}.filters>*{margin:0 10px;width:auto}.filters>:first-of-type{margin-left:0}.filters>:last-of-type{margin-right:0}.text-section .text{margin:20px auto;padding:0 10px}section#offices .office{width:100%;margin-bottom:60px}section#offices .offices{margin-top:100px}.office p:first-of-type{margin-bottom:20px}.input .custom-select-wrapper{display:block;margin-top:20px}.input label{width:90px;margin-right:10px}.client-box{width:calc(100% - 10px);height:120px}section#clients-section{padding:0 0 80px}#clients-section .button-container{right:50px;bottom:-80px}section#team-section{padding-bottom:80px}#team-section .button-container{position:absolute;right:15vw}.gallery-section .about-subtitle .big-title{font-size:60px;line-height:50px}.gallery-section .about-subtitle{pointer-events:none;user-select:none}.gallery-section .left{width:100%;position:absolute;margin-top:0;top:0}.gallery-section .right{height:240px;width:90%;max-width:410px;margin-left:10%;margin-top:180px}.gallery-section .about-subtitle .big-title span:nth-of-type(3){margin-top:0}.gallery-section .swiper-navigation{bottom:-250px;position:absolute;margin-top:0;margin-left:0;left:10%}section.gallery-section{padding:80px 0}.clients-container .row{margin-bottom:12px}#main-menu .bottom nav{width:100%;order:2;border-top:1px solid rgba(255,255,255,.3);padding-top:15px;position:relative;left:unset;transform:none}#main-menu .bottom .right{padding-bottom:16px}div#main-nav{font-size:20px}.img-container .bg-img{left:0;top:0;width:100%;height:100%}section#home-hero{top:45%}div[data-router-view]{padding-top:120px}#our-reel .top{margin-bottom:0}#our-reel .title{font-size:50px}.detail-item.text-item .right{margin-left:0;text-align:center}.pink-dot{width:6px;height:6px}}@media screen and (max-width:500px){#work-detail .filters,#work-overview .filters{-ms-overflow-style:none;scrollbar-width:none}#work-detail .filters::-webkit-scrollbar,#work-overview .filters::-webkit-scrollbar{display:none}.client-box{height:70px}.wrapper{width:90%;max-width:340px}#home-hero .big-title,.work-box{width:100%}.work-box:first-of-type{left:0}.work-box:nth-of-type(2){left:5vw}#work-detail .big-img{height:220px}.medium-img,.video-container{height:190px}.small-subtitle{font-size:10px;line-height:24px;letter-spacing:.5em}.dropdown.service .drop .container{padding-left:40px}.services-section .wrapper>.text{text-align:center}.services-section .small-subtitle{margin:60px 0 80px}.gallery-section .right{height:180px}.gallery-section .swiper-navigation{bottom:-210px}.item svg{width:60px;height:auto}p.bio.fs-12.ff-axis.enter-container{font-size:10px}.member .job{font-size:12px;line-height:15px}#team-section .about-subtitle{padding-left:0}#main-menu .bottom{padding:25px 0 10vh}#about-hero .big-title{font-size:42px;line-height:50px}#work-links a{width:70px;height:70px}#work-links a:first-of-type{left:12%;transform:none;top:48%}#work-links a:nth-of-type(2){top:56%;left:59%}#work-links a:nth-of-type(3){top:34%;left:72%}#work-links a:nth-of-type(4){left:72%;top:14%}#work-links a:nth-of-type(5){width:70px;top:27%}header#header{padding:0}#header .back-button{margin-left:15px}#towns-access #b-songshan{bottom:16%}#towns-access #b-littleindia{bottom:35%}#towns-access #b-harajuku{bottom:25%}#gl-viewport::after{background:#060549;background:-moz-radial-gradient(circle,rgba(6,5,73,0) 6%,rgba(4,4,57,.57) 70%,rgba(3,3,42,.91) 100%);background:-webkit-radial-gradient(circle,rgba(6,5,73,0) 6%,rgba(4,4,57,.57) 70%,rgba(3,3,42,.91) 100%);background:radial-gradient(circle,rgba(6,5,73,0) 6%,rgba(4,4,57,.57) 70%,rgba(3,3,42,.91) 100%)}html[lang=ja] #home-hero .big-title{font-size:22px;line-height:32px}}@media screen and (max-width:450px){#main-nav a:first-of-type{top:100px;left:40%}#main-nav a .canvas-container{width:40px;height:40px;top:70%}#main-menu .bottom nav a{padding:10px}#about-hero .big-title,#careers-hero .big-title{font-size:30px;line-height:40px}#about-hero .big-title .matrix-item.dot,#careers-hero .big-title .matrix-item.dot{margin-left:-3px}#work-detail .big-img{height:200px}#next-project .share p{display:block;width:100%;padding-bottom:40px;margin-right:0}#next-project .share{flex-wrap:wrap;text-align:center}#next-project .share p::after{right:0;left:0;top:unset;bottom:16px;margin:0 auto}#next-project .left p,#next-project .right p,.next-button p,.prev-button p{margin-bottom:0}#next-project .center img{order:2;margin-right:0;margin-top:30px}#next-project .center{flex-wrap:wrap;padding-bottom:30px}#awards-section .item:not(:first-of-type){font-size:30px}svg#awwwards-svg{margin-bottom:20px}.matrix-line .line-effect:nth-of-type(3){top:185%}.matrix-line .line-effect:nth-of-type(4){top:235%;left:0}.matrix-line .line-effect:nth-of-type(5){top:360%;left:20%}.matrix-parent.onanim .matrix-line .line-effect:nth-of-type(6){top:360%}.matrix-parent.onanim .matrix-line .line-effect:nth-of-type(7){top:470%;left:30%}}@media screen and (max-width:400px){#work-detail .filters,#work-overview .filters{flex-wrap:wrap}#work-detail .top .filters p{width:100%;text-align:center;margin-bottom:10px}#work-overview .filters>*{display:block;width:calc(50% - 20px);text-align:center;margin:10px 0}#work-overview .custom-option,#work-overview .custom-select,#work-overview .custom-select__trigger,.filters .custom-select{font-size:14px}#work-overview .filters .custom-select .custom-select-options-wrapper{margin:15px auto 25px}#work-overview .custom-options{left:45%;transform:translateX(-50%)}.custom-select.open .custom-select-name{padding-bottom:10px;padding-right:0}}@media screen and (max-width:340px){section#home-hero{top:55%}#home-hero .big-title{font-size:40px;line-height:50px}#towns-access #b-songshan{bottom:7%}#towns-access #b-littleindia{bottom:28%}#towns-access #b-harajuku{bottom:18%}}@-webkit-keyframes rotating{from{-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotating{from{-ms-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}i.fa-circle-notch,i.fa-spinner,i.fa-spinner-third{animation:1.2s linear infinite rotate}@-moz-keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@-webkit-keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.cta3d{width:30px;height:30px;border-radius:30px;border:1px solid #fff5;box-shadow:0 0 2px 1px #fff5;opacity:1}.cta3d:before{content:'';width:5px;height:5px;background:#fff;transform:translate(-50%,-50%);left:50%;top:50%;border-radius:30px;overflow:hidden;display:block}.cta3d div,.cta3d.hover{border:1px solid #f30776;box-shadow:0 0 2px 1px #f30776}.cta3d.hover{width:40px;height:40px}.cta3d div{width:100%;height:100%;border-radius:30px;opacity:0}.cta3d div:first-child{animation:1.5s linear infinite alternate randomMain;border:1px solid #fff;box-shadow:0 0 1px #fff;opacity:0}.cta3d div:nth-child(2){animation:1.2s linear infinite alternate randomB;opacity:0}.cta3d div:nth-child(3){animation:1.6s linear infinite alternate randomC;opacity:0}.cta3d.hover div:first-child{opacity:.9;box-shadow:0 0 2px 1px #fff}.cta3d.hover div:nth-child(2){opacity:.75}@-moz-keyframes randomMain{0%{transform:translate(0,0)}25%{transform:translate(-2px,0)}50%{transform:translate(2px,-2px)}75%{transform:translate(0,-2px)}100%{transform:translate(2px,0)}}@-webkit-keyframes randomMain{0%{transform:translate(0,0)}25%{transform:translate(-2px,0)}50%{transform:translate(2px,-2px)}75%{transform:translate(0,-2px)}100%{transform:translate(2px,0)}}@keyframes randomMain{0%{transform:translate(0,0)}25%{transform:translate(-2px,0)}50%{transform:translate(2px,-2px)}75%{transform:translate(0,-2px)}100%{transform:translate(2px,0)}}@-moz-keyframes randomA{0%{transform:translate(0,0)}50%{transform:translate(-3px,5px)}100%{transform:translate(3px,-5px)}}@-webkit-keyframes randomA{0%{transform:translate(0,0)}50%{transform:translate(-3px,5px)}100%{transform:translate(3px,-5px)}}@keyframes randomA{0%{transform:translate(0,0)}50%{transform:translate(-3px,5px)}100%{transform:translate(3px,-5px)}}@-moz-keyframes randomB{0%{transform:translate(0,0)}50%{transform:translate(5px,-3px)}100%{transform:translate(-5px,5px)}}@-webkit-keyframes randomB{0%{transform:translate(0,0)}50%{transform:translate(5px,-3px)}100%{transform:translate(-5px,5px)}}@keyframes randomB{0%{transform:translate(0,0)}50%{transform:translate(-3px,-5px)}100%{transform:translate(5px,3px)}}@-moz-keyframes randomB{0%{transform:translate(0,0)}50%{transform:translate(-3px,-5px)}100%{transform:translate(5px,3px)}}@-webkit-keyframes randomB{0%{transform:translate(0,0)}50%{transform:translate(-3px,-5px)}100%{transform:translate(5px,3px)}}.offices{gap:20px}