/* Keep the headline and jewelry together, including on ultrawide screens. */
@media (min-width: 761px) {
  .campaign-hero {
    height: clamp(480px, 42vw, 640px);
    min-height: 480px;
  }
  .campaign-hero .hero-content {
    inset: auto;
    min-height: 0;
    width: min(44%, 560px);
    margin-left: max(5%, calc(50% - 680px));
    padding: 32px 0;
  }
  .campaign-hero h1 {font-size: clamp(48px, 6vw, 88px);}
  .campaign-hero .eyebrow {margin-bottom: 22px;}
  .campaign-hero .hero-note {margin-top: 22px;}
  .campaign-hero .hero-portrait {
    left: auto;
    right: max(0px, calc(50% - 800px));
    width: min(65%, 1040px);
    height: 100%;
    aspect-ratio: auto;
    mask-image: linear-gradient(to right, transparent, black 20%);
  }
  .campaign-hero .hero-photo {
    object-fit: cover;
    object-position: right center;
  }
}
@media (max-width: 760px) {
  .campaign-hero .hero-portrait {aspect-ratio: 1.3;}
  .campaign-hero .hero-photo {object-fit: cover;object-position: right center;}
}
@media (min-width: 1601px) {
  .campaign-hero .hero-portrait {
    mask-image: linear-gradient(to right, transparent, black 20%, black 98%, transparent);
  }
}