/* Desktop homepage only. Phone layouts are intentionally untouched. */
@media (min-width: 901px) {
  body[data-site-page="home"] main {
    min-height: auto;
    padding-top: clamp(1rem, 2vh, 1.5rem);
  }

  body[data-site-page="home"] .salon-hero-copy {
    grid-template-columns: minmax(0, 1.55fr) minmax(18rem, 0.7fr);
    min-height: 0;
    column-gap: clamp(1.5rem, 3vw, 3.5rem);
    row-gap: 0.5rem;
    padding: clamp(1.5rem, 2.4vw, 2.5rem);
  }

  body[data-site-page="home"] .salon-hero-copy > :not(.salon-hero-panel) {
    grid-column: 1;
  }

  body[data-site-page="home"] .salon-hero .hero-message {
    max-width: none;
    margin: 0.2rem 0 0.45rem;
    font-size: clamp(2rem, 2.65vw, 2.7rem);
    line-height: 1.05;
  }

  body[data-site-page="home"] .salon-hero .hero-actions {
    margin-top: 0.45rem;
  }

  body[data-site-page="home"] .salon-hero .hero-actions .hero-book-button {
    min-width: 13rem;
    min-height: 2.9rem;
    padding-inline: 1.4rem;
    font-size: 0.94rem;
  }

  body[data-site-page="home"] .hero-contact {
    margin-top: 0.45rem;
  }

  body[data-site-page="home"] .contact-chip {
    min-height: 2.75rem;
  }

  body[data-site-page="home"] .salon-hero-panel {
    grid-column: 2;
    grid-row: 1 / span 4;
    align-self: stretch;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-content: center;
    gap: 0.75rem;
    width: auto;
    min-width: 18rem;
    margin: 0;
    padding: clamp(1.15rem, 2vw, 1.75rem);
  }

  body[data-site-page="home"] .salon-hero-panel div,
  body[data-site-page="home"] .salon-hero-panel div:last-child {
    min-width: 0;
    padding: 0 0 0.75rem;
    border-bottom: 1px solid rgba(214, 181, 95, 0.22);
  }

  body[data-site-page="home"] .salon-hero-panel div:last-child {
    padding-bottom: 0;
    border-bottom: 0;
  }

  body[data-site-page="home"] .salon-hero-panel strong {
    font-size: 0.88rem;
    line-height: 1.32;
  }
}