/* The selected simple tree symbol uses one shared, transparent asset. */
.brand-mark {
  display: block;
  width: 64px;
  height: 59px;
  object-fit: contain;
  flex: 0 0 auto;
}

.brand {
  gap: 14px;
}

.footer-brand .brand-mark {
  display: block;
  width: 64px;
  height: 59px;
}

@media (max-width: 1150px) {
  .brand-mark {
    width: 56px;
    height: 52px;
  }

  .brand {
    gap: 11px;
  }
}

@media (max-width: 940px) {
  .footer-brand .brand-mark {
    width: 56px;
    height: 52px;
  }
}

@media (max-width: 680px) {
  .brand-mark {
    width: 46px;
    height: 43px;
  }

  .brand {
    gap: 9px;
  }

  .footer-brand .brand-mark {
    width: 52px;
    height: 48px;
  }
}

@media (max-width: 360px) {
  .brand-mark {
    width: 41px;
    height: 38px;
  }

  .brand {
    gap: 7px;
  }

  .footer-brand .brand-mark {
    width: 48px;
    height: 44px;
  }
}