/* Larger messenger marks in the homepage hero, with room for labels. */
html[data-ot-type="home"] #hero #office-socials-random .soc-img {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  object-fit: contain;
}
html[data-ot-type="home"] #hero #office-socials-random .hero-contact__primary {
  min-height: 64px;
  height: auto;
  gap: 12px;
  padding: 10px 18px;
  flex-wrap: nowrap;
}
html[data-ot-type="home"] #hero #office-socials-random .hero-contact__secondary-link {
  min-height: 60px;
  height: auto;
  gap: 10px;
  padding: 8px 12px;
  flex-wrap: nowrap;
}
html[data-ot-type="home"] #hero #office-socials-random .office-social > span {
  min-width: 0;
}
@media (max-width: 800px) {
  html[data-ot-type="home"] #hero #office-socials-random .soc-img {
    width: 36px;
    height: 36px;
    flex-basis: 36px;
  }
  html[data-ot-type="home"] #hero #office-socials-random .hero-contact__primary {
    min-height: 60px;
    gap: 10px;
    padding: 10px 12px;
  }
  html[data-ot-type="home"] #hero #office-socials-random .hero-contact__secondary-link {
    min-height: 56px;
    gap: 8px;
    padding: 8px 6px;
  }
}
@media (max-width: 360px) {
  html[data-ot-type="home"] #hero #office-socials-random .soc-img {
    width: 32px;
    height: 32px;
    flex-basis: 32px;
  }
  html[data-ot-type="home"] #hero #office-socials-random .hero-contact__primary {
    min-height: 58px;
    gap: 8px;
    padding: 10px;
  }
  html[data-ot-type="home"] #hero #office-socials-random .hero-contact__secondary-link {
    min-height: 54px;
    gap: 6px;
    padding: 8px 4px;
  }
}