/* Focus Up approved logo. Homepage only; shared UI styles are untouched. */
.header > .logo.focus-home-brand {
  display: inline-flex;
  align-items: center;
  flex: 0 1 252px;
  width: 252px;
  min-width: 164px;
  height: 92px;
  margin-right: 24px;
  letter-spacing: 0;
}
.header > .logo.focus-home-brand > img,
footer > .logo.focus-home-brand > img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 100%;
  object-fit: contain;
}
footer > .logo.focus-home-brand {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  width: 220px;
  height: 80px;
  letter-spacing: 0;
}
@media (max-width: 1100px) and (min-width: 1001px) {
  .header > .logo.focus-home-brand {
    flex-basis: clamp(180px, calc(90vw - 710px), 208px);
    width: clamp(180px, calc(90vw - 710px), 208px);
    min-width: 0;
    height: 80px;
    margin-right: 16px;
  }
}
@media (max-width: 1000px) and (min-width: 701px) {
  .header > .logo.focus-home-brand {
    flex-basis: clamp(126px, calc(90vw - 528px), 222px);
    width: clamp(126px, calc(90vw - 528px), 222px);
    min-width: 0;
    height: 78px;
    margin-right: 6px;
  }
}
@media (max-width: 700px) {
  .header > .logo.focus-home-brand {
    flex: 0 1 auto;
    width: min(57vw, 216px);
    min-width: 0;
    height: 72px;
    margin-right: 12px;
  }
  footer > .logo.focus-home-brand {
    width: 190px;
    height: 70px;
  }
}