/* Transparent RE/MAX BASE artwork; choose wordmark colour for each surface. */
.remax-brand-logo{display:block;width:200px;max-width:100%;height:auto;aspect-ratio:2075/356;object-fit:contain;background:transparent;border-radius:0}
.nav-logo{padding:0;background:transparent;border-radius:0;line-height:0;flex-shrink:0}
.nav-logo::before{display:none}
.nav-logo .remax-brand-logo{width:200px;height:auto;content:url("remax-base-logo-light-20261105.svg");filter:drop-shadow(0 1px 3px rgba(0,0,0,.35))}
.nav.scrolled .nav-logo .remax-brand-logo{content:url("remax-base-logo-dark-20261105.svg");filter:none}
.snav-logo{min-width:0;margin-right:12px}
.snav-logo .remax-brand-logo{width:180px;height:auto;content:url("remax-base-logo-light-20261105.svg")}
.footer-logo .remax-brand-logo{width:220px;height:auto;content:url("remax-base-logo-light-20261105.svg")}
.brand .remax-brand-logo{width:176px;max-width:none;height:auto;flex-shrink:0;content:url("remax-base-logo-light-20261105.svg")}
.site-footer .remax-brand-logo{width:220px;height:auto;content:url("remax-base-logo-light-20261105.svg")}
@media(max-width:650px){
  .nav-logo .remax-brand-logo{width:176px;height:auto}
  .site-header{gap:12px}
  .brand{gap:12px}
  .brand .remax-brand-logo{width:144px;height:auto}
  .brand-project{font-size:20px}
}
@media(max-width:360px){
  .nav-logo .remax-brand-logo{width:156px;height:auto}
  .site-header{gap:8px}
  .brand{gap:8px}
  .brand .remax-brand-logo{width:122px;height:auto}
  .brand-project{font-size:17px}
}