/* Compact company introduction: one story beside one Singapore photograph. */
.page > .about-company { padding-top: clamp(70px, 8vw, 118px); }

.about-company .company-layout {
  display: grid;
  grid-template-columns: minmax(0, .91fr) minmax(0, 1.09fr);
  min-height: clamp(430px, 34vw, 480px);
}

.about-company .company-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: clamp(34px, 3.5vw, 52px) clamp(36px, 4vw, 60px);
  text-align: left;
  background: rgba(248, 252, 255, .46);
}

.about-company .company-copy h2 {
  margin: 24px 0 23px;
  color: #173653;
  font-family: 'Alibaba PuHuiTi', 'Noto Sans CJK SC', 'Microsoft YaHei', sans-serif;
  font-size: clamp(43px, 4.4vw, 64px);
  font-weight: 400;
  line-height: 1.17;
  letter-spacing: -.05em;
}

.about-company .company-copy p {
  max-width: 45ch;
  margin: 0;
  color: #4d6c87;
  font-size: clamp(15px, 1.05vw, 17px);
  line-height: 1.75;
}

.about-company .company-image { min-width: 0; min-height: 0; margin: 0; overflow: hidden; }
.about-company .company-image img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 56% center; }

html[lang="en"] .about-company .company-copy h2 {
  font-family: Jost, 'URW Gothic', Arial, sans-serif;
  font-weight: 400;
  letter-spacing: -.05em;
}
html[lang="en"] .about-company .company-copy p { max-width: 49ch; }

@media (max-width: 900px) {
  .about-company .company-layout { grid-template-columns: 1fr; min-height: 0; }
  .about-company .company-copy { padding: 47px 30px 50px; }
  .about-company .company-image { aspect-ratio: 1.5; }
}

@media (max-width: 700px) {
  .page > .about-company { padding-top: 65px; }
  .about-company .company-copy { padding: 48px 24px 53px; }
  .about-company .company-copy h2 { margin: 21px 0 21px; font-size: clamp(40px, 8vw, 54px); }
  .about-company .company-image { aspect-ratio: 1.38; }
}