/* One authored composition, art-directed at the edges rather than stretched. */
:is(#main-content, #eexb-preview) .v2-hero.v5-brand-hero {
  --eex-edge-width: clamp(148px, 27vw, 520px);
  --eex-emblem-height: clamp(158px, 19vw, 276px);
}
:is(#main-content, #eexb-preview) .v2-hero.v5-brand-hero::after {
  background:
    var(--eex-hero-left) left top / var(--eex-edge-width) auto no-repeat,
    var(--eex-hero-right) right bottom / var(--eex-edge-width) auto no-repeat !important;
  filter: none !important;
  opacity: 1;
  transform: none;
}
/* The real logo's emblem is cropped before its wordmark, never distorted. */
:is(#main-content, #eexb-preview) .v2-hero.v5-brand-hero::before {
  content: '' !important;
  display: block !important;
  position: absolute;
  inset: auto auto 24px clamp(10px, 2.5vw, 60px);
  width: calc(var(--eex-emblem-height) * .945);
  height: var(--eex-emblem-height);
  background: var(--eex-desktop-hero-logo) left center / auto var(--eex-emblem-height) no-repeat !important;
  filter: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  mix-blend-mode: multiply;
  opacity: .105;
  transform: none;
  z-index: 0;
  pointer-events: none;
}
:is(#main-content, #eexb-preview) .v2-hero.v5-brand-hero > .v2-hero__grid {
  position: relative;
  z-index: 1;
}
@media (max-width: 600px) {
  :is(#main-content, #eexb-preview) .v2-hero.v5-brand-hero {
    --eex-edge-width: clamp(112px, 34vw, 180px);
    --eex-emblem-height: clamp(134px, 36vw, 170px);
  }
  :is(#main-content, #eexb-preview) .v2-hero.v5-brand-hero::before {
    bottom: 18px;
  }
}