:root {
  --white: white;
  --black: black;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-form-formrecaptcha {
  margin-bottom: 8px;
}

body {
  color: #333;
  letter-spacing: .6px;
  max-width: 100vw;
  margin-bottom: 0;
  font-family: Noto Sans TC, sans-serif;
  font-size: 100%;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
}

p {
  margin-bottom: 10px;
}

a {
  color: #2c2c2c;
  background-color: #0000;
  text-decoration: none;
}

.container {
  flex-flow: row;
  justify-content: space-between;
  width: 100%;
  min-width: 100%;
  height: auto;
  min-height: 84px;
  display: flex;
  position: relative;
}

.container.nav-container {
  max-width: 100%;
  display: block;
}

.navbar {
  background-color: #0000;
  background-image: linear-gradient(#fff, #fff 0%);
  width: 100vw;
  height: 84px;
  position: fixed;
  top: 0;
  transform: translate(0);
}

.navbar._w-nav {
  background-color: #0000;
  background-image: linear-gradient(#ffffff59, #ffffff0d 80%, #fff0 100%, #ffffff03);
}

.image {
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 12px;
}

.brand {
  width: 4vw;
  height: 2vw;
}

.brand.w--current {
  width: 4vw;
  height: 2vw;
  padding: 0;
}

.rich-text-block {
  margin-top: 84px;
}

.menu-button {
  background-color: #0000;
  flex: 0 auto;
  order: 1;
  align-self: auto;
  width: auto;
  height: 100%;
  padding: 0;
  display: block;
}

._w-button {
  opacity: 1;
  color: #fff;
  background-color: #000;
  padding: 12px 24px;
}

.icon {
  color: #000;
  justify-content: center;
  width: 3vw;
  font-size: 28px;
  display: flex;
}

.div-block {
  display: flex;
}

.content-container {
  grid-column-gap: 8px;
  grid-row-gap: 16px;
  background-color: #fff;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 100vw;
  padding: 0;
  position: relative;
}

.content-container.splash {
  background-image: none;
  margin-top: 0;
  padding: 0;
}

.content-container.nav-padding {
  padding-top: 180px;
  overflow: hidden;
}

.scrolling-header {
  background-color: #fff;
  height: 15vh;
  min-height: 200px;
  padding-top: 24px;
  padding-bottom: 24px;
  display: block;
}

.scrolling-text {
  margin-top: 0;
  margin-bottom: 0;
  position: absolute;
}

.main-grid {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  grid-template-rows: minmax(200px, auto) minmax(200px, auto) minmax(200px, auto) minmax(200px, auto) minmax(200px, auto) minmax(200px, auto) minmax(200px, auto);
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.collection-list-wrapper {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 100vw;
}

.nav-menu {
  flex: 0 auto;
}

.nav-menu._w-nav-menu {
  background-color: #0000;
  flex-flow: column wrap;
  place-content: flex-start;
  align-items: flex-start;
  display: none;
}

.nav-link {
  color: #000;
  text-transform: uppercase;
  background-color: #0000;
  align-self: flex-start;
  padding-top: 12px;
  padding-bottom: 12px;
  font-weight: 700;
  display: block;
}

.nav-link.underline {
  padding: 0;
}

.nav-link.underline.w--current {
  color: #757575;
}

.splash {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: 125px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  min-width: 100%;
  max-height: 60vh;
  margin-top: 0;
  display: flex;
  overflow: hidden;
}

.image-2 {
  min-width: 100%;
}

.splash-image {
  flex: 1;
  min-width: 100vw;
}

.text-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-auto-columns: 1fr;
  justify-content: space-between;
  width: 100%;
  max-width: 1920px;
  padding: 12px;
  display: grid;
  overflow: hidden;
}

.title {
  text-transform: uppercase;
  align-self: start;
  font-weight: 400;
}

.project-text {
  font-size: 16px;
  line-height: 24px;
}

.architecture-gallery {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  grid-template-rows: minmax(18.5625vw, auto);
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: 18.5625vw;
  grid-auto-columns: 1fr;
  padding: 4px;
  display: block;
  overflow: visible;
}

.div-block-2 {
  align-self: center;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
}

.image-3 {
  display: inline-block;
  overflow: hidden;
}

.heading {
  font-size: 42px;
}

.image-4 {
  width: 100%;
}

.div-block-3 {
  overflow: hidden;
}

.text-block-container {
  justify-content: flex-start;
  max-width: 100vw;
  padding: 24px;
  display: flex;
}

.heading-2 {
  color: #bdbdbd;
  font-weight: 100;
}

.image-flex, .image-5 {
  position: relative;
}

.desk-menu {
  flex: 1;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

._w-container {
  flex-flow: wrap;
  justify-content: space-between;
  width: 100vw;
  padding: 4px;
  display: flex;
}

._w-container.container {
  border-bottom: 1px solid #0000;
  border-left: 1px #000;
  border-right: 1px #000;
  align-items: center;
  min-height: 40px;
  padding: 24px;
  position: fixed;
}

.image-6 {
  width: auto;
  height: 50px;
}

.menu-button-2 {
  order: 1;
}

.nav-link-2 {
  padding-top: 0;
}

.nav-link-3 {
  padding: 12px 24px;
}

.desk-menu-item {
  padding: 0 24px;
}

.collection-item {
  width: 100%;
  height: 100%;
  position: relative;
}

.collection-item.tile-1 {
  background-image: none;
  width: 66%;
  padding: 2px;
}

.collection-item.custom-item {
  cursor: pointer;
  background-image: none;
  overflow: hidden;
}

.collection-item.custom-item.partnership-item {
  background-image: url('../images/empty_1empty.png');
  background-position: 0 0;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
}

.collection-list {
  flex-wrap: wrap;
  width: 100vw;
}

.collection-list.custom-grid {
  width: 100%;
  position: relative;
}

.container-2 {
  width: auto;
}

.brand-2 {
  order: -1;
  align-items: flex-start;
  width: 9vw;
  padding: 12px;
  display: flex;
}

.brand-2.w--current {
  height: auto;
}

.nav-menu-2 {
  z-index: 10;
  background-color: #fff;
  order: 1;
  padding: 12px 24px;
  position: fixed;
  box-shadow: -3px 0 4px 4px #0000001a;
}

.menu-button-3 {
  order: 1;
  display: flex;
}

._w-nav {
  background-color: #0000;
  background-image: linear-gradient(#ffffff1a, #ffffff14 54%, #fff0);
  width: 100vw;
  position: relative;
}

.icon-2 {
  justify-content: flex-end;
  width: 2vw;
  height: 2vw;
  display: flex;
}

.logo {
  width: 100%;
}

.div-block-4 {
  flex: 1;
  order: 1;
  align-self: auto;
}

.link {
  z-index: 2;
  color: #000;
  position: relative;
}

.link.desk-menu-item {
  z-index: 2;
  position: relative;
}

.link.underline {
  cursor: pointer;
}

.link.underline._w-button {
  background-color: #0000;
  padding: 0;
}

.contact-form {
  width: 100%;
  max-width: 960px;
  padding: 12px;
}

.form-block {
  width: 100%;
}

.text-field {
  margin-top: 24px;
  margin-bottom: 24px;
}

.team-item {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column wrap;
  grid-template-rows: 500px auto auto auto;
  grid-template-columns: 100%;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: stretch stretch;
  width: 100%;
  height: 100%;
  max-height: 100%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.portrait-container {
  background-color: #f0f0f0;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
}

.team-collection-list {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: minmax(200px, 33.33%) minmax(200px, 33.33%) minmax(200px, 33.33%);
  grid-auto-columns: minmax(auto, 33.33%);
  display: grid;
}

.team-text {
  max-width: 98%;
  padding-left: 12px;
  padding-right: 12px;
}

.portrait-image {
  align-self: flex-end;
  margin-top: 60px;
}

.portrait-image.obj-contain {
  width: 100%;
}

.portrait-image.obj-cover._w-auto {
  width: auto;
}

.team-position {
  color: #757575;
  margin-top: 12px;
  font-style: italic;
}

.name {
  margin-top: 12px;
  margin-bottom: 0;
}

.insight-and-strategy {
  margin-bottom: 120px;
  padding-top: 60px;
}

.insight-grid {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  grid-template-rows: 400px;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: 400px;
  grid-auto-columns: 1fr;
  display: grid;
}

.insight-grid.human-centered {
  grid-template-rows: 300px 300px;
  grid-template-columns: 1fr 1fr;
}

.insight-item {
  opacity: 1;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.heading-3 {
  margin-top: 0;
  margin-bottom: 0;
  padding: 24px;
  font-weight: 400;
  position: relative;
}

.item-bg {
  width: 100%;
  height: 100%;
  position: absolute;
}

.item-bg.human {
  background-image: url('../images/DesignThinking01h.jpg');
  background-position: 0 0;
  background-size: cover;
}

.item-bg.insight {
  background-image: url('../images/130502-WYND-P02.jpg');
  background-position: 0 0;
  background-size: cover;
}

.item-bg.innovation {
  background-image: url('../images/170501-PolyU-80th-Anniversary-P08b.jpg');
  background-position: 0 0;
  background-size: cover;
}

.item-bg.future {
  background-image: url('../images/161201-CityPlayground-PP05f.jpg');
  background-position: 0 0;
  background-size: cover;
}

.paragraph {
  background-color: #ffffffb8;
  margin-bottom: 0;
  padding: 24px;
  position: absolute;
  bottom: 0;
}

.paragraph.item-description.chinese {
  width: 100%;
}

.collection-bg {
  background-color: #fff;
  background-image: url('../images/empty_1empty.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #00000026;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: auto auto 0% 0%;
}

.architecture-title {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.category-container {
  background-color: #000;
  margin: 24px;
  padding: 6px 12px;
  position: absolute;
  inset: 0% auto auto 0%;
  box-shadow: 1px 1px 3px #0000009c;
}

.category-container.architecture, .category-container.white {
  background-color: #fff;
}

.category-text {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

.category-text.english.white {
  color: #fff;
}

.strategy-title {
  margin-top: 0;
  margin-bottom: 0;
}

.strategy-title.english {
  color: #333;
}

.description {
  color: #fff;
  max-width: 800px;
  padding-top: 12px;
}

.description.english.homepage, .description.chinese.homepage, .description.chinese.strat {
  color: #333;
}

.architecture-text-container {
  margin-left: 0;
  margin-right: 0;
}

.main-text-container {
  margin-left: 24px;
  margin-right: 24px;
  position: absolute;
  top: 76px;
  left: 0;
}

.main-text-container.partnership {
  top: 24px;
}

.arrow {
  position: absolute;
  inset: auto 24px 24px auto;
}

.landing-splash {
  height: 85vh;
  overflow: hidden;
}

.slider {
  height: 100%;
}

.home-page-slider-wrapper {
  z-index: -2;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.homepage-slider-item {
  background-image: url('../images/empty_1empty.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}

.homepage-slider-list {
  height: 100%;
}

.scrolling-list-wrapper {
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.scrolling-pagination {
  display: none;
}

.pagination {
  position: absolute;
  inset: auto 0% 0%;
}

.pagination.splash-pagination {
  display: none;
}

.scroll-header-wrapper {
  background-color: #0000;
  height: 100%;
}

.scroll-text-slides, .mask {
  height: 100%;
}

.scroll-text-wrapper {
  align-items: flex-start;
  height: 100%;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.scroll-pagination {
  display: none;
}

.nav-bg {
  background-image: linear-gradient(#fffc, #ffffff1a 80%, #fff0);
  width: 100%;
  height: 180px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.landing-partners-wrapper {
  max-width: 100%;
  padding-top: 58px;
  padding-bottom: 64px;
  overflow: hidden;
}

.landing-partners-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.landing-partner-item {
  justify-content: center;
  align-items: center;
  display: flex;
}

.landing-partner-image {
  width: 100%;
  max-width: 148px;
  height: 100%;
  max-height: 148px;
}

.nav-item-container {
  flex-flow: column wrap;
  align-content: flex-start;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.nav-item-container.sm-icons {
  flex-direction: row;
}

.link-z-index {
  z-index: 4;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.rich-text-block-2 {
  padding-left: 24px;
  padding-right: 24px;
}

.tab-link {
  background-color: #fff;
}

.tab-link.w--current {
  background-color: #fff;
  font-weight: 700;
}

.tabs-menu {
  padding-top: 12px;
  padding-bottom: 12px;
}

.english {
  max-width: 100%;
  position: relative;
}

.english.heading {
  font-size: 3em;
  line-height: 1.1em;
}

.english.description.strat {
  color: #333;
}

.chinese.partnership-header-text {
  margin-bottom: 24px;
}

.header-container {
  flex-direction: column;
  margin-bottom: 24px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.back-button {
  padding: 12px 0;
}

.back-button.chinese {
  flex-wrap: wrap;
  display: flex;
}

.nav-shadow {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
  box-shadow: 0 1px 2px #00000026;
}

.heading-4 {
  font-size: .9em;
  line-height: 1.1em;
}

.heading-5 {
  font-size: 1.2em;
  line-height: 1.1em;
}

.heading-6 {
  font-size: 1.6em;
  line-height: 1.1em;
}

.heading-7 {
  font-size: 2em;
  line-height: 1.1em;
}

.tab-dropdown-container {
  display: none;
}

.tab-title {
  opacity: 0;
  padding: 24px 24px 12px;
  display: none;
}

.tab-dropdown {
  flex-wrap: wrap;
  display: flex;
}

.text-white, .text-white.category-text {
  color: #fff;
}

.obj-cover {
  width: 100%;
  height: 100%;
  position: relative;
}

.obj-cover.portrait-cover {
  display: none;
}

.main-item {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.partnership-header-container {
  background-color: #000000cf;
  margin: 0 24px 12px;
  padding: 12px;
}

.partnership-text-container {
  background-color: #ffffffbf;
  margin-bottom: 24px;
  margin-left: 24px;
  margin-right: 24px;
  padding: 12px;
}

.partnership-header {
  color: #fff;
}

.nav-search {
  border: 1px solid #000;
  align-items: center;
  margin-top: 12px;
  margin-bottom: 12px;
  display: flex;
}

.search-input {
  border: 1px solid #0000;
  margin-bottom: 0;
}

.search-button {
  color: #000;
  background-color: #0000;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.rich-text-block-3 {
  margin-top: 12px;
  overflow: hidden;
}

.readmore-container {
  opacity: .31;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  margin-top: 12px;
  margin-bottom: 12px;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.image-7 {
  max-width: 12px;
  margin-left: 12px;
}

.text-block-2 {
  margin-right: 12px;
}

.partnership-header-text {
  max-width: 600px;
}

.partnership-header-text.english {
  margin-bottom: 24px;
}

.body {
  max-width: 100vw;
  height: 100%;
  overflow: hidden;
}

.home-container {
  height: 100%;
  position: relative;
  overflow: auto;
}

.collection-list-wrapper-2 {
  max-width: 100%;
  position: relative;
  overflow: hidden;
}

.text-block-3 {
  max-width: 600px;
  padding-top: 12px;
}

.search-grid {
  padding-top: 24px;
}

.search-item {
  padding-bottom: 12px;
  padding-left: 12px;
  padding-right: 12px;
  position: relative;
}

.link-block {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.collection-list-wrapper-3 {
  width: 100%;
  height: 100%;
}

.collection-list-2 {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.collection-item-2 {
  background-image: url('../images/empty_1empty.png');
  background-position: 0 0;
  background-size: cover;
  width: 120%;
  height: 120%;
}

.instruction-section {
  margin-top: 48px;
  padding: 24px;
}

.heading-8 {
  color: #fff;
  background-color: #3a3a3a;
  padding: 12px;
}

.grid {
  grid-row-gap: 24px;
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 1fr 2fr;
}

.col-h-tiles-grid {
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto;
}

.col-arc-grid, .col-main-image {
  grid-template-rows: auto;
}

.col-part-grid {
  grid-template-rows: auto auto;
}

.col-arch.instruction-section {
  flex-direction: column;
  display: flex;
}

.bold {
  font-weight: 700;
}

.link-2 {
  max-width: 440px;
}

.form {
  flex-direction: column;
}

.text-field-2 {
  margin-top: 10px;
}

.form-block-2 {
  padding: 24px;
}

.tile-overlay {
  background-image: linear-gradient(#00000080, #0000004d);
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.tile-overlay.architecture {
  background-image: url('../images/tiles-gradient.svg');
  background-size: cover;
  inset: 0% auto auto 0%;
}

.tile-overlay.strat {
  background-image: linear-gradient(#0000, #0000001a);
}

.div-block-5 {
  max-width: 100vw;
  overflow: hidden;
}

.left-arrow, .right-arrow {
  display: none;
}

.slider-2 {
  background-color: #fff;
  justify-content: center;
  align-items: flex-end;
  min-height: 450px;
}

.div-block-6 {
  background-color: #cbcbcb;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
}

.slide {
  width: 100%;
  height: 100%;
}

.team-text-container {
  background-color: #646464;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 24px;
  display: flex;
}

.text-center {
  text-align: center;
}

.clientpartnersslidergrid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: 100%;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  display: grid;
}

.image-8 {
  max-width: 160px;
}

.slider-3 {
  background-color: #0000;
}

.slider-3._w-slider {
  height: auto;
}

.left-arrow-2, .right-arrow-2, .slide-nav {
  display: none;
}

.link-block-2 {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.text-block-4, .heading-9 {
  max-width: 600px;
  margin-top: 12px;
}

.div-block-7 {
  position: relative;
}

.image-9 {
  max-width: 120px;
}

.slider-4, .collection-list-wrapper-4 {
  height: 100%;
}

.video {
  display: block;
}

.collection-list-3, .collection-item-3, .mask-4 {
  height: 100%;
}

.left-arrow-3, .right-arrow-3, .slide-nav-2 {
  display: none;
}

.div-block-8 {
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.link-block-3 {
  z-index: 2;
  width: 100%;
  height: 100%;
  position: absolute;
}

.image-10 {
  max-width: 70px;
  padding: 24px;
}

.link-block-4 {
  align-items: center;
  display: flex;
}

.pb-sm-1 {
  margin-bottom: 0;
}

.left-arrow-4, .right-arrow-4, .slide-nav-3 {
  display: none;
}

.slider-5 {
  height: 40vh;
}

.collection-list-4 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.caption {
  background-color: #ffffffb3;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.gallery-wrapper {
  position: relative;
}

.caption-text {
  padding: 4px;
}

.caption-text.english.services, .caption-text.chinese.services {
  padding-left: 24px;
  padding-right: 24px;
}

.homepage-grid {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  grid-template-rows: minmax(20vw, auto);
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: minmax(20vw, auto);
  grid-auto-columns: 1fr;
  display: grid;
}

.image-11, .image-12, .empty-state, .empty-state-2 {
  display: none;
}

.strat-grid {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  grid-template-rows: 380px;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: 380px;
  grid-auto-columns: 1fr;
  display: grid;
}

.link-block-5 {
  width: 24px;
  height: 24px;
  margin-right: 12px;
}

.image-13 {
  width: 100%;
}

.gallery-3x1 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  grid-template-rows: minmax(18.5625px, auto);
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: minmax(18.5625px, auto);
  grid-auto-columns: 1fr;
  margin: 4px;
  padding: 0;
  display: grid;
}

.gallery-1x1 {
  margin: 4px;
  padding: 0;
}

@media screen and (max-width: 991px) {
  .brand {
    order: -1;
  }

  .brand.w--current {
    flex: 0 auto;
    order: -1;
    width: 120px;
    height: 60px;
  }

  .scrolling-header {
    height: 20vh;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .nav-menu, .nav-menu._w-nav-menu {
    display: block;
  }

  .text-container {
    flex-wrap: wrap;
    grid-template-rows: auto;
    grid-template-columns: 100%;
    grid-auto-columns: 100%;
  }

  .title {
    width: 100%;
    margin-bottom: 24px;
  }

  .architecture-gallery {
    grid-template-rows: minmax(18.5625vw, 1fr);
  }

  .text-block-container {
    padding-right: 24px;
  }

  .image-flex {
    align-self: center;
    width: 100%;
    height: 100%;
  }

  .image-5 {
    height: auto;
  }

  .desk-menu {
    display: none;
  }

  .brand-2 {
    padding: 24px;
  }

  .team-collection-list {
    grid-template-columns: 50% 50%;
    grid-auto-columns: 50%;
  }

  .architecture-title {
    color: #fff;
  }

  .strategy-title {
    padding-left: 0;
    padding-right: 0;
  }

  .description, .description.english.homepage, .description.chinese.homepage {
    color: #fff;
  }

  .architecture-text-container {
    margin-left: 12px;
    margin-right: 12px;
  }

  .main-text-container {
    background-color: #0000;
    margin-left: 24px;
    margin-right: 24px;
    padding-top: 12px;
    padding-bottom: 12px;
    left: 0;
  }

  .landing-splash {
    height: 80vh;
  }

  .scroll-text-wrapper {
    padding-left: 12px;
    padding-right: 12px;
  }

  .nav-bg {
    height: 140px;
  }

  .landing-partner-item {
    padding: 24px;
  }

  .obj-cover.portrait-cover {
    display: block;
  }

  .obj-cover.landscape-cover {
    display: none;
  }

  .tile-overlay {
    opacity: 1;
  }

  .div-block-7 {
    width: 100%;
    overflow: visible;
  }

  .link-block-3 {
    width: 100%;
    height: 100%;
    position: absolute;
  }

  .homepage-grid {
    grid-template-rows: minmax(50vw, auto);
    grid-template-columns: 1fr;
    grid-auto-rows: minmax(50vw, auto);
  }

  .image-11, .image-12 {
    display: inline-block;
  }

  .strat-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 1.8em;
  }

  .brand {
    order: -1;
    width: 70px;
  }

  .brand.w--current {
    width: 40px;
    height: 20px;
  }

  .content-container.nav-padding {
    padding-top: 100px;
  }

  .splash {
    margin-top: 77px;
  }

  .text-container {
    grid-template-rows: auto auto auto;
  }

  .architecture-gallery {
    flex-flow: column wrap;
    grid-template-rows: minmax(56.25vw, 1fr);
    grid-template-columns: 1fr;
    grid-auto-rows: minmax(56.25px, 1fr);
  }

  .heading.english, .heading.chinese {
    font-size: 1.8em;
  }

  ._w-container.container {
    background-color: #fff;
  }

  .team-text {
    max-width: 98%;
  }

  .nav-bg {
    display: none;
  }

  .tabs-menu {
    z-index: 3;
    flex-direction: column;
    padding-top: 0;
    display: flex;
    overflow: hidden;
    box-shadow: 0 1px 3px #0000000d;
  }

  .header-container {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .nav-shadow {
    opacity: 1;
  }

  .tab-dropdown-container {
    z-index: 1;
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
  }

  .dropdown-bg {
    background-color: #0000001a;
    width: 100%;
    height: 100%;
    position: fixed;
    inset: 0% auto auto 0%;
  }

  .tab-dropdown-inner {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 12px;
    padding: 12px;
    display: flex;
  }

  .tab-title {
    opacity: 1;
    display: block;
  }

  .tab-title.english, .tab-title.chinese {
    padding-top: 12px;
  }

  .dropdown-icon {
    max-width: 22px;
    max-height: 30px;
  }

  .tab-dropdown {
    justify-content: space-between;
    align-items: center;
    margin: 12px 24px;
    padding: 0;
  }

  .obj-cover.portrait-cover {
    display: block;
  }

  .obj-cover.landscape-cover {
    display: none;
  }

  .readmore-container {
    display: flex;
  }

  .image-8 {
    max-width: 110px;
  }

  .pb-sm-1 {
    margin-bottom: 4px;
  }

  .strat-grid {
    grid-template-rows: 300px;
    grid-template-columns: 1fr;
    grid-auto-rows: 300px;
  }

  .gallery-3x1 {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 479px) {
  .brand {
    width: 50px;
    padding: 0;
  }

  .icon {
    padding: 0;
  }

  .splash {
    display: block;
  }

  .splash-image {
    flex: 1;
  }

  .architecture-gallery {
    grid-row-gap: 4px;
    grid-template-rows: minmax(56.25vw, 1fr);
    grid-template-columns: 1fr;
  }

  .heading {
    font-size: 36px;
    line-height: 40px;
  }

  .body-text {
    font-size: 12px;
    line-height: 18px;
  }

  .text-block-container {
    justify-content: center;
    padding: 0;
  }

  .heading-2 {
    font-size: 18px;
    line-height: 26px;
  }

  ._w-container.container {
    padding: 12px;
  }

  .brand-2 {
    padding: 6px;
  }

  .team-item {
    width: 100vw;
    margin-bottom: 0;
    padding-top: 0;
  }

  .team-collection-list {
    grid-template-columns: 100%;
    grid-auto-columns: 100%;
  }

  .english.description {
    padding-left: 0;
    padding-right: 0;
  }

  .chinese.description {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .tab-dropdown-inner {
    background-image: url('../images/dropdown.svg');
    background-position: 95%;
    background-repeat: no-repeat;
    background-size: 16px;
  }

  .text-white {
    color: #fff;
  }

  .clientpartnersslidergrid {
    grid-template-rows: 100% 100%;
  }

  .image-8 {
    max-width: 60px;
  }

  .div-block-7 {
    max-width: 100%;
  }

  .link-block-3 {
    z-index: 2;
  }
}

#w-node-_27e734d2-31fb-b366-13ea-0f8e4e4b3b23-aa07839d, #w-node-c7d307f6-97af-461e-77c6-832cad48bdfe-aa07839d, #w-node-e624a5ca-3a01-bf0b-c3a7-e2f94921e8df-aa07839d, #w-node-_73cf42f1-449d-5885-072c-6a5fdc1c61db-aa07839d, #w-node-b9a18ad7-87b5-118e-ae34-e54e0e7a8545-aa07839d, #w-node-b9a18ad7-87b5-118e-ae34-e54e0e7a8546-aa07839d, #w-node-b9a18ad7-87b5-118e-ae34-e54e0e7a8547-aa07839d, #w-node-b9a18ad7-87b5-118e-ae34-e54e0e7a8548-aa07839d, #w-node-_275b2c6e-13ec-0c04-d444-a7c9283fa010-aa07839d, #w-node-_275b2c6e-13ec-0c04-d444-a7c9283fa011-aa07839d, #w-node-_275b2c6e-13ec-0c04-d444-a7c9283fa012-aa07839d, #w-node-_275b2c6e-13ec-0c04-d444-a7c9283fa013-aa07839d, #w-node-ed1d3e19-45b1-4ea2-161f-83c75076cb5c-aa07839d, #w-node-ed1d3e19-45b1-4ea2-161f-83c75076cb5d-aa07839d, #w-node-ed1d3e19-45b1-4ea2-161f-83c75076cb5e-aa07839d, #w-node-ed1d3e19-45b1-4ea2-161f-83c75076cb5f-aa07839d, #w-node-e8546705-d674-c08f-159d-44910fdcbffb-aa07839d, #w-node-e8546705-d674-c08f-159d-44910fdcbffc-aa07839d, #w-node-e8546705-d674-c08f-159d-44910fdcbffd-aa07839d, #w-node-e8546705-d674-c08f-159d-44910fdcbffe-aa07839d, #w-node-d4c7ca78-0bf1-420f-5759-15d38d5236b8-aa07839d, #w-node-d4c7ca78-0bf1-420f-5759-15d38d5236b9-aa07839d, #w-node-d4c7ca78-0bf1-420f-5759-15d38d5236ba-aa07839d, #w-node-d4c7ca78-0bf1-420f-5759-15d38d5236bb-aa07839d {
  place-self: center;
}

#w-node-b4b82d84-e8a0-b2ce-dbef-0b7f23ad547d-090783dc {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-e1e04c6f-5a35-2d71-9233-8fff969ecb54-090783dc {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-e25b0420-be85-1597-8025-b9e2aba74372-090783dc {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_8131ffea-c3d9-c79e-cee0-068eb8866ae3-090783dc {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_26c11c1d-2e78-d7e8-3ffe-af0894de04fb-090783dc {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-ebb8fa4c-1cf4-98a8-f531-0cab7a3ddcef-090783dc {
  grid-area: 4 / 1 / 5 / 2;
}

#w-node-_29a95aee-8e1f-32f7-b8b0-2d76b2785b93-090783dc {
  grid-area: 4 / 2 / 5 / 3;
}

#w-node-_0b53c96b-ce65-1ab8-ee2d-a095824a2ac7-090783dc {
  grid-area: 5 / 2 / 6 / 3;
}

#w-node-e293d211-fafe-d976-02f9-c62f05c4a921-090783dc {
  grid-area: 6 / 2 / 7 / 3;
}

#w-node-_5abbf9fe-784c-845e-54f7-f28870a7d3ac-090783dc {
  grid-area: 5 / 1 / 6 / 2;
}

#w-node-_2e1858f8-d4dc-344c-1861-2e877eec37bd-090783dc {
  grid-area: 7 / 2 / 8 / 3;
}

#w-node-f48b7094-73c5-ed99-d824-b16df894428f-090783dc {
  grid-area: 6 / 1 / 7 / 2;
}

#w-node-_0b6de802-1c68-d85f-466a-49afc730d3af-090783dc {
  grid-area: 7 / 1 / 8 / 2;
}

#w-node-_3a07b3a3-23a5-3fa1-0b17-bc69c896fa17-090783dc {
  grid-area: 8 / 2 / 9 / 3;
}

#w-node-edc3f77f-78d3-947f-f8c8-bbcc3822e547-090783dc {
  grid-area: 8 / 1 / 9 / 2;
}

#w-node-ba55aba0-98fc-d671-2e1c-7ea0475c731b-090783dc {
  grid-area: 9 / 1 / 10 / 2;
}

#w-node-_780963a9-dc30-0f23-bc5b-3a2cb33b8960-090783dc {
  grid-area: 9 / 2 / 10 / 3;
}

#w-node-_58964934-a444-b03a-e302-68d2d1fb50c3-090783dc {
  grid-area: 10 / 1 / 11 / 2;
}

#w-node-_278fd051-94e8-7ab4-4256-b2d1772ca466-090783dc {
  grid-area: 10 / 2 / 11 / 3;
}

#w-node-_1cbe0824-27c5-37fd-4655-f4a34dabcff2-090783dc {
  grid-area: 11 / 2 / 12 / 3;
}

#w-node-_2249c293-e759-0cdd-6ea8-058f76d00860-090783dc {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-_308d4e7c-0138-fd4a-599c-cae16c847a39-090783dc {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_51529258-c15b-e99d-5b88-e98d0016ea8b-090783dc {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-_51529258-c15b-e99d-5b88-e98d0016ea92-090783dc {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-babbe1ca-bd29-d190-0299-d33d71073eda-090783dc {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_51529258-c15b-e99d-5b88-e98d0016ea96-090783dc {
  grid-area: 4 / 1 / 5 / 2;
}

#w-node-_962094c9-c132-c261-494b-0989cfb43dac-090783dc {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_51529258-c15b-e99d-5b88-e98d0016ea98-090783dc {
  grid-area: 4 / 2 / 5 / 3;
}

#w-node-_51529258-c15b-e99d-5b88-e98d0016ea9a-090783dc {
  grid-area: 5 / 2 / 6 / 3;
}

#w-node-_51529258-c15b-e99d-5b88-e98d0016eaa0-090783dc {
  grid-area: 6 / 2 / 7 / 3;
}

#w-node-_51529258-c15b-e99d-5b88-e98d0016eaa2-090783dc {
  grid-area: 5 / 1 / 6 / 2;
}

#w-node-_51529258-c15b-e99d-5b88-e98d0016eaa4-090783dc {
  grid-area: 7 / 2 / 8 / 3;
}

#w-node-_51529258-c15b-e99d-5b88-e98d0016eaa8-090783dc {
  grid-area: 6 / 1 / 7 / 2;
}

#w-node-_51529258-c15b-e99d-5b88-e98d0016eaaa-090783dc {
  grid-area: 7 / 1 / 8 / 2;
}

#w-node-_51529258-c15b-e99d-5b88-e98d0016eaac-090783dc {
  grid-area: 8 / 2 / 9 / 3;
}

#w-node-_51529258-c15b-e99d-5b88-e98d0016eaae-090783dc {
  grid-area: 8 / 1 / 9 / 2;
}

#w-node-_51529258-c15b-e99d-5b88-e98d0016eab0-090783dc {
  grid-area: 9 / 1 / 10 / 2;
}

#w-node-_51529258-c15b-e99d-5b88-e98d0016eab2-090783dc {
  grid-area: 9 / 2 / 10 / 3;
}

#w-node-_1f6e1c4b-dfcd-7816-fa04-ed3766916915-090783dc {
  grid-area: 10 / 1 / 11 / 2;
}

#w-node-_9803178b-306f-aee7-57b3-fed7ae744607-090783dc {
  grid-area: 10 / 2 / 11 / 3;
}

