.news-rebuild-page {
  background: #fff;
  color: #090909;
}

.news-rebuild-banner {
  width: 100%;
  height: clamp(190px, 17vw, 300px);
  margin-top: 92px;
  overflow: hidden;
  background: #eee9e3;
}

.news-rebuild-banner img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 16%;
}

.news-rebuild-section {
  padding: clamp(68px, 6.5vw, 105px) clamp(24px, 7.35vw, 140px) clamp(90px, 8vw, 140px);
  background: #fff;
}

.news-rebuild-section > h1 {
  margin: 0;
  letter-spacing: -.045em;
  font-size: clamp(38px, 3.9vw, 60px);
  font-weight: 640;
  line-height: 1;
}

.news-rebuild-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(20px, 2.35vw, 38px);
  margin-top: clamp(48px, 5vw, 78px);
}

.news-rebuild-card {
  display: flex;
  min-width: 0;
  min-height: clamp(500px, 44vw, 690px);
  flex-direction: column;
  border: 1px solid #dfdfdc;
  background: #fff;
  overflow: hidden;
  transition: border-color .25s, transform .25s;
}

.news-rebuild-card:hover {
  border-color: #aaa9a5;
  transform: translateY(-3px);
}

.news-rebuild-image {
  width: 100%;
  aspect-ratio: 1.35 / 1;
  overflow: hidden;
  background: #efefec;
}

.news-rebuild-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .6s cubic-bezier(.2,.65,.2,1);
}

.news-rebuild-image.is-portrait img {
  object-position: center 34%;
}

.news-rebuild-card:hover .news-rebuild-image img {
  transform: scale(1.02);
}

.news-rebuild-copy {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0;
  padding: clamp(29px, 2.8vw, 43px) clamp(27px, 2.7vw, 42px) clamp(28px, 2.7vw, 41px);
}

.news-rebuild-category {
  display: inline-flex;
  width: fit-content;
  min-height: 33px;
  align-items: center;
  border: 1px solid #df0613;
  border-radius: 6px;
  padding: 7px 15px 6px;
  color: #df0613;
  font-size: clamp(10px, .83vw, 13px);
  line-height: 1;
}

.news-rebuild-copy h2 {
  margin: clamp(29px, 2.8vw, 43px) 0 0;
  letter-spacing: -.055em;
  font-size: clamp(25px, 2.15vw, 34px);
  font-weight: 520;
  line-height: 1.02;
}

.news-rebuild-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 48px;
  font-size: 9px;
  font-weight: 650;
  letter-spacing: .16em;
  line-height: 1;
  text-transform: uppercase;
}

.news-rebuild-meta span {
  color: #df0613;
  letter-spacing: .08em;
}

.zh-site .news-rebuild-section > h1 {
  letter-spacing: -.035em;
}

.zh-site .news-rebuild-copy h2 {
  letter-spacing: -.035em;
  line-height: 1.15;
}

.zh-site .news-rebuild-meta {
  letter-spacing: .08em;
}

@media (max-width: 900px) {
  .news-rebuild-page .site-header.nav-open nav {
    display: flex;
  }

  .news-rebuild-banner {
    height: 230px;
    margin-top: 72px;
  }

  .news-rebuild-banner img {
    object-position: center center;
  }

  .news-rebuild-section {
    padding: 64px 22px 90px;
  }

  .news-rebuild-section > h1 {
    font-size: clamp(38px, 10.5vw, 54px);
  }

  .news-rebuild-grid {
    grid-template-columns: 1fr;
    gap: 24px;
    margin-top: 46px;
  }

  .news-rebuild-card {
    min-height: 590px;
  }

  .news-rebuild-image {
    aspect-ratio: 1.42 / 1;
  }

  .news-rebuild-copy {
    padding: 30px 28px 29px;
  }

  .news-rebuild-category {
    font-size: 11px;
  }

  .news-rebuild-copy h2 {
    margin-top: 31px;
    font-size: clamp(28px, 8vw, 39px);
  }
}

@media (max-width: 560px) {
  .news-rebuild-banner {
    height: 185px;
  }

  .news-rebuild-card {
    min-height: 530px;
  }
}