/* Main content only: the five service pages. Navigation and footer are shared. */
.cc10-inner .cc-service-page :is(.hero,.campaign-hero) { margin: 0 15px; padding: 30px 0 65px; border-radius: 0 0 12px 12px; }
.cc-service-page .cc-service-breadcrumb { display: flex; flex-wrap: wrap; gap: 10px; color: #535967; font-size: 13px; margin-bottom: 48px; }
.cc-service-breadcrumb a { color: #080d1b; text-decoration: underline; text-underline-offset: 4px; }
.cc-service-hero-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: clamp(30px,4vw,64px); align-items: center; }
.cc-service-hero-grid > * { min-width: 0; }
.cc10-inner .cc-service-page h1 { font-size: clamp(42px,4.4vw,68px); font-weight: 500; letter-spacing: -.055em; line-height: 1.06; }
.cc10-inner .cc-service-page :is(.hero,.campaign-hero) p:not(.kicker):not(.campaign-kicker) { font-size: 18px; line-height: 1.65; }
.cc10-inner .cc-service-page :is(.kicker,.campaign-kicker) { font-size: 11px; letter-spacing: .06em; }
.cc-service-page .cc-service-hero-art { margin: 0; background: white; border-radius: 12px; padding: 14px; }
.cc-service-page .cc-service-hero-art img { display: block; width: 100%; height: auto; border-radius: 7px; }
.cc-service-hero-art figcaption { padding: 22px 10px 12px; color: #080d1b; font-size: 18px; line-height: 1.4; letter-spacing: -.02em; }
.cc-service-hero-art figcaption span { display: block; margin-bottom: 9px; color: #535967; font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }
.cc10-inner .cc-service-page h2 { font-weight: 500; }
.cc10-inner .cc-service-page :is(.card,.campaign-card) { border-radius: 12px; }
.cc10-inner .cc-service-page .campaign-card h3 { font-size: 28px; }
.cc10-inner .cc-service-page .campaign-list li { font-size: 16px; }
.cc-service-page .cc-service-work-heading { padding-bottom: 30px; }
.cc10-inner .cc-service-page .cc-service-work-heading h2 { margin-bottom: 0; }
.cc10-inner .cc-service-page :is(.proof-grid,.campaign-proof-grid) { gap: 42px 30px; align-items: start; }
.cc-service-project { margin: 0; }
.cc-service-project:nth-child(even) { margin-top: 48px; }
.cc10-inner .cc-service-page .cc-service-project img { display: block; border-radius: 10px; object-fit: contain; }
.cc-service-project figcaption { color: #080d1b; font-size: 22px; letter-spacing: -.03em; line-height: 1.3; padding-top: 20px; max-width: 480px; }
.cc10-inner .cc-service-page .campaign-section-soft { background: radial-gradient(ellipse at 0 100%,#24214d,transparent 60%),#080d1b; border-radius: 12px; color: #d0d4e1; }
.cc10-inner .cc-service-page .campaign-section-soft h2 { color: white; }
.cc10-inner .cc-service-page .campaign-section-soft :is(.campaign-eyebrow,.color) { color: #c4b7ff; }
.cc10-inner .cc-service-page .campaign-email-note { max-width: 900px; margin: 28px auto 0; font-size: 14px; line-height: 1.55; color: #d0d4e1; }
.cc10-inner .cc-service-page .campaign-stat { border-color: #42495b; }
.cc10-inner .cc-service-page .campaign-stat strong { color: #ff8696; font-size: clamp(44px,5.5vw,76px); overflow-wrap: anywhere; }
.cc10-inner .cc-service-page .process-step { border-radius: 0 0 12px 12px; padding: 28px 22px; }
.cc10-inner .cc-service-page .process-step p { font-size: 16px; margin-bottom: 0; }
.cc-service-page .cc-service-related { padding: 0 0 100px; }
.cc-service-related-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 42px; }
.cc-service-related-grid a { display: grid; grid-template-columns: 25px 1fr 24px; gap: 18px; align-items: center; min-height: 96px; border-top: 1px solid #dcdde6; padding-block: 24px; color: #080d1b; font-size: 23px; line-height: 1.25; letter-spacing: -.035em; }
.cc-service-related-grid a:hover { color: #315bff; }
.cc-service-link-number { color: #535967; font-size: 12px; letter-spacing: 0; }
.cc10-inner .cc-service-page :is(.cta,.campaign-cta) { border-radius: 12px; }
@media (max-width: 991px) {
  .cc-service-hero-grid { grid-template-columns: 1fr; gap: 40px; }
  .cc-service-page .cc-service-hero-art { transform: none; max-width: 680px; }
  .cc10-inner .cc-service-page h1 { font-size: clamp(42px,7vw,68px); max-width: 850px; }
  .cc-service-page .cc-service-breadcrumb { margin-bottom: 32px; }
}
@media (max-width: 767px) {
  .cc10-inner .cc-service-page :is(.hero,.campaign-hero) { margin-inline: 10px; padding: 20px 0 32px; }
  .cc10-inner .cc-service-page h1 { font-size: clamp(36px,9.5vw,54px); }
  .cc10-inner .cc-service-page :is(.hero,.campaign-hero) p:not(.kicker):not(.campaign-kicker) { font-size: 17px; }
  .cc-service-page .cc-service-hero-art { padding: 8px; }
  .cc-service-hero-art figcaption { font-size: 16px; padding: 18px 10px 12px; }
  .cc10-inner .cc-service-page :is(.proof-grid,.campaign-proof-grid) { grid-template-columns: 1fr; gap: 32px; }
  .cc-service-project:nth-child(even) { margin-top: 0; }
  .cc-service-project figcaption { font-size: 21px; padding-top: 15px; }
  .cc-service-related-grid { grid-template-columns: 1fr; }
  .cc-service-related-grid a { font-size: 22px; min-height: 84px; }
  .cc-service-page .cc-service-related { padding-bottom: 65px; }
  .cc10-inner .cc-service-page .soft .col-sm-4 { width: 100%; }
}