/* Airy navigation over the existing sky; Investor Estate destinations. */
.site-header,
.site-header.hero-over:not(:has(.is-open)) {
  --header-height: 84px;
  background: transparent;
  border-bottom: 0;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  color: #111;
  font-family: 'Inter Tight', 'DM Sans', Arial, sans-serif;
}
.site-header.is-scrolled:not(.hero-over) {
  background: rgba(255,255,255,.94);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  box-shadow: 0 1px 0 #1111110a;
}
.site-header .header-inner {
  width: min(1680px,calc(100% - 112px));
  height: 84px;
  grid-template-columns: 1fr auto 1fr;
  gap: 28px;
}
.site-header .brand { justify-self: start; gap: 10px; }
.site-header .brand-mark { width: 42px; height: 42px; background: #111; filter: none; }
.site-header .brand-mark img { filter: brightness(0); }
.site-header .brand-name {
  font-family: 'Inter Tight', 'DM Sans', Arial, sans-serif;
  font-size: 19px;
  font-weight: 700;
  letter-spacing: .01em;
  color: #111;
}
.site-header .brand-name span {
  font-family: inherit;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .32em;
  margin-top: 6px;
  padding-left: .32em;
}
.site-header .main-nav { gap: clamp(22px,2.4vw,40px); font-size: 15px; font-weight: 500; }
.site-header .main-nav > a { color: #111; transition: opacity .2s; }
.site-header .main-nav > a::after { display: none; }
.site-header .main-nav > a:hover { opacity: .6; }
.site-header .header-actions { justify-self: end; gap: 10px; }
.site-header .header-search, .site-header .header-whatsapp { display: none; }
.site-header .nav-contact {
  background: #151817;
  color: #fff;
  border-radius: 999px;
  min-height: 46px;
  padding: 14px 24px;
  font-size: 13px;
  font-weight: 500;
}
.site-header .nav-contact:hover { background: #333936; }
.site-header .nav-contact > svg { display: none; }
.site-header:has(.is-open) { background: #fff; }
.site-header .menu-toggle span { background: #111; }
@media(max-width:1240px) and (min-width:1101px) {
  .site-header .header-inner { width: calc(100% - 64px); gap: 20px; }
  .site-header .main-nav { gap: 22px; font-size: 14px; }
}
@media(max-width:1100px) {
  .site-header { --header-height: 78px; }
  .site-header .header-inner { width: calc(100% - 48px); grid-template-columns: auto auto; height: 78px; gap: 16px; }
  .site-header .main-nav { top: 78px; background: #fff; padding: 16px 24px 24px; gap: 0; font-size: 16px; }
  .site-header .main-nav > a { padding: 15px 0; }
}
@media(max-width:760px) {
  .site-header { --header-height: 72px; }
  .site-header .header-inner { width: calc(100% - 36px); height: 72px; gap: 10px; }
  .site-header .brand-mark { width: 36px; height: 36px; }
  .site-header .brand-name { font-size: 16px; }
  .site-header .brand-name span { font-size: 9px; }
  .site-header .brand { gap: 8px; }
  .site-header .header-actions { gap: 4px; }
  .site-header .main-nav { top: 72px; padding-inline: 18px; }
  .site-header .nav-contact { width: 44px; height: 44px; min-height: 44px; padding: 0; }
  .site-header .nav-contact > svg { display: block; }
}
@media(prefers-reduced-motion:reduce) {
  .site-header, .site-header .main-nav > a { transition: none; }
}