/* Original SVG geometry; red/green/blue sampled from the client logo brief. */
.hp4-logo,
.tia-home-v4 .hp4-logo {
  position: relative;
  display: block;
  width: 118px;
  height: auto;
  aspect-ratio: 2000 / 1537.2;
  overflow: visible;
  flex-shrink: 0;
  background: transparent;
  border-radius: 0;
}
.hp4-logo img,
.tia-home-v4 .hp4-logo img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  transform: none;
  object-fit: contain;
}
.tia-home-v4 .hp4-story-heading .hp4-logo { width: 180px; height: auto; }
.tia-home-v4 .hp4-contact-logo .hp4-logo { width: 220px; height: auto; }
.tia-home-v4 .hp4-footer-brand .hp4-logo { width: 118px; height: auto; background: transparent; }
.real-wordmark .hp4-logo { width: 105px; }
.real-footer-brand > .hp4-logo { width: 118px; margin-bottom: 18px; }
@media (max-width:767px) {
  .tia-home-v4 .hp4-header .hp4-logo { width: 86px; height: auto; }
  .tia-home-v4 .hp4-footer-brand .hp4-logo { width: 96px; height: auto; }
  .real-wordmark .hp4-logo { width: 86px; }
}

/* Override the earlier raster-cropping rules in header/footer at every breakpoint. */
.hp4-header .hp4-brand .hp4-logo,
.hp4-footer .hp4-footer-brand .hp4-logo {height:auto; aspect-ratio:2000 / 1537.2;}
.hp4-header .hp4-brand .hp4-logo img,
.hp4-footer .hp4-footer-brand .hp4-logo img {width:100%; height:100%; max-width:100%; transform:none; filter:none; object-fit:contain;}