/* Keep rendering inexpensive when the browser paints without GPU acceleration. */
html { scroll-behavior: auto; }
.research-dialog::backdrop {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background: rgba(7, 61, 81, .48);
}
.research-dialog, .hb-modal { box-shadow: 0 5px 18px rgba(7, 61, 81, .15); }
.brand img { mix-blend-mode: normal; }
.button, .offer-card, .service-arrow, .header nav, .site-header,
.header-inner, .logo-img, .logo-text strong, .logo-text span {
  transition: none;
}
.button:hover, .offer-card:hover, .offers .service-card:hover > .service-arrow {
  transform: none;
}
.offer-card:hover, .offers .service-card:hover { box-shadow: none; }
@media (max-width: 950px) {
  .header nav { box-shadow: 0 3px 10px rgba(7, 61, 81, .08); }
}
.hb-modal, .hb-overlay.is-open .hb-modal { transform: none; transition: none; }
/* The legacy overlays keep their opacity transition: their close handler uses transitionend. */
@media (max-width: 650px) {
  .contact-photo .button:hover { transform: translateX(-50%); }
}
