/* True vector GR house/path and wordmark, tightly framed and transparent.
   Render directly at the layout size: no bitmap filters or blend layers. */
.brand > span.brand-logo, .renter-brand > span.brand-logo {
  position: relative;
  display: block;
  flex: none;
  width: 240px;
  aspect-ratio: 1600 / 430;
  overflow: hidden;
}
.brand-logo > img {
  display: block;
  width: 100%;
  height: 100%;
}
.owner-app .brand > span.brand-logo,
.property-workflow .brand > span.brand-logo { width: 188px; }
.renter-brand { display: inline-flex; align-items: center; min-height: 44px; }
.brand-footer { display: inline-flex; align-items: center; text-decoration: none; }
.brand-footer > span.brand-logo { width: 174px; }
@media (max-width: 600px) {
  .brand > span.brand-logo, .renter-brand > span.brand-logo { width: 170px; }
  .balcony-home .brand { flex: 1; min-width: 0; }
  .balcony-home .brand > span.brand-logo { width: 100%; max-width: 154px; }
  .owner-app .brand > span.brand-logo { width: 174px; }
}
@media (max-width: 350px) {
  .balcony-home .header-inner { gap: 8px; }
}