/* ==========================================================================
   Type theme: one clean grotesque for everything, inspired by fäm Properties.
   Their face, Plain, is commercial; Geist (SIL OFL) is the free stand-in with
   the same medium weight and tight tracking. Loaded after styles.css.
   ========================================================================== */
@font-face{ font-family:'Geist'; font-style:normal; font-weight:100 900; font-display:swap; src:url('fonts/Geist.woff2') format('woff2'); }

:root{
  --serif:   'Geist', 'Helvetica Neue', Arial, sans-serif;
  --display: 'Geist', 'Helvetica Neue', Arial, sans-serif;
  --body:    'Geist', 'Helvetica Neue', Arial, sans-serif;
}

/* headlines: medium weight, title case, tight, like the reference */
.display, .h1, .h2{ font-weight: 500; }
.display{ font-size: clamp(44px, 6.4vw, 74px); line-height: 1.04; letter-spacing: -0.03em; text-transform: capitalize; }
.h1{ font-size: clamp(32px, 4.6vw, 50px); line-height: 1.08; letter-spacing: -0.028em; }
.h2{ font-size: clamp(28px, 3.6vw, 40px); line-height: 1.12; letter-spacing: -0.025em; }
.h3{ font-weight: 500; letter-spacing: -0.015em; }

.launch-name, .community-offplan{ font-weight: 500; letter-spacing: -0.02em; }

/* body and UI: regular and medium only, never heavy */
body{ font-size: 16px; line-height: 26px; letter-spacing: -0.003em; }
.intro{ letter-spacing: -0.01em; }
.btn, .chip, .site-nav a, .launch-cta, .social a, .wa-float, .faq-item summary{ font-weight: 500; }
.site-nav a{ font-size: 15px; }

/* the hero label reads as a quiet line, not shouting capitals */
.hero .eyebrow{ text-transform: none; letter-spacing: .04em; font-size: 15px; font-weight: 500; }
.hero .eyebrow::before{ display: none; }

/* area band: medium caps, a touch tighter */
.marquee-item{ font-weight: 500; letter-spacing: .16em; }

/* pieces added after the sample was made */
.hero-slogan{ font-style: normal; font-weight: 400; letter-spacing: -0.015em; }
.mm-links a{ font-weight: 500; letter-spacing: -0.025em; }
.about-copy .h2{ letter-spacing: -0.028em; }
.pin .p-label{ font-weight: 500; }
.tower-stage, .partners-title, .map-note{ font-weight: 500; }