/* Building photos have separate CMS attachments and crops for each placement. */
.why-panel.gc-building-photo img,
.rs-card.gc-building-photo img,
.contact-redesign .contact-location.gc-building-photo img {
  object-fit: cover;
  object-position: center;
}
.page-banner.gc-building-banner .banner-bg img { object-position: center; }
.page-banner.gc-building-banner .banner-mask {
  background: linear-gradient(90deg, rgba(3,15,10,.72), rgba(3,15,10,.12) 46%, transparent 65%);
}
.page-banner.gc-building-banner .banner-desc { max-width: 35%; }
@media (max-width: 768px) {
  /* Keep the entrance visible above the copy instead of behind a phone overlay. */
  .page-banner.gc-building-banner[data-banner-size] {
    height: auto;
    margin-top: var(--banner-header);
  }
  .gc-building-banner .banner-slides,
  .gc-building-banner .banner-slide {
    position: relative;
    inset: auto;
    display: block;
  }
  .page-banner.gc-building-banner .banner-bg {
    position: relative;
    inset: auto;
    display: block;
    height: auto;
    aspect-ratio: 16 / 9;
  }
  .page-banner.gc-building-banner .banner-bg img { object-position: center; }
  .page-banner.gc-building-banner .banner-mask { display: none; }
  .page-banner.gc-building-banner .banner-body { padding-top: 26px; padding-bottom: 30px; }
  .page-banner.gc-building-banner .banner-desc { max-width: none; }
}
@media (max-width: 560px) {
  .rs-card.gc-building-photo picture { aspect-ratio: 8 / 5; }
}
@media (max-width: 760px) {
  /* 联系页手机卡片：整图背景、底部渐变和图上文字。 */
  .contact-redesign .contact-details-editorial .contact-location.gc-building-photo {
    display: flex;
    align-items: flex-end;
    width: 100%;
    min-width: 0;
    aspect-ratio: 9 / 5;
    min-height: 260px;
  }
  .contact-redesign .contact-location.gc-building-photo > picture { display: block; position: absolute; inset: 0; }
  .contact-redesign .contact-location.gc-building-photo img { position: absolute; display: block; width: 100%; height: 100%; }
  .contact-redesign .contact-location.gc-building-photo::after { display: block; inset: 0; background: linear-gradient(180deg, transparent 25%, rgba(9, 26, 17, .78)); }
  .contact-redesign .contact-location.gc-building-photo figcaption { position: relative; inset: auto; width: 100%; padding: 90px 20px 22px; background: transparent; }
}
@media (max-width: 992px) {
  /* 首页首卡沿用其余卡片的图片背景、渐变遮罩与图上文字。 */
  .why-panel.gc-building-photo,
  .why-panel.gc-building-photo.on { flex: none; }
}
@media (min-width: 561px) and (max-width: 768px) {
  .rs-card.gc-building-photo { background: #173c2b; }
  .rs-card.gc-building-photo picture { display: block; aspect-ratio: 8 / 5; }
  .rs-card.gc-building-photo img { position: static; width: 100%; height: 100%; transform: none; }
  .rs-card.gc-building-photo .rs-mask { display: none; }
  .rs-card.gc-building-photo .rs-info { position: relative; inset: auto; padding: 22px 24px; }
}