/* New audience-page editorial visual placeholders — replaced when original art is provided. */
.audience-editorial{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:2rem;padding:clamp(28px,5vw,70px);min-height:380px;border-radius:20px;background:linear-gradient(145deg,#e9eddd 0%,#e0d9ef 65%,#eadac8 100%);border:0;box-shadow:none;overflow:hidden;color:#222}
.audience-editorial span,.audience-editorial small,.audience-editorial-benefit span,.audience-editorial-benefit small{font-size:12px;line-height:1.5;letter-spacing:.08em;text-transform:uppercase}
.audience-editorial strong{font-size:clamp(34px,5vw,72px);line-height:1.05;letter-spacing:-.04em;max-width:650px;font-weight:600}
.audience-editorial-benefit{display:flex!important;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:22px;padding:clamp(26px,4vw,55px);border:0!important;border-radius:20px!important;background:linear-gradient(145deg,#eceade,#e2ddec)!important;min-height:340px;box-shadow:none!important}
.audience-editorial-benefit strong{font-size:clamp(28px,4vw,52px);line-height:1.1;font-weight:600;letter-spacing:-.035em}
.audience-reveal-mobile .audience-editorial-benefit{min-height:260px}
@media(max-width:700px){.audience-editorial{min-height:270px;padding:28px}.audience-editorial strong{font-size:clamp(32px,8vw,52px)}.audience-editorial-benefit strong{font-size:30px}}


/* Startups and Designers: original blog photography in every audience image slot.
   Keep the page geometry, sticky reveal, text and navigation untouched. */
html body.marketing .audience-page figure.audience-photo-slot.audience-placeholder {
  position:relative;
  display:block!important;
  box-sizing:border-box;
  width:100%;
  height:auto!important;
  aspect-ratio:16 / 9!important;
  min-height:380px!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:#e9e6df!important;
  overflow:hidden;
}
html body.marketing .audience-page .audience-visual-card.audience-benefit-photo-slot {
  position:relative;
  display:block!important;
  width:100%;
  height:auto!important;
  min-height:340px!important;
  aspect-ratio:3 / 2!important;
  margin:0;
  padding:0!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:#e9e6df!important;
  border-radius:20px!important;
  overflow:hidden;
}
html body.marketing .audience-page :is(
  figure.audience-photo-slot.audience-placeholder,
  .audience-visual-card.audience-benefit-photo-slot
) > img {
  display:block!important;
  position:absolute;
  inset:0;
  width:100%!important;
  height:100%!important;
  min-width:100%;
  min-height:100%;
  max-width:none!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:cover!important;
  object-position:center center;
  border:0!important;
  border-radius:inherit;
}
@media(max-width:700px) {
  html body.marketing .audience-page figure.audience-photo-slot.audience-placeholder {
    min-height:270px!important;
  }
  html body.marketing .audience-page .audience-reveal-mobile .audience-visual-card.audience-benefit-photo-slot {
    min-height:260px!important;
  }
}