/* All 18 leaf services only. Preserve category images and existing layout dimensions. */
.subservice-card[href*="/services/web/corporate-site"]::before{background-image:url("/cp18-v3-web-corporate-site-wide.jpg")!important;background-size:cover!important;background-position:center center!important;filter:none!important}
.subservice-card[href*="/services/web/corporate-site"]:hover::before{filter:none!important}
@media(max-width:800px){.subservice-card[href*="/services/web/corporate-site"]::before{background-image:url("/cp18-v3-web-corporate-site-mobile.jpg")!important;background-size:cover!important;background-position:center center!important}}
.subservice-card[href*="/services/web/ecommerce"]::before{background-image:url("/cp18-v3-web-ecommerce-wide.jpg")!important;background-size:cover!important;background-position:center center!important;filter:none!important}
.subservice-card[href*="/services/web/ecommerce"]:hover::before{filter:none!important}
@media(max-width:800px){.subservice-card[href*="/services/web/ecommerce"]::before{background-image:url("/cp18-v3-web-ecommerce-mobile.jpg")!important;background-size:cover!important;background-position:center center!important}}
.subservice-card[href*="/services/web/landing-page"]::before{background-image:url("/cp18-v3-web-landing-page-wide.jpg")!important;background-size:cover!important;background-position:center center!important;filter:none!important}
.subservice-card[href*="/services/web/landing-page"]:hover::before{filter:none!important}
@media(max-width:800px){.subservice-card[href*="/services/web/landing-page"]::before{background-image:url("/cp18-v3-web-landing-page-mobile.jpg")!important;background-size:cover!important;background-position:center center!important}}
.subservice-card[href*="/services/marketing/google"]::before{background-image:url("/cp18-v3-marketing-google-wide.jpg")!important;background-size:cover!important;background-position:center center!important;filter:none!important}
.subservice-card[href*="/services/marketing/google"]:hover::before{filter:none!important}
@media(max-width:800px){.subservice-card[href*="/services/marketing/google"]::before{background-image:url("/cp18-v3-marketing-google-mobile.jpg")!important;background-size:cover!important;background-position:center center!important}}
.subservice-card[href*="/services/marketing/facebook"]::before{background-image:url("/cp18-v3-marketing-facebook-wide.jpg")!important;background-size:cover!important;background-position:center center!important;filter:none!important}
.subservice-card[href*="/services/marketing/facebook"]:hover::before{filter:none!important}
@media(max-width:800px){.subservice-card[href*="/services/marketing/facebook"]::before{background-image:url("/cp18-v3-marketing-facebook-mobile.jpg")!important;background-size:cover!important;background-position:center center!important}}
.subservice-card[href*="/services/marketing/instagram"]::before{background-image:url("/cp18-v5-seo-geo-card-wide-v2.jpg")!important;background-size:cover!important;background-position:center center!important;filter:none!important}
.subservice-card[href*="/services/marketing/instagram"]:hover::before{filter:none!important}
@media(max-width:800px){.subservice-card[href*="/services/marketing/instagram"]::before{background-image:url("/cp18-v5-seo-geo-card-mobile-v3.jpg")!important;background-size:cover!important;background-position:center center!important}}
.subservice-card[href*="/services/social/networks"]::before{background-image:url("/cp18-v3-social-networks-wide.jpg")!important;background-size:cover!important;background-position:center center!important;filter:none!important}
.subservice-card[href*="/services/social/networks"]:hover::before{filter:none!important}
@media(max-width:800px){.subservice-card[href*="/services/social/networks"]::before{background-image:url("/cp18-v3-social-networks-mobile.jpg")!important;background-size:cover!important;background-position:center center!important}}
.subservice-card[href*="/services/social/campaigns"]::before{background-image:url("/cp18-v3-social-campaigns-wide.jpg")!important;background-size:cover!important;background-position:center center!important;filter:none!important}
.subservice-card[href*="/services/social/campaigns"]:hover::before{filter:none!important}
@media(max-width:800px){.subservice-card[href*="/services/social/campaigns"]::before{background-image:url("/cp18-v3-social-campaigns-mobile.jpg")!important;background-size:cover!important;background-position:center center!important}}
.subservice-card[href*="/services/social/branding"]::before{background-image:url("/cp18-v3-social-branding-wide.jpg")!important;background-size:cover!important;background-position:center center!important;filter:none!important}
.subservice-card[href*="/services/social/branding"]:hover::before{filter:none!important}
@media(max-width:800px){.subservice-card[href*="/services/social/branding"]::before{background-image:url("/cp18-v3-social-branding-mobile.jpg")!important;background-size:cover!important;background-position:center center!important}}
.subservice-card[href*="/services/strategy/research"]::before{background-image:url("/cp18-v3-strategy-research-wide.jpg")!important;background-size:cover!important;background-position:center center!important;filter:none!important}
.subservice-card[href*="/services/strategy/research"]:hover::before{filter:none!important}
@media(max-width:800px){.subservice-card[href*="/services/strategy/research"]::before{background-image:url("/cp18-v3-strategy-research-mobile.jpg")!important;background-size:cover!important;background-position:center center!important}}
.subservice-card[href*="/services/strategy/messaging"]::before{background-image:url("/cp18-v3-strategy-messaging-wide.jpg")!important;background-size:cover!important;background-position:center center!important;filter:none!important}
.subservice-card[href*="/services/strategy/messaging"]:hover::before{filter:none!important}
@media(max-width:800px){.subservice-card[href*="/services/strategy/messaging"]::before{background-image:url("/cp18-v3-strategy-messaging-mobile.jpg")!important;background-size:cover!important;background-position:center center!important}}
.subservice-card[href*="/services/strategy/action-plan"]::before{background-image:url("/cp18-v3-strategy-action-plan-wide.jpg")!important;background-size:cover!important;background-position:center center!important;filter:none!important}
.subservice-card[href*="/services/strategy/action-plan"]:hover::before{filter:none!important}
@media(max-width:800px){.subservice-card[href*="/services/strategy/action-plan"]::before{background-image:url("/cp18-v3-strategy-action-plan-mobile.jpg")!important;background-size:cover!important;background-position:center center!important}}
.subservice-card[href*="/services/ai/smart-content"]::before{background-image:url("/cp18-v3-ai-smart-content-wide.jpg")!important;background-size:cover!important;background-position:center center!important;filter:none!important}
.subservice-card[href*="/services/ai/smart-content"]:hover::before{filter:none!important}
@media(max-width:800px){.subservice-card[href*="/services/ai/smart-content"]::before{background-image:url("/cp18-v3-ai-smart-content-mobile.jpg")!important;background-size:cover!important;background-position:center center!important}}
.subservice-card[href*="/services/ai/smart-bots"]::before{background-image:url("/cp18-v3-ai-smart-bots-wide.jpg")!important;background-size:cover!important;background-position:center center!important;filter:none!important}
.subservice-card[href*="/services/ai/smart-bots"]:hover::before{filter:none!important}
@media(max-width:800px){.subservice-card[href*="/services/ai/smart-bots"]::before{background-image:url("/cp18-v3-ai-smart-bots-mobile.jpg")!important;background-size:cover!important;background-position:center center!important}}
.subservice-card[href*="/services/ai/analysis"]::before{background-image:url("/cp18-v3-ai-analysis-wide.jpg")!important;background-size:cover!important;background-position:center center!important;filter:none!important}
.subservice-card[href*="/services/ai/analysis"]:hover::before{filter:none!important}
@media(max-width:800px){.subservice-card[href*="/services/ai/analysis"]::before{background-image:url("/cp18-v3-ai-analysis-mobile.jpg")!important;background-size:cover!important;background-position:center center!important}}
.subservice-card[href*="/services/automation/lead-capture"]::before{background-image:url("/cp18-v3-automation-lead-capture-wide.jpg")!important;background-size:cover!important;background-position:center center!important;filter:none!important}
.subservice-card[href*="/services/automation/lead-capture"]:hover::before{filter:none!important}
@media(max-width:800px){.subservice-card[href*="/services/automation/lead-capture"]::before{background-image:url("/cp18-v3-automation-lead-capture-mobile.jpg")!important;background-size:cover!important;background-position:center center!important}}
.subservice-card[href*="/services/automation/follow-up"]::before{background-image:url("/cp18-v3-automation-follow-up-wide.jpg")!important;background-size:cover!important;background-position:center center!important;filter:none!important}
.subservice-card[href*="/services/automation/follow-up"]:hover::before{filter:none!important}
@media(max-width:800px){.subservice-card[href*="/services/automation/follow-up"]::before{background-image:url("/cp18-v3-automation-follow-up-mobile.jpg")!important;background-size:cover!important;background-position:center center!important}}
.subservice-card[href*="/services/automation/integrations"]::before{background-image:url("/cp18-v3-automation-integrations-wide.jpg")!important;background-size:cover!important;background-position:center center!important;filter:none!important}
.subservice-card[href*="/services/automation/integrations"]:hover::before{filter:none!important}
@media(max-width:800px){.subservice-card[href*="/services/automation/integrations"]::before{background-image:url("/cp18-v3-automation-integrations-mobile.jpg")!important;background-size:cover!important;background-position:center center!important}}

