.component-logo-client{aspect-ratio:1;display:flex;justify-content:center;align-items:center}.component-logo-client .clip-group{background-color:rgba(0,0,0,0)!important}.component-logo-client.logo-theme-dark .full .wrap{background-color:var(--l-20)}.component-logo-client.logo-theme-dark .clipped .wrap{background-color:var(--l-80)}.component-logo-client.logo-theme-light .wrap{background-color:var(--l-87)}.component-logo-client svg{width:100%}.component-logo-client.in-view svg circle,.component-logo-client.in-view svg path,.component-logo-client.in-view svg polygon,.component-logo-client.in-view svg rect{stroke-dasharray:100% 0;stroke:rgba(0,0,0,0)}.component-logo-client.in-view.logo-theme-dark .full svg circle,.component-logo-client.in-view.logo-theme-dark .full svg path,.component-logo-client.in-view.logo-theme-dark .full svg polygon,.component-logo-client.in-view.logo-theme-dark .full svg rect{fill:var(--l-40)!important}.block-agency{width:100%;position:relative}.block-agency .image .inner{grid-column:3/span 20}.block-agency .image .inner.dark{background-color:#000}@media(max-width:768px){.block-agency .image .inner{grid-column:1/span 24}}.block-agency .image .inner .inner-2{position:relative;height:100%}.block-agency .text{position:relative;z-index:1;margin-top:200px}@media(max-width:768px){.block-agency .text{margin-top:80px}}.block-agency .text .title{grid-column:3/span 22}@media(max-width:768px){.block-agency .text .title{grid-column:2/span 22}}.block-agency .text .body{grid-column:4/span 20;margin-top:18px;white-space:pre-line}@media(max-width:768px){.block-agency .text .body{grid-column:3/span 20;white-space:normal}}.block-agency .logos{margin-top:150px}@media(max-width:768px){.block-agency .logos{margin-top:100px}}.block-agency .logos .inner{grid-column:9/span 14;display:grid;justify-content:flex-end;grid-template-columns:repeat(7,1fr);grid-gap:8px;gap:8px}@media(max-width:768px){.block-agency .logos .inner{grid-column:3/span 20;grid-template-columns:repeat(5,1fr);gap:5px}}.block-agency .logos .inner .logo-inner{position:relative;height:100%}.block-agency .link-wrap .ripple-wrap a{position:relative;left:1px}.block-portfolio-heading .header .line{border-top:1px solid var(--l-80)}.block-portfolio-heading .header .container{margin-top:-40px;position:relative;z-index:1}.block-portfolio-heading .header .container .text{grid-column:3/span 22;grid-row:1}@media(max-width:768px){.block-portfolio-heading .header .container .text{grid-column:2/span 22}}.block-portfolio-heading .line{opacity:0;width:50%;margin-left:-30%;transition:all 6s}.block-portfolio-heading .in-view .line{opacity:1;width:130%}.component-timeline-items .items{margin-top:200px}@media(max-width:768px){.component-timeline-items .items{margin-top:100px}.component-timeline-items .items .item{align-items:center}}.component-timeline-items .items .item.is-reversed:nth-of-type(odd) .images,.component-timeline-items .items .item:nth-of-type(2n) .images{grid-column:4/span 9}@media(max-width:768px){.component-timeline-items .items .item.is-reversed:nth-of-type(odd) .images,.component-timeline-items .items .item:nth-of-type(2n) .images{grid-column:6/span 19}}.component-timeline-items .items .item.is-reversed:nth-of-type(odd) .images.client-starbucks,.component-timeline-items .items .item:nth-of-type(2n) .images.client-starbucks{background:#000}.component-timeline-items .items .item.is-reversed:nth-of-type(odd) .images.client-starbucks swiper-container,.component-timeline-items .items .item:nth-of-type(2n) .images.client-starbucks swiper-container{opacity:.98}.component-timeline-items .items .item.is-reversed:nth-of-type(odd) .text,.component-timeline-items .items .item:nth-of-type(2n) .text{grid-column:15/span 7}@media(max-width:768px){.component-timeline-items .items .item.is-reversed:nth-of-type(odd) .text,.component-timeline-items .items .item:nth-of-type(2n) .text{grid-row:1;grid-column:1/span 15}}.component-timeline-items .items .item.is-reversed:nth-of-type(2n) .text,.component-timeline-items .items .item:nth-of-type(odd) .text{grid-column:3/span 7;grid-row:1}@media(max-width:768px){.component-timeline-items .items .item.is-reversed:nth-of-type(2n) .text,.component-timeline-items .items .item:nth-of-type(odd) .text{grid-column:1/span 15}}.component-timeline-items .items .item.is-reversed:nth-of-type(2n) .images,.component-timeline-items .items .item:nth-of-type(odd) .images{grid-column:12/span 9}@media(max-width:768px){.component-timeline-items .items .item.is-reversed:nth-of-type(2n) .images,.component-timeline-items .items .item:nth-of-type(odd) .images{grid-column:6/span 19;margin-top:0}}.component-timeline-items .items .item+.item{margin-top:200px}@media(max-width:768px){.component-timeline-items .items .item+.item{margin-top:100px}}.component-timeline-items .items .item .text{display:flex;align-items:center;padding-bottom:40px}@media(max-width:768px){.component-timeline-items .items .item .text{padding-bottom:90px}}.component-timeline-items .items .item .text .logo{width:140px}@media(max-width:768px){.component-timeline-items .items .item .text .logo{width:110px}}.component-timeline-items .items .item .text .body{margin-top:0}.component-timeline-items .items .item .text .body .excerpt{white-space:pre-line}@media(max-width:768px){.component-timeline-items .items .item .text .body .excerpt{white-space:normal}}.component-timeline-items .items .item .text .date{margin-top:30px}.component-timeline-items .items .item .images{aspect-ratio:3/2}@media(max-width:768px){.block-image-divider .image-full{padding:0}}.block-image-divider .image-full .inner{grid-column:1/span 24}@media(max-width:768px){.block-image-divider .image-full .inner{grid-column:1/span 24}}.block-image-divider .lower{margin-top:100px}@media(max-width:768px){.block-image-divider .lower{margin-top:50px}}.block-image-divider .lower>.inner{align-items:center}.block-image-divider .lower>.inner .text-wrap{position:relative;grid-column:3/span 7}@media(max-width:768px){.block-image-divider .lower>.inner .text-wrap{grid-column:1/span 15;margin-top:30px}}@media(max-width:600px){.block-image-divider .lower>.inner .text-wrap{margin-top:0}}.block-image-divider .lower>.inner .text-wrap .text .body{margin-top:0}.block-image-divider .lower>.inner .text-wrap .text .body .excerpt{white-space:pre-line}@media(max-width:768px){.block-image-divider .lower>.inner .text-wrap .text .body .excerpt{white-space:normal}}.block-image-divider .lower>.inner .text-wrap .text .date{margin-top:30px}.block-image-divider .lower>.inner .text-wrap .image{grid-column:12/span 12;margin-top:-100px;visibility:hidden}.block-image-divider .lower>.inner .image{grid-column:12/span 10}@media(max-width:768px){.block-image-divider .lower>.inner .image{display:none}}.block-team-member{margin-top:250px;padding-bottom:50px}@media(max-width:768px){.block-team-member{margin-top:150px}}.block-team-member .container>.inner{position:relative;align-items:center}.block-team-member .container>.inner .image{grid-column:5/span 4;position:relative;z-index:1}@media(max-width:768px){.block-team-member .container>.inner .image{grid-column:1/span 7}}.block-team-member .container>.inner .text{grid-column:9/span 14;display:flex;align-items:center}@media(max-width:768px){.block-team-member .container>.inner .text{grid-column:8/span 17;padding:15px 0}}.block-team-member .container>.inner .text>.inner{display:flex;align-items:baseline;gap:40px}@media(max-width:768px){.block-team-member .container>.inner .text>.inner{display:block}}.block-team-member .container>.inner .text>.inner .name-zh{position:absolute;top:0;left:-100px;height:100%;display:flex;align-items:center}@media(max-width:768px){.block-team-member .container>.inner .text>.inner .name-zh{left:-40px;top:-10px}}.block-team-member .container>.inner .text>.inner .name-zh svg{height:180px;width:auto}@media(max-width:768px){.block-team-member .container>.inner .text>.inner .name-zh svg{height:120px}}.block-team-member .container>.inner .text>.inner .name-en{font-size:46px;margin-left:-20px}@media(max-width:768px){.block-team-member .container>.inner .text>.inner .name-en{font-size:32px;margin-left:0}}.block-team-member .container>.inner .text>.inner .job-title{position:relative;top:-1px}@media(max-width:768px){.block-team-member .container>.inner .text>.inner .job-title{top:0;margin-top:5px}}.block-team-member svg path{stroke:var(--l-20);stroke-width:1px;stroke-dasharray:50% 100%;fill:rgba(0,0,0,0);transition:stroke-dasharray 1s linear,stroke 1s ease 1s,fill 1s ease 1s}.block-team-member .in-view svg path{stroke-dasharray:100% 0;stroke:rgba(0,0,0,0);fill:var(--l-70)}