/* Editorial hero composition for the rich public feature pages. */
body.public-design #main-content .marketing-modern-features :is(.ac-hero-band,.br-hero-band,.db-hero-band,.li-hero-band,.rp-hero-band,.sv-hero-band,.doc-hero-band,.vnd-hero-band) {
  background:var(--surface,#fff); border-radius:0;
}
body.public-design #main-content .marketing-modern-features .mk-editorial-hero {
  display:grid; padding-block:42px 54px; gap:52px; align-items:center;
}
body.public-design #main-content .marketing-modern-features .mk-editorial-hero > :first-child {
  width:100%; min-width:0; max-width:none; margin:0; padding:0; text-align:left;
}
body.public-design #main-content .marketing-modern-features .mk-editorial-hero [data-marketing-title] {
  max-width:15ch; margin-block:16px 22px;
}
body.public-design #main-content .marketing-modern-features .mk-editorial-hero [data-marketing-title] > span {
  color:var(--brand-purple-fill-1,#5220b4); background:none; -webkit-text-fill-color:currentColor;
}
body.public-design #main-content .marketing-modern-features .mk-editorial-hero [data-marketing-lead] {
  max-width:43ch; margin-inline:0;
}
body.public-design #main-content .marketing-modern-features .mk-editorial-hero :is(.ac-actions,.br-actions,.db-actions,.li-actions,.rp-actions,.sv-actions,.doc-actions,.vnd-actions) {
  justify-content:flex-start; flex-wrap:wrap; gap:14px 20px; margin-top:26px;
}
body.public-design #main-content .marketing-modern-features .mk-accounting-evidence { padding-block:22px 58px; }
body.public-design #main-content .marketing-modern-features .mk-accounting-evidence .ac-product-stage { margin-top:28px; }
body.public-design #main-content .marketing-modern-features .sv-hero-art {
  margin:0; padding:24px; border:0; border-radius:22px; background:var(--ai-bg,#f6f3fb);
}
body.public-design #main-content .marketing-modern-features .sv-hero-art img { display:block; width:100%; height:auto; }
body.public-design #main-content .marketing-modern-features .vnd-hero-scene { margin:0; padding:0; min-height:0; }
body.public-design #main-content .marketing-modern-features .vnd-hero-photo {
  position:static; display:block; width:100%; height:auto; aspect-ratio:1.35; object-fit:cover; border-radius:22px; transform:none;
}
body.public-design #main-content .marketing-modern-features .vnd-job-card {
  position:relative; inset:auto; width:auto; max-width:none; margin:-42px 22px 0; transform:none; box-shadow:none; border:1px solid var(--border,#dedde3); background:var(--surface,#fff);
}
body.public-design #main-content .marketing-modern-features .vnd-hero-note { position:static; margin:14px 22px 0; transform:none; text-align:left; }
@media (max-width:900px) {
  body.public-design #main-content .marketing-modern-features .mk-editorial-hero { grid-template-columns:1fr; gap:30px; padding-block:28px 38px; }
  body.public-design #main-content .marketing-modern-features .mk-editorial-hero [data-marketing-title] { max-width:19ch; }
  body.public-design #main-content .marketing-modern-features .mk-editorial-hero > :is(.mk-story,.vnd-hero-scene,.sv-hero-art) { max-width:680px; }
}
@media (max-width:480px) {
  body.public-design #main-content .marketing-modern-features .mk-editorial-hero { gap:26px; }
  body.public-design #main-content .marketing-modern-features .sv-hero-art { padding:12px; }
  body.public-design #main-content .marketing-modern-features .vnd-job-card { margin:-24px 12px 0; padding:18px; }
  body.public-design #main-content .marketing-modern-features .vnd-hero-note { margin-inline:12px; }
  body.public-design #main-content .marketing-modern-features .mk-accounting-evidence { padding-bottom:34px; }
}