.hero {
  scroll-margin-top: 110px;
}

.price-band {
  margin-top: 20px;
}

.about-panel {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.about-panel-image {
  overflow: hidden;
  margin-top: auto;
  border: 1px solid rgba(160, 127, 58, 0.2);
  border-radius: 8px;
  box-shadow: 0 14px 30px rgba(74, 43, 20, 0.12);
}

.about-panel-image img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  transition: transform 500ms cubic-bezier(0.22, 1, 0.36, 1);
}

.about-panel:hover .about-panel-image img {
  transform: scale(1.04);
}

@media (max-width: 760px) {
  .about-panel-image img {
    aspect-ratio: 16 / 10;
  }
}