/* Page banner behind the hero of the Conference and Exhibition pages (client images, 20 Sep).
   Loaded only by pages listing "page-banner" in their meta extras. */

.page-hero--banner { position: relative; isolation: isolate; padding-bottom: calc(46 * var(--pt)); }
.page-hero__banner { position: absolute; inset: 0; z-index: -1; overflow: hidden; background: #0b1a20; }
.page-hero__banner img { width: 100%; height: 100%; object-fit: cover; object-position: var(--pos, 50% 50%); }
.page-hero__banner::after { /* keeps the title, lead and buttons readable over the photograph */
  content: ""; position: absolute; inset: 0;
  background:
    linear-gradient(90deg, rgba(16, 35, 40, .92) 0%, rgba(16, 35, 40, .78) 38%, rgba(16, 35, 40, .42) 70%, rgba(16, 35, 40, .55) 100%),
    linear-gradient(180deg, rgba(16, 35, 40, .5) 0%, rgba(16, 35, 40, .2) 30%, rgba(16, 35, 40, .55) 72%, rgba(16, 35, 40, .92) 100%);
}
.page-hero--banner .page-hero__mark { opacity: .28; }
.page-hero--banner::before { opacity: .45; }
.page-hero--banner::after { opacity: .5; }

/* photos that fill their card (the supplied landscape shots) instead of the design's fixed crop */
.aud-card__img--cover { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: var(--pos, 50% 50%); }

@media (max-width: 959px) {
  .page-hero--banner { padding-bottom: 34px; }
  .page-hero__banner::after {
    background: linear-gradient(180deg, rgba(16, 35, 40, .72) 0%, rgba(16, 35, 40, .66) 45%, rgba(16, 35, 40, .82) 78%, rgba(16, 35, 40, .95) 100%);
  }
  .page-hero--banner .page-hero__mark { opacity: .18; }
}

/* Wood Mackenzie logo in the Conference hero (client deck, slide 8) */
.page-hero__partner { margin-top: calc(14 * var(--pt)); padding-top: calc(12 * var(--pt)); border-top: 1px solid rgba(255, 255, 255, .18); width: fit-content; }
.page-hero__partner img { display: block; height: calc(24 * var(--pt)); width: auto; }
@media (max-width: 959px) {
  .page-hero__partner { margin-top: 18px; padding-top: 14px; }
  .page-hero__partner img { height: 30px; }
}