/* Campaign content in the approved Fiftyone master-site design system.
   Header, drawer and footer use the shared homepage CSS/JS without overrides. */
html:not(#legacy-publication) body.business-page.services-aligned {
  --publication-bg: #000;
  --publication-ink: #ededed;
  --publication-muted: #a0a0a0;
  --publication-line: #242424;
  --publication-wash: #080808;
  --business-blue: #5b9eff;
  --home-blue: #5b9eff;
  .campaign-main .container { max-width: var(--home-width); padding-inline: var(--home-gutter); }
  .campaign-hero { padding-top: 120px; background: radial-gradient(ellipse at 90% 20%,#101d32,transparent 60%),#000; }
  .campaign-hero-grid { --business-bg: #000; --business-muted: #a0a0a0; padding-top: 40px; }
  /* Title typography inherits the exact Vercel Services reference rules in
     services-layout.css and join-language.css, including responsive sizes. */
  .campaign-main .business-kicker { color: var(--business-blue); font-size: 12px; font-weight: 500; letter-spacing: .03em; }
  .campaign-main .btn { border-radius: 999px; font-weight: 500; }
  .campaign-main .btn-primary { background: #f7f7f7; color: #111; }
  .campaign-main .btn-primary:hover { background: #dedede; }
  .campaign-text-link { font-weight: 500; }
  .campaign-clients { max-width: var(--home-width); padding-inline: var(--home-gutter); background: #000; border-bottom: 1px solid var(--business-line); }
  .campaign-logo { background: transparent; border-radius: 0; }
  .campaign-logo img { filter: grayscale(1) invert(1) brightness(2); mix-blend-mode: screen; opacity: 1; }
  .campaign-case { background: #0b0b0b; border-radius: 16px; }
  .campaign-final { background: radial-gradient(ellipse at 100% 100%,#101f39,transparent 65%),#000; }
  .campaign-final::after { opacity: .45; }
  .campaign-main :is(a,button,summary):focus-visible { outline: 2px solid #a0a0a0; outline-offset: 4px; }
  #servicesIntake .intake-heading { font-family: 'DM Sans',Arial,sans-serif; font-weight: 500; letter-spacing: -.04em; }
}
@media (max-width: 760px) {
  html:not(#legacy-publication) body.business-page.services-aligned {
    .campaign-hero { padding-top: 92px; }
    .campaign-hero-grid { padding-top: 24px; }
    .campaign-reader-proof { gap: 24px; }
  }
}