/* Homepage imagery refinements; all original page copy is retained. */
.hero-image-frame {
  aspect-ratio: 4250 / 2595;
  overflow: hidden;
  filter: drop-shadow(0 30px 55px rgba(14,18,36,.12));
}
.hero-image-frame .hero-composite {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
  filter: none;
}
@media (min-width: 981px) {
  .hero { min-height: max(calc(34vw + 80px), calc(31vw + 202px)); }
  .hero-visual { left: max(480px, calc(50vw - 160px)); }
  .hero-badge.b1 { top: 16%; left: 15%; }
  .hero-badge.b2 { bottom: 13%; left: 3%; }
  .hero-badge.b3 { top: 8%; right: 2%; }
}
#why {
  background: #fff;
  scroll-margin-top: 88px;
}
#why .why-intro {
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  align-items: center;
  gap: 32px;
  margin-bottom: 42px;
}
#why .why-intro .section-head {
  margin: 0;
  max-width: 440px;
  text-align: left;
}
#why .why-intro .eyebrow { justify-content: flex-start; }
#why .why-intro .lead { margin-left: 0 !important; margin-right: 0 !important; }
#why .why-visual { margin: 0; min-width: 0; }
#why .why-visual img { display: block; width: 100%; height: auto; }
@media (max-width: 800px) {
  #why .why-intro { grid-template-columns: minmax(0, 1fr); gap: 24px; margin-bottom: 32px; }
  #why .why-intro .section-head { margin: 0 auto; max-width: 620px; text-align: center; }
  #why .why-intro .eyebrow { justify-content: center; }
  #why .why-visual { width: 100%; max-width: 680px; margin: 0 auto; }
}