/* About Godrej Properties — centered, image-backed statement section placed
   between FAQ and the opportunity strip. Reuses the site's existing tokens,
   the .reveal scroll-fade, and the same background+overlay pattern already
   used by .design-section, so it inherits the established luxury aesthetic. */

.about-godrej-section { position: relative; display: flex; align-items: center; justify-content: center; min-height: 560px; padding: 130px 0; overflow: hidden; color: var(--ivory); background: var(--ocean-deep); text-align: center; }
.about-godrej-image { position: absolute; inset: 0; background: url("assets/verano-social-district.webp") center 30%/cover no-repeat; }
.about-godrej-shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(26,14,19,.9), rgba(26,14,19,.82) 45%, rgba(26,14,19,.92)); }

.about-godrej-content { position: relative; z-index: 2; max-width: 920px; margin: 0 auto; }
.about-godrej-content h2 { font-size: clamp(38px, 4.6vw, 62px); margin: 0 0 26px; line-height: 1.05; }
.about-godrej-content p { margin: 0 auto; max-width: 860px; font-size: 15px; line-height: 1.9; color: rgba(255,249,242,.82); }
.about-godrej-content p + p { margin-top: 20px; }

@media (max-width: 900px) {
  .about-godrej-section { padding: 100px 0; min-height: 480px; }
}

@media (max-width: 650px) {
  .about-godrej-section { padding: 80px 0; min-height: 0; }
  .about-godrej-content h2 { font-size: 34px; margin-bottom: 18px; }
  .about-godrej-content p { font-size: 14px; line-height: 1.8; }
}