.detail-hero:has(>img[src^="/cp18-"]) {align-items:center!important;background:#080808!important}
.detail-hero>img[src^="/cp18-"] {object-fit:contain!important;object-position:left center!important;filter:none!important;width:68%!important;right:auto!important}
.detail-hero:has(>img[src="/cp18-v3-web-corporate-site-hero.jpg"])>img {width:100%!important}
.detail-hero:has(>img[src^="/cp18-"])>div {background:linear-gradient(90deg,transparent 40%,rgba(8,8,8,.30) 64%,#080808 100%)!important}
.detail-hero:has(>img[src^="/cp18-"]) article {text-align:right!important;width:min(49%,630px)!important;margin-left:auto!important;margin-right:0!important}
@media(max-width:800px) {
 .detail-hero:has(>img[src^="/cp18-"]) {align-items:flex-end!important;background-size:cover!important;background-position:center center!important}
 .detail-hero>img[src^="/cp18-"] {opacity:0!important}
 .detail-hero:has(>img[src^="/cp18-"])>div {background:linear-gradient(180deg,transparent 48%,rgba(8,8,8,.65) 76%,#080808 100%)!important}
 .detail-hero:has(>img[src^="/cp18-"]) article {width:100%!important;margin-left:0!important;margin-right:0!important}
 .detail-hero:has(>img[src^="/cp18-"]) h1 {font-size:clamp(48px,12vw,76px)!important}
}
@media(max-width:800px){.detail-hero:has(>img[src="/cp18-v3-web-corporate-site-hero.jpg"]),.detail-hero:has(>img[src="/cp18-v3-web-corporate-site-wide.jpg"]){background-image:url("/cp18-v3-web-corporate-site-mobile.jpg")!important}}
@media(max-width:800px){.detail-hero:has(>img[src="/cp18-v3-web-ecommerce-hero.jpg"]),.detail-hero:has(>img[src="/cp18-v3-web-ecommerce-wide.jpg"]){background-image:url("/cp18-v3-web-ecommerce-mobile.jpg")!important}}
@media(max-width:800px){.detail-hero:has(>img[src="/cp18-v3-web-landing-page-hero.jpg"]),.detail-hero:has(>img[src="/cp18-v3-web-landing-page-wide.jpg"]){background-image:url("/cp18-v3-web-landing-page-mobile.jpg")!important}}
@media(max-width:800px){.detail-hero:has(>img[src="/cp18-v3-marketing-google-hero.jpg"]),.detail-hero:has(>img[src="/cp18-v3-marketing-google-wide.jpg"]){background-image:url("/cp18-v3-marketing-google-mobile.jpg")!important}}
@media(max-width:800px){.detail-hero:has(>img[src="/cp18-v3-marketing-facebook-hero.jpg"]),.detail-hero:has(>img[src="/cp18-v3-marketing-facebook-wide.jpg"]){background-image:url("/cp18-v3-marketing-facebook-mobile.jpg")!important}}
@media(max-width:800px){.detail-hero:has(>img[src="/cp18-v3-marketing-instagram-hero.jpg"]),.detail-hero:has(>img[src="/cp18-v3-marketing-instagram-wide.jpg"]){background-image:url("/cp18-v3-marketing-instagram-mobile.jpg")!important}}
@media(max-width:800px){.detail-hero:has(>img[src="/cp18-v3-social-networks-hero.jpg"]),.detail-hero:has(>img[src="/cp18-v3-social-networks-wide.jpg"]){background-image:url("/cp18-v3-social-networks-mobile.jpg")!important}}
@media(max-width:800px){.detail-hero:has(>img[src="/cp18-v3-social-campaigns-hero.jpg"]),.detail-hero:has(>img[src="/cp18-v3-social-campaigns-wide.jpg"]){background-image:url("/cp18-v3-social-campaigns-mobile.jpg")!important}}
@media(max-width:800px){.detail-hero:has(>img[src="/cp18-v3-social-branding-hero.jpg"]),.detail-hero:has(>img[src="/cp18-v3-social-branding-wide.jpg"]){background-image:url("/cp18-v3-social-branding-mobile.jpg")!important}}
@media(max-width:800px){.detail-hero:has(>img[src="/cp18-v3-strategy-research-hero.jpg"]),.detail-hero:has(>img[src="/cp18-v3-strategy-research-wide.jpg"]){background-image:url("/cp18-v3-strategy-research-mobile.jpg")!important}}
@media(max-width:800px){.detail-hero:has(>img[src="/cp18-v3-strategy-messaging-hero.jpg"]),.detail-hero:has(>img[src="/cp18-v3-strategy-messaging-wide.jpg"]){background-image:url("/cp18-v3-strategy-messaging-mobile.jpg")!important}}
@media(max-width:800px){.detail-hero:has(>img[src="/cp18-v3-strategy-action-plan-hero.jpg"]),.detail-hero:has(>img[src="/cp18-v3-strategy-action-plan-wide.jpg"]){background-image:url("/cp18-v3-strategy-action-plan-mobile.jpg")!important}}
@media(max-width:800px){.detail-hero:has(>img[src="/cp18-v3-ai-smart-content-hero.jpg"]),.detail-hero:has(>img[src="/cp18-v3-ai-smart-content-wide.jpg"]){background-image:url("/cp18-v3-ai-smart-content-mobile.jpg")!important}}
@media(max-width:800px){.detail-hero:has(>img[src="/cp18-v3-ai-smart-bots-hero.jpg"]),.detail-hero:has(>img[src="/cp18-v3-ai-smart-bots-wide.jpg"]){background-image:url("/cp18-v3-ai-smart-bots-mobile.jpg")!important}}
@media(max-width:800px){.detail-hero:has(>img[src="/cp18-v3-ai-analysis-hero.jpg"]),.detail-hero:has(>img[src="/cp18-v3-ai-analysis-wide.jpg"]){background-image:url("/cp18-v3-ai-analysis-mobile.jpg")!important}}
@media(max-width:800px){.detail-hero:has(>img[src="/cp18-v3-automation-lead-capture-hero.jpg"]),.detail-hero:has(>img[src="/cp18-v3-automation-lead-capture-wide.jpg"]){background-image:url("/cp18-v3-automation-lead-capture-mobile.jpg")!important}}
@media(max-width:800px){.detail-hero:has(>img[src="/cp18-v3-automation-follow-up-hero.jpg"]),.detail-hero:has(>img[src="/cp18-v3-automation-follow-up-wide.jpg"]){background-image:url("/cp18-v3-automation-follow-up-mobile.jpg")!important}}
@media(max-width:800px){.detail-hero:has(>img[src="/cp18-v3-automation-integrations-hero.jpg"]),.detail-hero:has(>img[src="/cp18-v3-automation-integrations-wide.jpg"]){background-image:url("/cp18-v3-automation-integrations-mobile.jpg")!important}}

/* Fifteen desktop detail heroes: show the full image and keep the text legible. */
@media (min-width:801px){
.detail-hero:has(>img[src="/cp18-v3-web-landing-page-wide.jpg"])>img,
.detail-hero:has(>img[src="/cp18-v3-marketing-google-wide.jpg"])>img,
.detail-hero:has(>img[src="/cp18-v3-marketing-facebook-wide.jpg"])>img,
.detail-hero:has(>img[src="/cp18-v3-marketing-instagram-wide.jpg"])>img,
.detail-hero:has(>img[src="/cp18-v3-social-networks-wide.jpg"])>img,
.detail-hero:has(>img[src="/cp18-v3-social-campaigns-wide.jpg"])>img,
.detail-hero:has(>img[src="/cp18-v3-social-branding-wide.jpg"])>img,
.detail-hero:has(>img[src="/cp18-v3-strategy-research-wide.jpg"])>img,
.detail-hero:has(>img[src="/cp18-v3-strategy-messaging-wide.jpg"])>img,
.detail-hero:has(>img[src="/cp18-v3-strategy-action-plan-wide.jpg"])>img,
.detail-hero:has(>img[src="/cp18-v3-ai-smart-bots-wide.jpg"])>img,
.detail-hero:has(>img[src="/cp18-v3-ai-analysis-wide.jpg"])>img,
.detail-hero:has(>img[src="/cp18-v3-automation-lead-capture-wide.jpg"])>img,
.detail-hero:has(>img[src="/cp18-v3-automation-follow-up-wide.jpg"])>img,
.detail-hero:has(>img[src="/cp18-v3-automation-integrations-wide.jpg"])>img{width:58%!important;object-fit:contain!important;object-position:left center!important;}
.detail-hero:has(>img[src="/cp18-v3-web-landing-page-wide.jpg"])>div,
.detail-hero:has(>img[src="/cp18-v3-marketing-google-wide.jpg"])>div,
.detail-hero:has(>img[src="/cp18-v3-marketing-facebook-wide.jpg"])>div,
.detail-hero:has(>img[src="/cp18-v3-marketing-instagram-wide.jpg"])>div,
.detail-hero:has(>img[src="/cp18-v3-social-networks-wide.jpg"])>div,
.detail-hero:has(>img[src="/cp18-v3-social-campaigns-wide.jpg"])>div,
.detail-hero:has(>img[src="/cp18-v3-social-branding-wide.jpg"])>div,
.detail-hero:has(>img[src="/cp18-v3-strategy-research-wide.jpg"])>div,
.detail-hero:has(>img[src="/cp18-v3-strategy-messaging-wide.jpg"])>div,
.detail-hero:has(>img[src="/cp18-v3-strategy-action-plan-wide.jpg"])>div,
.detail-hero:has(>img[src="/cp18-v3-ai-smart-bots-wide.jpg"])>div,
.detail-hero:has(>img[src="/cp18-v3-ai-analysis-wide.jpg"])>div,
.detail-hero:has(>img[src="/cp18-v3-automation-lead-capture-wide.jpg"])>div,
.detail-hero:has(>img[src="/cp18-v3-automation-follow-up-wide.jpg"])>div,
.detail-hero:has(>img[src="/cp18-v3-automation-integrations-wide.jpg"])>div{background:linear-gradient(90deg,transparent 0%,transparent 54%,rgba(8,8,8,.75) 58%,#080808 64%)!important;}
.detail-hero:has(>img[src="/cp18-v3-web-landing-page-wide.jpg"]) article,
.detail-hero:has(>img[src="/cp18-v3-marketing-google-wide.jpg"]) article,
.detail-hero:has(>img[src="/cp18-v3-marketing-facebook-wide.jpg"]) article,
.detail-hero:has(>img[src="/cp18-v3-marketing-instagram-wide.jpg"]) article,
.detail-hero:has(>img[src="/cp18-v3-social-networks-wide.jpg"]) article,
.detail-hero:has(>img[src="/cp18-v3-social-campaigns-wide.jpg"]) article,
.detail-hero:has(>img[src="/cp18-v3-social-branding-wide.jpg"]) article,
.detail-hero:has(>img[src="/cp18-v3-strategy-research-wide.jpg"]) article,
.detail-hero:has(>img[src="/cp18-v3-strategy-messaging-wide.jpg"]) article,
.detail-hero:has(>img[src="/cp18-v3-strategy-action-plan-wide.jpg"]) article,
.detail-hero:has(>img[src="/cp18-v3-ai-smart-bots-wide.jpg"]) article,
.detail-hero:has(>img[src="/cp18-v3-ai-analysis-wide.jpg"]) article,
.detail-hero:has(>img[src="/cp18-v3-automation-lead-capture-wide.jpg"]) article,
.detail-hero:has(>img[src="/cp18-v3-automation-follow-up-wide.jpg"]) article,
.detail-hero:has(>img[src="/cp18-v3-automation-integrations-wide.jpg"]) article{width:min(44%,560px)!important;}
.detail-hero:has(>img[src="/cp18-v3-web-landing-page-wide.jpg"]) h1,
.detail-hero:has(>img[src="/cp18-v3-marketing-google-wide.jpg"]) h1,
.detail-hero:has(>img[src="/cp18-v3-marketing-facebook-wide.jpg"]) h1,
.detail-hero:has(>img[src="/cp18-v3-marketing-instagram-wide.jpg"]) h1,
.detail-hero:has(>img[src="/cp18-v3-social-networks-wide.jpg"]) h1,
.detail-hero:has(>img[src="/cp18-v3-social-campaigns-wide.jpg"]) h1,
.detail-hero:has(>img[src="/cp18-v3-social-branding-wide.jpg"]) h1,
.detail-hero:has(>img[src="/cp18-v3-strategy-research-wide.jpg"]) h1,
.detail-hero:has(>img[src="/cp18-v3-strategy-messaging-wide.jpg"]) h1,
.detail-hero:has(>img[src="/cp18-v3-strategy-action-plan-wide.jpg"]) h1,
.detail-hero:has(>img[src="/cp18-v3-ai-smart-bots-wide.jpg"]) h1,
.detail-hero:has(>img[src="/cp18-v3-ai-analysis-wide.jpg"]) h1,
.detail-hero:has(>img[src="/cp18-v3-automation-lead-capture-wide.jpg"]) h1,
.detail-hero:has(>img[src="/cp18-v3-automation-follow-up-wide.jpg"]) h1,
.detail-hero:has(>img[src="/cp18-v3-automation-integrations-wide.jpg"]) h1{font-size:clamp(58px,7vw,110px)!important;}
}

/* One uncropped image per hero, fading on all exposed edges. */
@media(min-width:801px){
.detail-hero:has(>img[src="/cp18-v3-web-landing-page-wide.jpg"])>img{width:70%!important;object-fit:contain!important;object-position:left center!important;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 68%,transparent 98%),linear-gradient(180deg,transparent 0%,#000 7%,#000 85%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 68%,transparent 98%),linear-gradient(180deg,transparent 0%,#000 7%,#000 85%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect;}
.detail-hero:has(>img[src="/cp18-v3-web-landing-page-wide.jpg"])>div{background:linear-gradient(90deg,transparent 0%,transparent 53%,rgba(8,8,8,.35) 66%,#080808 80%)!important;}
.detail-hero:has(>img[src="/cp18-v3-marketing-google-wide.jpg"])>img{width:70%!important;object-fit:contain!important;object-position:left center!important;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 68%,transparent 98%),linear-gradient(180deg,transparent 0%,#000 7%,#000 85%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 68%,transparent 98%),linear-gradient(180deg,transparent 0%,#000 7%,#000 85%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect;}
.detail-hero:has(>img[src="/cp18-v3-marketing-google-wide.jpg"])>div{background:linear-gradient(90deg,transparent 0%,transparent 53%,rgba(8,8,8,.35) 66%,#080808 80%)!important;}
.detail-hero:has(>img[src="/cp18-v3-marketing-facebook-wide.jpg"])>img{width:70%!important;object-fit:contain!important;object-position:left center!important;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 68%,transparent 98%),linear-gradient(180deg,transparent 0%,#000 7%,#000 85%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 68%,transparent 98%),linear-gradient(180deg,transparent 0%,#000 7%,#000 85%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect;}
.detail-hero:has(>img[src="/cp18-v3-marketing-facebook-wide.jpg"])>div{background:linear-gradient(90deg,transparent 0%,transparent 53%,rgba(8,8,8,.35) 66%,#080808 80%)!important;}
.detail-hero:has(>img[src="/cp18-v3-marketing-instagram-wide.jpg"])>img{width:70%!important;object-fit:contain!important;object-position:left center!important;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 68%,transparent 98%),linear-gradient(180deg,transparent 0%,#000 7%,#000 85%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 68%,transparent 98%),linear-gradient(180deg,transparent 0%,#000 7%,#000 85%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect;}
.detail-hero:has(>img[src="/cp18-v3-marketing-instagram-wide.jpg"])>div{background:linear-gradient(90deg,transparent 0%,transparent 53%,rgba(8,8,8,.35) 66%,#080808 80%)!important;}
.detail-hero:has(>img[src="/cp18-v3-social-networks-wide.jpg"])>img{width:70%!important;object-fit:contain!important;object-position:left center!important;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 68%,transparent 98%),linear-gradient(180deg,transparent 0%,#000 7%,#000 85%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 68%,transparent 98%),linear-gradient(180deg,transparent 0%,#000 7%,#000 85%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect;}
.detail-hero:has(>img[src="/cp18-v3-social-networks-wide.jpg"])>div{background:linear-gradient(90deg,transparent 0%,transparent 53%,rgba(8,8,8,.35) 66%,#080808 80%)!important;}
.detail-hero:has(>img[src="/cp18-v3-social-campaigns-wide.jpg"])>img{width:70%!important;object-fit:contain!important;object-position:left center!important;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 68%,transparent 98%),linear-gradient(180deg,transparent 0%,#000 7%,#000 85%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 68%,transparent 98%),linear-gradient(180deg,transparent 0%,#000 7%,#000 85%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect;}
.detail-hero:has(>img[src="/cp18-v3-social-campaigns-wide.jpg"])>div{background:linear-gradient(90deg,transparent 0%,transparent 53%,rgba(8,8,8,.35) 66%,#080808 80%)!important;}
.detail-hero:has(>img[src="/cp18-v3-social-branding-wide.jpg"])>img{width:70%!important;object-fit:contain!important;object-position:left center!important;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 68%,transparent 98%),linear-gradient(180deg,transparent 0%,#000 7%,#000 85%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 68%,transparent 98%),linear-gradient(180deg,transparent 0%,#000 7%,#000 85%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect;}
.detail-hero:has(>img[src="/cp18-v3-social-branding-wide.jpg"])>div{background:linear-gradient(90deg,transparent 0%,transparent 53%,rgba(8,8,8,.35) 66%,#080808 80%)!important;}
.detail-hero:has(>img[src="/cp18-v3-strategy-research-wide.jpg"])>img{width:70%!important;object-fit:contain!important;object-position:left center!important;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 68%,transparent 98%),linear-gradient(180deg,transparent 0%,#000 7%,#000 85%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 68%,transparent 98%),linear-gradient(180deg,transparent 0%,#000 7%,#000 85%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect;}
.detail-hero:has(>img[src="/cp18-v3-strategy-research-wide.jpg"])>div{background:linear-gradient(90deg,transparent 0%,transparent 53%,rgba(8,8,8,.35) 66%,#080808 80%)!important;}
.detail-hero:has(>img[src="/cp18-v3-strategy-messaging-wide.jpg"])>img{width:70%!important;object-fit:contain!important;object-position:left center!important;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 68%,transparent 98%),linear-gradient(180deg,transparent 0%,#000 7%,#000 85%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 68%,transparent 98%),linear-gradient(180deg,transparent 0%,#000 7%,#000 85%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect;}
.detail-hero:has(>img[src="/cp18-v3-strategy-messaging-wide.jpg"])>div{background:linear-gradient(90deg,transparent 0%,transparent 53%,rgba(8,8,8,.35) 66%,#080808 80%)!important;}
.detail-hero:has(>img[src="/cp18-v3-strategy-action-plan-wide.jpg"])>img{width:70%!important;object-fit:contain!important;object-position:left center!important;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 68%,transparent 98%),linear-gradient(180deg,transparent 0%,#000 7%,#000 85%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 68%,transparent 98%),linear-gradient(180deg,transparent 0%,#000 7%,#000 85%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect;}
.detail-hero:has(>img[src="/cp18-v3-strategy-action-plan-wide.jpg"])>div{background:linear-gradient(90deg,transparent 0%,transparent 53%,rgba(8,8,8,.35) 66%,#080808 80%)!important;}
.detail-hero:has(>img[src="/cp18-v3-ai-smart-bots-wide.jpg"])>img{width:70%!important;object-fit:contain!important;object-position:left center!important;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 68%,transparent 98%),linear-gradient(180deg,transparent 0%,#000 7%,#000 85%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 68%,transparent 98%),linear-gradient(180deg,transparent 0%,#000 7%,#000 85%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect;}
.detail-hero:has(>img[src="/cp18-v3-ai-smart-bots-wide.jpg"])>div{background:linear-gradient(90deg,transparent 0%,transparent 53%,rgba(8,8,8,.35) 66%,#080808 80%)!important;}
.detail-hero:has(>img[src="/cp18-v3-ai-analysis-wide.jpg"])>img{width:70%!important;object-fit:contain!important;object-position:left center!important;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 68%,transparent 98%),linear-gradient(180deg,transparent 0%,#000 7%,#000 85%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 68%,transparent 98%),linear-gradient(180deg,transparent 0%,#000 7%,#000 85%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect;}
.detail-hero:has(>img[src="/cp18-v3-ai-analysis-wide.jpg"])>div{background:linear-gradient(90deg,transparent 0%,transparent 53%,rgba(8,8,8,.35) 66%,#080808 80%)!important;}
.detail-hero:has(>img[src="/cp18-v3-automation-lead-capture-wide.jpg"])>img{width:70%!important;object-fit:contain!important;object-position:left center!important;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 68%,transparent 98%),linear-gradient(180deg,transparent 0%,#000 7%,#000 85%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 68%,transparent 98%),linear-gradient(180deg,transparent 0%,#000 7%,#000 85%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect;}
.detail-hero:has(>img[src="/cp18-v3-automation-lead-capture-wide.jpg"])>div{background:linear-gradient(90deg,transparent 0%,transparent 53%,rgba(8,8,8,.35) 66%,#080808 80%)!important;}
.detail-hero:has(>img[src="/cp18-v3-automation-follow-up-wide.jpg"])>img{width:70%!important;object-fit:contain!important;object-position:left center!important;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 68%,transparent 98%),linear-gradient(180deg,transparent 0%,#000 7%,#000 85%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 68%,transparent 98%),linear-gradient(180deg,transparent 0%,#000 7%,#000 85%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect;}
.detail-hero:has(>img[src="/cp18-v3-automation-follow-up-wide.jpg"])>div{background:linear-gradient(90deg,transparent 0%,transparent 53%,rgba(8,8,8,.35) 66%,#080808 80%)!important;}
.detail-hero:has(>img[src="/cp18-v3-automation-integrations-wide.jpg"])>img{width:70%!important;object-fit:contain!important;object-position:left center!important;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 68%,transparent 98%),linear-gradient(180deg,transparent 0%,#000 7%,#000 85%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 68%,transparent 98%),linear-gradient(180deg,transparent 0%,#000 7%,#000 85%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect;}
.detail-hero:has(>img[src="/cp18-v3-automation-integrations-wide.jpg"])>div{background:linear-gradient(90deg,transparent 0%,transparent 53%,rgba(8,8,8,.35) 66%,#080808 80%)!important;}
}

/* Six category images: full cards, wide page heroes, portrait mobile heroes. */
.service-card .service-image:has(> img[src^="/cp-topics-v1-"]) img{filter:none!important;object-fit:cover!important;object-position:center center!important}
.service-page-hero:has(> img[src^="/cp-topics-v1-"])>img{filter:none!important;object-fit:cover!important;object-position:left center!important}
.service-page-hero:has(> img[src^="/cp-topics-v1-"]) .service-page-shade{background:linear-gradient(90deg,transparent 0%,transparent 46%,rgba(8,8,8,.18) 63%,rgba(8,8,8,.68) 100%)!important}
@media(max-width:800px){
.service-page-hero:has(> img[src^="/cp-topics-v1-"]){background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important}
.service-page-hero:has(> img[src^="/cp-topics-v1-"])>img{opacity:0!important}
.service-page-hero:has(> img[src^="/cp-topics-v1-"]) .service-page-shade{background:linear-gradient(180deg,transparent 28%,rgba(8,8,8,.08) 53%,rgba(8,8,8,.55) 100%)!important}
.service-page-hero:has(> img[src="/cp-topics-v2-web-hero.png"]){background-image:url("/cp-topics-v2-web-mobile.png")!important}
.service-page-hero:has(> img[src="/cp-topics-v1-marketing-hero.png"]){background-image:url("/cp-topics-v1-marketing-mobile.png")!important}
.service-page-hero:has(> img[src="/cp-topics-v1-social-hero.png"]){background-image:url("/cp-topics-v1-social-mobile.png")!important}
.service-page-hero:has(> img[src="/cp-topics-v1-strategy-hero.png"]){background-image:url("/cp-topics-v1-strategy-mobile.png")!important}
.service-page-hero:has(> img[src="/cp-topics-v1-ai-hero.png"]){background-image:url("/cp-topics-v1-ai-mobile.png")!important}
.service-page-hero:has(> img[src="/cp-topics-v1-automation-hero.png"]){background-image:url("/cp-topics-v1-automation-mobile.png")!important}
}

/* Keep the six category hero images below the fixed page header. */
.service-page-hero:has(> img[src^="/cp-topics-v1-"]){margin-top:84px!important}
@media(max-width:800px){.service-page-hero:has(> img[src^="/cp-topics-v1-"]){margin-top:76px!important}}

/* Detail pages: move hero below the fixed 84px header on desktop only. */
@media(min-width:801px){.detail-page>.detail-hero{margin-top:40px!important}}