/* Watches catalogue: shares the compact bags-page proportions with watch-specific art direction. */
.watches-page {
  /* Keep the catalogue accents aligned with the Iconic House gold used on this page. */
  --gold-bright: var(--gold);
}

.watches-page .watch-page-hero .page-hero__media img {
  object-position: 57% 63%;
  filter: saturate(.92) contrast(1.04) brightness(1.07);
}

.watches-page .watch-page-hero__lead {
  font-size: 16px;
  line-height: 1.5;
}

.watches-page .watch-page-hero__copy .editorial-button {
  border-color: rgba(212, 175, 55, .65);
}

.watches-page .watch-brand-banner__copy {
  max-width: 88%;
}

.watches-page .watch-brand-banner__copy h2 {
  max-width: 250px;
  font-size: clamp(28px, 2.45vw, 42px);
  line-height: .86;
}

.watches-page .watch-brand-banner:nth-child(2) img {
  object-position: 72% 55%;
}

.watches-page .watch-brand-banner:nth-child(3) img {
  object-position: 68% 54%;
}

.watches-page .watch-catalogue .product-card h3 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/* The watch catalogue reuses the bags hero shell. Keep its content in one
   ordered flow at every width and let long brand names determine hero height. */
.watches-page .watch-page-hero__copy .eyebrow { order: 0; }
.watches-page .watch-page-hero__copy h1 { order: 1; }
.watches-page .watch-page-hero__copy .watch-page-hero__lead {
  order: 2;
  max-width: 330px;
  margin: clamp(15px, 1.5vw, 25px) 0 0;
}
.watches-page .watch-page-hero__copy .editorial-button { order: 3; }

@media (min-width: 981px) {
  body.catalogue-page.watches-page .watch-page-hero {
    height: auto;
    min-height: clamp(360px, 25.8vw, 432px);
  }

  body.catalogue-page.watches-page .watch-page-hero__copy {
    align-self: stretch;
    justify-content: center;
  }
}

@media (max-width: 760px) {
  .watches-page .watch-page-hero .page-hero__media img {
    object-position: center;
  }

  .watches-page .watch-brand-banner__copy h2 {
    max-width: 220px;
    font-size: clamp(34px, 11vw, 46px);
  }
}