#w-node-_22e1e5df-e601-b6a6-459e-6f03a130c23e-090783dc {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-_22e1e5df-e601-b6a6-459e-6f03a130c241-090783dc {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_22e1e5df-e601-b6a6-459e-6f03a130c24c-090783dc {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-c41f170c-3aa2-e086-1fdc-31753920eaf4-090783dc {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-c41f170c-3aa2-e086-1fdc-31753920eaf7-090783dc {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-c41f170c-3aa2-e086-1fdc-31753920eaf9-090783dc {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_95ecc38d-37ab-38e0-ffa3-da5b3d26a18d-090783dc {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-_95ecc38d-37ab-38e0-ffa3-da5b3d26a192-090783dc {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-c782467c-7066-31bc-86ab-5bee07d20ba8-090783dc {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-c782467c-7066-31bc-86ab-5bee07d20bab-090783dc {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_03a31988-82d7-3b94-4bcc-755cde770d1c-090783dc {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-_03a31988-82d7-3b94-4bcc-755cde770d1f-090783dc {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_03a31988-82d7-3b94-4bcc-755cde770d20-090783dc {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_2ecf7003-d7f7-8c2a-e271-ceb6c88294f1-dc0783be {
  grid-area: 1 / 1 / 2 / 2;
  align-self: start;
}

