/* Only opted-in artwork is affected; in particular, never the Healthcare hero. */
.marketing-art {
  width: 100%;
  min-width: 0;
}
.marketing-art--hero {
  display: grid;
  place-items: center;
  min-height: 360px;
}
.marketing-visual {
  display: block;
  width: 100%;
  height: auto;
  max-width: 560px;
  overflow: visible;
}
.hero .homepage-hero-image {
  border: 0;
  box-shadow: none;
  filter: invert(1) hue-rotate(180deg);
  -webkit-mask-image:
    linear-gradient(to right, transparent, #000 10%, #000 90%, transparent),
    linear-gradient(to bottom, transparent, #000 16%, #000 82%, transparent);
  -webkit-mask-composite: source-in;
  mask-image:
    linear-gradient(to right, transparent, #000 10%, #000 90%, transparent),
    linear-gradient(to bottom, transparent, #000 16%, #000 82%, transparent);
  mask-composite: intersect;
}
.marketing-art--support {
  display: grid;
  place-items: center;
  max-width: 680px;
  margin: 34px auto 0;
}
.marketing-art--insights {
  width: min(100%, 920px);
  max-width: 920px;
  margin: 0 0 34px;
}
.marketing-art--insights > .marketing-visual {
  width: 100%;
  max-width: 920px;
}
.marketing-art--health {
  display: grid;
}
.marketing-art--health > .marketing-visual {
  width: min(100%, 400px);
  max-height: 240px;
}
.marketing-visual :is(.accent-dot, .message-dot, .flow-dot) {
  transition: fill 180ms ease;
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .marketing-art:not(.is-motion-paused):hover > .marketing-visual {
    --marketing-accent-fill: #2e6e56;
  }
  .marketing-art:not(.is-motion-paused):hover > .marketing-visual[data-tone="dark"] {
    --marketing-accent-fill: #e0eee2;
  }
}
@media (max-width: 880px) {
  .marketing-art--hero {
    min-height: 0;
  }
  .marketing-art--hero > .marketing-visual {
    max-width: 480px;
  }
  .marketing-art--health > .marketing-visual {
    max-height: 180px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .marketing-visual :is(.accent-dot, .message-dot, .flow-dot) {
    transition: none;
  }
}