@media (min-width: 681px) {
  body.service-landing.marketing-service-page[data-site-section="website"] .marketing-hero {
    background: var(--marketing-cream);
    color: var(--marketing-ink);
  }

  body.service-landing.marketing-service-page[data-site-section="website"] .marketing-hero__veil {
    background:
      linear-gradient(90deg, rgb(247 245 240 / 98%) 0%, rgb(247 245 240 / 96%) 28%, rgb(247 245 240 / 82%) 45%, rgb(247 245 240 / 50%) 58%, rgb(247 245 240 / 15%) 70%, rgb(247 245 240 / 0%) 100%),
      linear-gradient(180deg, rgb(247 245 240 / 2%) 0%, rgb(247 245 240 / 10%) 100%);
  }

  body.service-landing.marketing-service-page[data-site-section="website"] .marketing-hero__topline {
    border-bottom-color: rgb(23 26 27 / 18%);
  }

  body.service-landing.marketing-service-page[data-site-section="website"] .marketing-hero__topline p {
    color: var(--marketing-ink);
  }

  body.service-landing.marketing-service-page[data-site-section="website"] .marketing-hero__topline span,
  body.service-landing.marketing-service-page[data-site-section="website"] .marketing-hero .marketing-kicker {
    color: var(--marketing-coral-deep);
  }

  body.service-landing.marketing-service-page[data-site-section="website"] .marketing-hero h1 {
    color: var(--marketing-ink);
    text-shadow: none;
  }

  body.service-landing.marketing-service-page[data-site-section="website"] .marketing-hero__headline-accent {
    color: var(--marketing-coral-deep);
  }

  body.service-landing.marketing-service-page[data-site-section="website"] .marketing-hero__lead {
    color: rgb(23 26 27 / 78%);
    text-shadow: none;
  }

  body.service-landing.marketing-service-page[data-site-section="website"] .marketing-hero__lead strong {
    color: var(--marketing-ink);
  }

  body.service-landing.marketing-service-page[data-site-section="website"] .marketing-button--ghost {
    border-color: rgb(23 26 27 / 38%);
    background: rgb(255 255 255 / 42%);
    color: var(--marketing-ink);
  }

  body.service-landing.marketing-service-page[data-site-section="website"] .marketing-button--ghost:hover,
  body.service-landing.marketing-service-page[data-site-section="website"] .marketing-button--ghost:focus-visible {
    border-color: var(--marketing-ink);
    background: rgb(255 255 255 / 72%);
  }

  body.service-landing.marketing-service-page[data-site-section="website"] .marketing-hero__tags li {
    border-color: rgb(23 26 27 / 26%);
    background: rgb(255 255 255 / 48%);
    color: var(--marketing-ink);
  }
}
