@media (min-width: 901px) {
  body .tools-hero { min-height: 550px; padding-right: min(39vw, 560px); }
  body .tools-hero h1 { max-width: 11ch; }
  body .tools-hero p { max-width: 740px; }
  .tools-hero-image { position: absolute; right: 2.5%; bottom: -2%; width: min(37%, 535px); height: 98%; object-fit: contain; object-position: center bottom; pointer-events: none; filter: drop-shadow(0 18px 24px rgba(31, 62, 49, .15)); }
}
@media (max-width: 900px) {
  .tools-hero-image { display: block; width: min(80%, 440px); height: auto; max-height: 340px; object-fit: contain; object-position: center bottom; margin: 20px auto -26px; filter: drop-shadow(0 14px 18px rgba(31, 62, 49, .12)); }
}