.marketing-engagement { margin-top: 58px; padding-top: 32px; border-top: 1px solid var(--line); }
.marketing-engagement > .page-kicker { margin-bottom: 22px; }
.marketing-engagement-intro { display: grid; grid-template-columns: 1fr 1fr; align-items: start; gap: 8%; }
.marketing-engagement-intro > :is(h2,h3) { max-width: 580px; font: 500 clamp(31px,3.3vw,48px)/1.14 var(--display); letter-spacing: -.045em; }
.marketing-engagement-intro > p { max-width: 560px; color: var(--muted); font-size: 16px; line-height: 1.8; }
.platform-band { margin-top: 34px; }
.platform-band-label { margin-bottom: 15px; color: var(--muted); font: 400 15px/1.5 var(--label); }
.platform-list { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 25px; align-items: center; margin: 0; padding: 28px 26px 24px; list-style: none; background: var(--paper); color: var(--dark); color-scheme: light; }
.platform-list li { display: grid; justify-items: center; gap: 13px; min-width: 0; }
.platform-list img { display: block; width: 100%; max-width: 140px; height: 40px; object-fit: contain; filter: brightness(0); }
.platform-list img[src$="tiktok.png"] { object-fit: cover; }
.platform-list span { font: 400 14px/1.3 var(--label); text-align: center; }
.marketing-support-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px; margin-top: 32px; }
.marketing-support-grid article { min-width: 0; border-top: 1px solid var(--line); padding-top: 20px; }
.marketing-support-grid h3 { margin: 0; font: 400 27px/1.2 var(--label); letter-spacing: -.025em; }
.marketing-support-grid p { margin-top: 16px; font-size: 15px; line-height: 1.8; color: var(--muted); }
.marketing-topics { display: flex; flex-wrap: wrap; gap: 10px 28px; margin: 22px 0 0; padding: 0; list-style: none; font: 400 16px/1.5 var(--label); color: var(--muted); }
.marketing-topics li { display: flex; align-items: center; gap: 10px; }
.marketing-topics li::before { content: ''; display: block; width: 4px; height: 4px; background: currentColor; }
.light-section .marketing-engagement { border-color: #a3ad97; }
.light-section .marketing-engagement :is(.page-kicker,.marketing-engagement-intro > p,.platform-band-label,.marketing-topics) { color: #58614f; }
.light-section .platform-list { background: transparent; padding-inline: 0; border-block: 1px solid #a3ad97; }
.service-page .platform-list { background: transparent; color: var(--ink); color-scheme: dark; }
.service-page .platform-list img { filter: brightness(0) invert(1); }
.service-page .page-hero + .platform-band { margin-bottom: 55px; }
.service-page .marketing-engagement { margin-bottom: 64px; }
@media (max-width: 900px) {
  .platform-list { gap: 22px; padding-inline: 20px; }
  .platform-list img { max-width: 120px; height: 35px; }
  .marketing-engagement-intro { gap: 6%; }
}
@media (max-width: 680px) {
  .marketing-engagement { margin-top: 36px; padding-top: 25px; }
  .marketing-engagement > .page-kicker { margin-bottom: 17px; }
  .marketing-engagement-intro { grid-template-columns: 1fr; gap: 20px; }
  .marketing-engagement-intro > :is(h2,h3) { font-size: 33px; max-width: 440px; }
  .marketing-engagement-intro > p { font-size: 15px; line-height: 1.8; }
  .platform-band { margin-top: 25px; }
  .platform-band-label { font-size: 14px; }
  .platform-list { grid-template-columns: repeat(6,minmax(0,1fr)); gap: 25px 16px; padding: 25px 20px; }
  .platform-list li { grid-column: span 2; gap: 10px; }
  .platform-list li:nth-last-child(2) { grid-column: 2 / span 2; }
  .platform-list li:last-child { grid-column: 4 / span 2; }
  .platform-list img { max-width: 110px; height: 32px; }
  .platform-list span { font-size: 12px; }
  .marketing-support-grid { grid-template-columns: 1fr; gap: 27px; margin-top: 28px; }
  .marketing-support-grid h3 { font-size: 25px; }
  .marketing-support-grid p { margin-top: 12px; }
  .marketing-topics { gap: 8px 20px; font-size: 15px; }
  .service-page .page-hero + .platform-band { margin-bottom: 36px; }
  .service-page .marketing-engagement { margin-bottom: 42px; }
}
