.reveal {
  opacity: 1;
  transform: none;
}

[data-en]::after {
  content: attr(data-en);
  display: block;
  margin-top: .42em;
  font-family: Georgia, "Times New Roman", serif;
  font-size: .48em;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: .025em;
  opacity: .64;
}

nav [data-en]::after,
.cta [data-en]::after,
.contact-card [data-en]::after,
.foot-bottom [data-en]::after {
  font-family: "Noto Sans SC", Arial, sans-serif;
  font-size: .78em;
  margin-top: .16em;
}

.hero h1[data-en]::after {
  font-size: .34em;
  letter-spacing: .06em;
}

.section-title p[data-en]::after,
.product-copy p[data-en]::after,
.life-copy p[data-en]::after,
.belief-copy p[data-en]::after,
.product-card p[data-en]::after {
  font-family: "Noto Sans SC", Arial, sans-serif;
  font-size: .86em;
  line-height: 1.55;
}

.systems strong[data-en]::after {
  font-size: .52em;
}

.systems small {
  display: none;
}

.bilingual-mark {
  cursor: default;
}

.bilingual-mark span:last-child {
  opacity: 1;
}

.product-card img {
  aspect-ratio: 16 / 10;
  height: auto;
  object-fit: cover;
  object-position: center;
}

.product-card > div {
  min-height: 198px;
}

.product-stage {
  height: 625px;
}

.life-image img {
  transform: none;
  object-position: center;
}

.belief {
  background: #e7eee5;
}

.belief::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent 0 38%, rgba(247, 245, 239, .88) 62%, rgba(247, 245, 239, .98) 100%);
}

.belief-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.belief-copy {
  max-width: 650px;
}

.contact-card {
  min-width: 235px;
  border-left: 1px solid rgba(255, 255, 255, .3);
  padding-left: 34px;
  display: grid;
  gap: 8px;
}

.contact-card span {
  font-size: 12px;
  letter-spacing: .12em;
  color: rgba(255, 255, 255, .62);
}

.contact-card strong {
  font-family: "Noto Serif SC", serif;
  font-size: 28px;
  font-weight: 500;
}

.contact-card a {
  border: 0;
  padding: 0;
  margin: 0;
  font-family: Georgia, serif;
  font-size: 20px;
  letter-spacing: .05em;
}

@media (max-width: 820px) {
  .belief::after {
    background: linear-gradient(0deg, rgba(247, 245, 239, .98) 0 58%, rgba(247, 245, 239, .25) 100%);
  }

  .belief-copy {
    margin-top: 220px;
  }

  .contact-card {
    margin-top: 42px;
    border-left: 0;
    border-top: 1px solid rgba(255, 255, 255, .3);
    padding: 28px 0 0;
  }
}

.bi-zh,
.bi-en {
  display: block;
}

.bi-en {
  margin-top: .42em;
  font-family: Georgia, "Times New Roman", serif;
  font-size: .48em;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: .025em;
  opacity: .68;
}

nav .bi-en,
.cta .bi-en,
.contact-card .bi-en,
.foot-bottom .bi-en {
  font-family: "Noto Sans SC", Arial, sans-serif;
  font-size: .78em;
  margin-top: .16em;
}

.hero h1 .bi-en {
  font-size: .34em;
  letter-spacing: .06em;
}

.section-title p .bi-en,
.product-copy p .bi-en,
.life-copy p .bi-en,
.belief-copy p .bi-en,
.product-card p .bi-en {
  font-family: "Noto Sans SC", Arial, sans-serif;
  font-size: .86em;
  line-height: 1.55;
}

.systems strong .bi-en {
  font-size: .52em;
}