#w-node-_5d78c9d4-ebd4-806d-6dc1-32956598c8ec-dc0783be {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_52cccec2-b254-4bab-26c9-71ff250f5586-d90783d6 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_354653ef-de1f-7fd8-b642-5b72f4434576-d90783d6 {
  grid-area: span 2 / span 3 / span 2 / span 3;
}

#w-node-e15f5b90-8378-245f-5bef-68f43005ac85-d90783d6 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_6dde9258-8b5e-4966-8d3b-ff92e67a55d4-d90783d6 {
  grid-area: span 2 / span 3 / span 2 / span 3;
}

#w-node-f201b02e-6c52-185f-51c7-790725bb0392-d90783d6, #w-node-_06390d3e-f489-01fe-14c9-d44a7ee49ca2-d90783d6 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-e9f7c678-af6c-f83a-fe85-4e7915f51716-040783ce, #w-node-c88ee5a5-0e59-bf8f-63e3-32031189738f-040783ce {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-af0d6666-17a3-233f-e005-49563fb7b16c-040783ce, #w-node-_72f0c70a-ae61-9ada-d3de-f981abedb496-040783ce, #w-node-_5be37c75-ba8f-637c-6cef-728f54e177be-040783ce {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_112fc1df-f6c3-2763-7212-89612267c314-5c0783d5 {
  grid-area: span 2 / span 3 / span 2 / span 3;
}

#w-node-_26e19e4f-421f-1f3f-599f-42994c00758b-ee0783dd {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-c61f9eb5-d716-a7f2-ec73-898aca263662-ee0783dd {
  grid-area: span 2 / span 3 / span 2 / span 3;
}

#w-node-da7e2c51-ba77-c67f-904f-59f7a364675d-ee0783dd {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_0118b510-9f83-b49b-258c-20506e985d25-ee0783dd {
  grid-area: span 2 / span 3 / span 2 / span 3;
}

@media screen and (max-width: 991px) {
  #w-node-_5d78c9d4-ebd4-806d-6dc1-32956598c8ec-dc0783be {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_8156efa6-e15e-6d1b-f0fe-04206473080b-040783ce {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_5be37c75-ba8f-637c-6cef-728f54e177be-040783ce {
    grid-area: 2 / 1 / 3 / 3;
  }
}