:root {
  --brand-green: #07543a;
}

.brand strong {
  color: var(--brand-green);
  font-weight: 900;
}

.brand-mark {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  display: grid;
  place-items: center;
  background: transparent;
  border-radius: 0;
  clip-path: none;
}

.brand-mark::after {
  content: none;
}

.brand-mark svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.brand-mark path,
.brand-mark rect {
  fill: var(--brand-green);
}

.site-footer .brand strong {
  color: #fff;
}

.site-footer .brand-mark path,
.site-footer .brand-mark rect {
  fill: #fff;
}

/* Optimized shared property imagery; overrides the legacy PNG declarations. */
.hero-bg,
.property-photo {
  background-image: url('./hero-algeria.webp');
}

.hero-bg {
  background-position: center 52%;
}

@media (max-width: 650px) {
  .hero-bg {
    background-position: 58% center;
  }

  .brand-mark {
    width: 36px;
    height: 36px;
    flex-basis: 36px;
  }

  .brand strong {
    font-size: 16px;
    letter-spacing: .6px;
  }
}