.landscape-hero {
  position: relative;
  isolation: isolate;
  background: #fff;
}
.landscape-visual { position: relative; }
.landscape-artwork { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; }
/* Contrast belongs to the copy only; the artwork and sunset have no overlay. */
.landscape-content,
.landscape-positioning {
  position: absolute;
  z-index: 1;
  color: #fff;
  text-shadow: none;
  background: rgba(8, 14, 14, .72);
  padding: 18px 20px;
}
.landscape-content { top: 5%; left: 5%; max-width: 33%; }
.landscape-audience {
  font: 500 clamp(1rem, 1.5vw, 1.375rem) / 1.3 Arial, Helvetica, sans-serif;
  letter-spacing: 0;
  margin: 0 0 16px;
}
.landscape-content h1 {
  font: 500 clamp(3rem, 5.5vw, 6rem) / .98 Arial, Helvetica, sans-serif;
  letter-spacing: .025em;
  margin: 0 0 20px;
}
.landscape-audience br, .landscape-tagline br { display: none; }
.landscape-content h1 span { display: block; white-space: nowrap; }
.landscape-tagline {
  font: 400 clamp(1rem, 1.5vw, 1.375rem) / 1.35 Arial, Helvetica, sans-serif;
  letter-spacing: 0;
  margin: 0;
}
.landscape-positioning {
  top: 5%;
  left: 43%;
  width: 29%;
  max-width: none;
  margin: 0;
  font: 400 clamp(1.25rem, 1.85vw, 1.625rem) / 1.45 Arial, Helvetica, sans-serif;
  letter-spacing: 0;
  text-wrap: pretty;
}
.landscape-positioning strong {
  display: block;
  margin-bottom: .45em;
  font-size: 1.2em;
  font-weight: 700;
  line-height: 1.2;
  text-wrap: balance;
}
.landscape-positioning > span { display: block; }
.c-test-page .campaign-intro .brand-relationship { font-size: 1.1rem; margin: 20px 0 26px; }
.c-test-page .campaign-intro .brand-relationship a { font-weight: 600; }
@media (max-width: 1100px) {
  .landscape-positioning {
    top: 6%;
    left: 5%;
    width: 55%;
    max-width: 30ch;
    font-size: clamp(1.25rem, 2.9vw, 1.625rem);
  }
  .landscape-content {
    position: relative;
    top: auto;
    left: auto;
    max-width: none;
    padding: 36px 5% 42px;
    color: #111;
    background: #fff;
  }
  .landscape-audience { font-size: 1.5rem; line-height: 1.3; margin-bottom: 28px; }
  .landscape-audience br { display: none; }
  .landscape-content h1 { font-size: clamp(4.4rem, 12vw, 6.5rem); line-height: 1.03; margin-bottom: 28px; }
  .landscape-tagline { font-size: 1.6rem; }
  .landscape-tagline br { display: none; }
  .c-test-page .campaign-intro { border-top: 1px solid #ddd; padding-top: 34px; }
  .c-test-page .campaign-intro .brand-relationship { font-size: 1rem; }
}
@media (max-width: 640px) {
  .landscape-positioning {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    max-width: none;
    padding: 24px 20px 0;
    color: #111;
    background: #fff;
    text-wrap: pretty;
  }
  .landscape-content { padding: 30px 20px 36px; }
}