/* Content updates from the supplied change document; use the shared type scale. */
:root { --type-hero: clamp(28px, 2.8vw, 56px); }
.site-header .header-inner { height: 60px; }
.editorial-hero h1 { font-weight: 700; white-space: normal; }
.editorial-hero .hero-topline > span {
  font-size: var(--type-label);
  font-weight: 600;
  padding: 9px 14px;
  border-radius: 999px;
}
.editorial-hero .hero-location { font-size: var(--type-ui); }
.editorial-hero .hero-points {
  margin: 24px 0 0;
  padding: 0 0 20px;
  border-bottom: 1px solid var(--hero-line);
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 18px;
  font-size: var(--type-body);
  line-height: 1.5;
}
.editorial-hero .hero-points li {
  padding: 0px 0 0px 12px;
  border-left: 2px solid var(--clay);
}
.editorial-hero .price-prefix {
  display: block;
  margin-bottom: 6px;
  font-family: var(--font-text);
  font-size: var(--type-label);
  font-weight: 500;
  letter-spacing: .06em;
}
.editorial-hero .hero-offer {
  padding: 16px 20px;
  border: 1px solid #806044;
  background: #806044;
  color: var(--paper);
  text-align: center;
}
.glance-item dt { font-weight: 700; }
#homes .residence-levels {
  margin-top: 36px;
  padding-top: 28px;
  border-top: 1px solid #ffffff30;
}
#homes .residence-levels h3 { margin-bottom: 22px; }
#homes .residence-levels .reasons { max-width: none; }
#masterplan { background: var(--walnut); color: var(--paper); }
.masterplan-image { margin-top: 32px; }
.masterplan-image img { width: 100%; height: auto; }
.masterplan-image figcaption {
  margin-top: 10px;
  font-size: var(--type-caption);
  color: #dfcdbb;
}
#masterplan .btn { background: #ddc2a0; color: #38271d; }
#masterplan .btn:hover { background: #ecd7bc; }
#lifestyle { background: var(--paper); padding-bottom: 0; }
.rera-details { overflow-wrap: anywhere; }
@media (max-width: 600px) {
  :root { --type-hero: 32px; }
  .site-header .header-inner { height: 70px; }
  .editorial-hero .hero-points { gap: 8px; margin-top: 20px; }
  .editorial-hero .hero-offer { padding: 14px 16px; }
}
@media (max-width: 360px) {
  :root { --type-hero: 30px; }
}