/* Campaign image: keep the garments visible beside the existing copy. */
.hero { background: #0b0b0b; }
.hero-image { top: 112px; height: calc(100% - 112px); object-position: 65% top; }
.hero-shade { background: linear-gradient(90deg,rgba(11,11,11,.4),rgba(11,11,11,.16) 48%,transparent 75%),linear-gradient(0deg,rgba(11,11,11,.65),transparent 48%); }
.hero-copy { max-width: 650px; }
.hero h1 { font-size: clamp(4.2rem,7.8vw,7.75rem); }
@media(max-width:700px) {
  .hero { height: auto; min-height: 0; padding: 448px 24px 44px; }
  .hero-image { top: 96px; height: 400px; object-position: 80% top; }
  .hero-shade { background: linear-gradient(0deg,#0b0b0b 36%,rgba(11,11,11,.92) 42%,rgba(11,11,11,.1) 64%,transparent 80%); }
  .hero-copy { max-width: 100%; }
  .hero h1 { font-size: clamp(3.8rem,14vw,5rem); line-height: .86; }
  .hero-copy > p:not(.eyebrow) { margin: 24px 0; }
  .hero-buttons { gap: 22px; }
}
.announcement { display: flex; align-items: center; justify-content: center; gap: 10px; white-space: nowrap; font-size: clamp(.52rem,2vw,.72rem); letter-spacing: .12em; }
@media(max-width:700px) {
  .hero-image { mask-image: linear-gradient(to bottom,#000 76%,transparent); }
}