/* Homepage hero: full-width Taikoo Place office setting, with copy only in the natural left shadow. */
.hero-carousel {
  display: block;
  min-height: 720px;
  background: #063b29;
}

.hero-carousel-stage { min-height: 720px; }
.hero-carousel-copy { display: none; }

.hero-carousel-brand {
  background-image: url('../assets/hero-taikooplace-office-v4-creamy.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.hero-carousel-brand::after {
  background: linear-gradient(90deg, #001f16dc 0%, #001f16a8 34%, #001f1640 51%, transparent 70%);
}

.hero-carousel .spotlight-slide .hero-photo-copy { max-width: 620px; }
.hero-carousel .spotlight-slide .hero-photo-copy h1 {
  max-width: 610px;
  margin: 0;
  color: #fffdf8;
  font-family: Georgia, "Noto Serif TC", serif;
  font-size: clamp(48px, 6.2vw, 86px);
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: -.035em;
  white-space: nowrap;
}

.hero-carousel .spotlight-slide .hero-photo-copy p:not(.section-kicker) {
  max-width: 520px;
  margin: 22px 0 0;
  color: #fffdf8;
  font-size: 18px;
  line-height: 1.75;
}

.hero-carousel .spotlight-slide .hero-photo-copy .hero-proof-line {
  margin-top: 13px;
  color: #fff5cf;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.55;
}

.hero-carousel .spotlight-slide .hero-photo-copy .hero-supporting-copy {
  white-space: nowrap;
  letter-spacing: -.025em;
}

.hero-carousel .spotlight-slide .hero-photo-copy .hero-proof-line--reassurance {
  margin-top: 12px;
  color: #e4eee8;
  font-size: 13px;
  font-weight: 400;
}

.hero-carousel .spotlight-slide .hero-photo-copy .hero-carousel-actions {
  margin-top: 18px;
}

@media (max-width: 980px) {
  .hero-carousel, .hero-carousel-stage { min-height: 640px; }
}

@media (max-width: 640px) {
  .hero-carousel, .hero-carousel-stage { min-height: 600px; }
  .hero-carousel-brand { background-position: 67% center; }
  .hero-carousel-brand::after { background: linear-gradient(90deg, #001f16e8 0%, #001f16b5 58%, #001f1640 100%); }
  .hero-carousel .spotlight-slide .hero-photo-copy h1 { font-size: clamp(48px, 9.2vw, 52px); }
  .hero-carousel .spotlight-slide .hero-photo-copy .hero-supporting-copy { font-size: 14px; margin-top: 14px; letter-spacing: -.07em; }
  .hero-carousel .spotlight-slide .hero-photo-copy .hero-proof-line { font-size: 12px; margin-top: 9px; }
  .hero-carousel .spotlight-slide .hero-photo-copy .hero-proof-line--reassurance { font-size: 11px; margin-top: 9px; }
  .hero-carousel .spotlight-slide .hero-photo-copy .hero-carousel-actions { margin-top: 13px; gap: 8px; }
  .hero-carousel .spotlight-slide .hero-photo-copy .hero-carousel-actions .ego-button { padding: 10px 14px; }
}