/* Final hero positioning tuned for the boutique redesign. */
.hero-brand-logo {
  top: 22% !important;
  width: clamp(116px, 13vw, 150px) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  padding: 0 !important;
}

.home-hero-panel {
  bottom: 24px !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  justify-content: center !important;
  width: max-content !important;
  margin: 0 !important;
}

.hero-scroll-link {
  border-radius: 0 !important;
}

.home-hero-panel .hero-scroll-link {
  padding: 7px 16px !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
  letter-spacing: 0.18em !important;
  box-shadow: none !important;
}

@media (max-width: 700px) {
  .hero-brand-logo {
    top: 19% !important;
    width: 110px !important;
  }
}

@media (max-width: 520px) {
  .hero-brand-logo {
    top: 17% !important;
    width: 92px !important;
  }

  .home-hero-panel {
    bottom: 16px !important;
  }

  .home-hero-panel .hero-scroll-link {
    padding: 6px 12px !important;
    font-size: 9px !important;
  }
}
