/* Service landing pages (data-automation-ai, influencer-marketing-agency, web-crm-services, strategy-services, creative-services) */
.service-page-capabilities .our-capabilities-cards .card .card-title{max-width:none}
.service-page-capabilities .our-capabilities-cards .card .card-text a{color:#161818;font-weight:700;text-decoration:underline;text-decoration-color:#12C65B}
.service-page-proof .our-capabilities-cards .card .card-title{margin-bottom:65px}
/* /services: full-width category that spans both columns of the capabilities grid */
.capability-category.capability-category-wide{grid-column:1 / -1}
.capability-category-wide .capability-items{display:grid;grid-template-columns:repeat(2,1fr);gap:0 3rem}
@media (max-width:1199px){.capability-category-wide .capability-items{grid-template-columns:1fr}}
/* Reset the social page's mobile spacer on the last card of each grid */
@media (max-width:768px){.service-page-capabilities .our-capabilities-cards .card:last-of-type{padding:0 5%}}
/* Tighter "contact-us" CTA band on all service pages (less empty space above the case studies) */
#socialMediaServices section.contact-us,#newSocialMediaServicesTemplate section.contact-us{padding:4% 5% 2%}
#socialMediaServices section.contact-us .contact-us-text{margin:15px 0 30px}
#newSocialMediaServicesTemplate section.contact-us .contact-us-text{margin-bottom:30px}
@media (max-width:768px){#socialMediaServices section.contact-us,#newSocialMediaServicesTemplate section.contact-us{padding:8% 5% 4%}#socialMediaServices section.contact-us .contact-us-text{margin:20px 0}}
/* Secondary line in a card title, e.g. "(AI-assisted)" */
.service-page-capabilities .card-title .card-title-sub{position:absolute;left:0;top:100%;margin-top:6px;white-space:nowrap;font-size:.5em;font-weight:400;line-height:1.2}
/* "in action" section heading (same look as "Why work with us") */
.service-proof-title{font-family:'Inter',sans-serif;font-weight:700;font-size:44px;line-height:1.2;text-align:center;color:#161818!important;margin:0 auto 70px;padding:0 5%}
.service-proof-title span{font-family:'Playfair Display',serif;font-weight:900;font-style:italic;color:#12C65B}
section.our-capabilities.service-page-capabilities.service-page-proof{padding-top:40px;padding-bottom:120px}
/* Card grid: subgrid rows keep every title, underline and text aligned across a row */
section.our-capabilities.service-page-capabilities .our-capabilities-cards{display:grid;grid-template-columns:repeat(3,1fr);column-gap:5.5%;align-items:start}
section.our-capabilities.service-page-capabilities .our-capabilities-cards .card,section.our-capabilities.service-page-capabilities .our-capabilities-cards .card:nth-child(3n){display:grid;grid-template-rows:subgrid;grid-row:span 2;width:auto;flex-basis:auto;margin:0 0 20px}
section.our-capabilities.service-page-capabilities.service-page-proof-img .our-capabilities-cards .card{grid-row:span 3}
section.our-capabilities.service-page-capabilities .our-capabilities-cards .card .card-title{max-width:none}
.proof-card-img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;margin-top:20px}
section.our-capabilities.service-page-capabilities.proof-cols-2 .our-capabilities-cards{grid-template-columns:repeat(2,1fr);column-gap:8%}
@media (max-width:768px){
.service-proof-title{font-size:30px;margin-bottom:50px}
section.our-capabilities.service-page-capabilities .our-capabilities-cards,section.our-capabilities.service-page-capabilities.proof-cols-2 .our-capabilities-cards{grid-template-columns:1fr}
section.our-capabilities.service-page-capabilities .our-capabilities-cards .card{padding:0 5%;margin-bottom:10px}
section.our-capabilities.service-page-capabilities.service-page-proof{padding-bottom:60px}
}
/* Vertically balance the CTA band between the capability cards and the "in action" heading */
section.our-capabilities.service-page-capabilities:not(.service-page-proof){padding-bottom:clamp(20px,2.5vw,36px)}
#socialMediaServices section.service-page-capabilities + section.contact-us{padding:clamp(60px,8vw,110px) 5% clamp(70px,9vw,125px)}
/* Closing "Contact Us" button under the footer headline */
.footer-contact-btn{display:block;width:max-content;margin:40px auto 0;font-family:'Inter',sans-serif;font-size:20px;font-weight:700;padding:14px 55px;background-color:#12C65B;color:#f5f5f5!important;text-decoration:none}
.footer-contact-btn:hover,.footer-contact-btn:focus{background-color:#0fa84d;color:#fff!important}
section.work-with-us-contact-form{padding-bottom:clamp(60px,8vw,110px)}
/* Creative "in action": four columns of vertical images side by side */
section.our-capabilities.service-page-capabilities.proof-cols-4 .our-capabilities-cards{grid-template-columns:repeat(4,1fr);column-gap:2.5%;width:90%}
.proof-cols-4 .proof-card-img{aspect-ratio:4/5;margin:0}
section.our-capabilities.service-page-capabilities.proof-cols-4 .our-capabilities-cards .card .card-title{font-size:clamp(20px,1.7vw,26px);margin:28px 0 56px}
section.our-capabilities.service-page-capabilities.proof-cols-4 .our-capabilities-cards .card .card-title::after{bottom:-32px}
section.our-capabilities.service-page-capabilities.proof-cols-4 .our-capabilities-cards .card .card-text{font-size:16px}
@media (max-width:1100px){section.our-capabilities.service-page-capabilities.proof-cols-4 .our-capabilities-cards{grid-template-columns:repeat(2,1fr);column-gap:5%;width:90%}}
@media (max-width:768px){section.our-capabilities.service-page-capabilities.proof-cols-4 .our-capabilities-cards{grid-template-columns:1fr}}
section.our-capabilities.service-page-capabilities.proof-cols-4 .our-capabilities-cards{padding-top:40px}
/* Placeholder tile used when a case study has no image yet */
.proof-card-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#161818 0%,#0b5d2e 100%);color:#f5f5f5;text-align:center;padding:0 12%}
.proof-card-placeholder span{color:#f5f5f5!important;font-family:'Playfair Display',serif;font-style:italic;font-weight:900;font-size:clamp(28px,3vw,44px);line-height:1.1}
/* Data, Automation & AI: tools and platforms row */
.service-tools{background-color:#f5f5f5;padding:0 3% 10px;text-align:center}
section.service-tools h2.service-tools-title{font-family:'Inter',sans-serif;font-weight:700;font-size:32px!important;line-height:1.2;color:#161818!important;margin:0 0 40px!important;padding:0}
.service-tools-title span{font-family:'Playfair Display',serif;font-weight:900;font-style:italic;color:#12C65B}
.service-tools-row{list-style:none;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:28px 40px;max-width:1300px}
.service-tools-row .tool{display:flex;align-items:center;gap:12px;margin:0;padding:0}
.service-tools-row .tool-glyph img{height:34px;width:34px}
.service-tools-row .tool-glyph span{font-family:'Inter',sans-serif;font-weight:600;font-size:18px;color:#161818!important}
.service-tools-row .tool-logo img{height:40px;width:auto}
#socialMediaServices section.service-tools + section.contact-us{padding:clamp(60px,8vw,110px) 5% clamp(70px,9vw,125px)}
@media (max-width:768px){section.service-tools h2.service-tools-title{font-size:26px!important}.service-tools-row{gap:22px 32px}}
/* Influencers & PR: six columns of case studies on desktop */
section.our-capabilities.service-page-capabilities.proof-cols-6 .our-capabilities-cards{grid-template-columns:repeat(6,1fr);column-gap:1.6%;width:94%;padding-top:40px}
.proof-cols-6 .proof-card-img{aspect-ratio:4/5;margin:0}
section.our-capabilities.service-page-capabilities.proof-cols-6 .our-capabilities-cards .card .card-title{font-size:clamp(16px,1.3vw,21px);margin:24px 0 48px}
section.our-capabilities.service-page-capabilities.proof-cols-6 .our-capabilities-cards .card .card-title::after{bottom:-28px}
section.our-capabilities.service-page-capabilities.proof-cols-6 .our-capabilities-cards .card .card-text{font-size:15px}
.proof-cols-6 .proof-card-placeholder span{font-size:clamp(22px,2.2vw,36px)}
@media (max-width:1279px){section.our-capabilities.service-page-capabilities.proof-cols-6 .our-capabilities-cards{grid-template-columns:repeat(3,1fr);column-gap:4%;width:90%}section.our-capabilities.service-page-capabilities.proof-cols-6 .our-capabilities-cards .card .card-title{font-size:22px}section.our-capabilities.service-page-capabilities.proof-cols-6 .our-capabilities-cards .card .card-text{font-size:16px}}
@media (max-width:900px){section.our-capabilities.service-page-capabilities.proof-cols-6 .our-capabilities-cards{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){section.our-capabilities.service-page-capabilities.proof-cols-6 .our-capabilities-cards{grid-template-columns:1fr}}
.service-tools-row .tool-logo img[alt="Windsor.ai"]{height:54px}

/* Client logo tiles (logo on white instead of a photo) */
.proof-card-logo{display:flex;align-items:center;justify-content:center;padding:0 14%;box-sizing:border-box}
.proof-card-logo img{display:block;width:100%;max-width:240px;height:auto}
.service-tools-row .tool-logo img[alt="Google Data Studio"]{height:30px}
/* Logo over a case-study photo, and a logo inside the gradient tile */
.proof-card-overlay{position:relative;overflow:hidden}
.proof-card-overlay>img:first-child{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.proof-card-overlay::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.25)}
.proof-card-overlay .proof-card-overlay-logo{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);width:62%;height:auto}
.proof-card-placeholder-logo img{display:block;width:60%;max-width:200px;height:auto}
.proof-card-logo-meridional{background:#12642f url(/assets/case-studies/meridional-seguros/hero-mobile.jpg) center/cover no-repeat}
.proof-card-logo-alfred{background:#b4a9c9}

/* /hispanic-marketing-agency */
#socialMediaServices.hispanic-marketing-page section.social-media-services .social-media-services-content .social-media-services-content-title{max-width:min(820px,100%);font-size:clamp(34px,4.2vw,64px);line-height:1.1}
#socialMediaServices.hispanic-marketing-page section.social-media-services .social-media-services-content .social-media-services-content-title span{font-size:clamp(34px,4.3vw,66px)}
#socialMediaServices.hispanic-marketing-page section.social-media-services .social-media-services-content p.social-media-services-content-subtitle{max-width:min(680px,100%);margin:18px 0 0;font-size:clamp(16px,1.4vw,19px);line-height:1.55}
.hma-text{background:#f5f5f5;padding:clamp(50px,6vw,90px) 8% 20px;text-align:center}
.hma-text p{max-width:900px;margin:0 auto 22px;font-family:'Inter',sans-serif;font-size:19px;line-height:1.65;color:#161818}
.hma-text .service-proof-title{margin-bottom:36px}
.hma-lead{max-width:900px;margin:0 auto 50px;padding:0 5%;text-align:center;font-family:'Inter',sans-serif;font-size:19px;line-height:1.65;color:#161818}
.hma-after{max-width:900px;margin:10px auto 0;padding:0 5%;text-align:center;font-family:'Inter',sans-serif;font-size:19px;line-height:1.65;color:#161818}
.hma-after a{color:#161818;font-weight:700;text-decoration:underline;text-decoration-color:#12C65B}
section.our-capabilities.service-page-capabilities.hma-cols-4 .our-capabilities-cards{grid-template-columns:repeat(4,1fr);column-gap:2.5%;width:90%}
section.our-capabilities.service-page-capabilities.hma-cols-3 .our-capabilities-cards{width:90%}
section.our-capabilities.service-page-capabilities[class*="hma-cols"]:not(.service-page-proof){padding-top:clamp(40px,5vw,80px);padding-bottom:clamp(30px,4vw,60px)}
.hma-cols-3 .proof-card-img{aspect-ratio:4/3;margin:0}
section.our-capabilities.service-page-capabilities.hma-cols-3.service-page-proof .our-capabilities-cards .card .card-title{margin:28px 0 56px}
.hma-pills{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:14px 16px;margin:30px auto 0;padding:0;max-width:960px}
.hma-pills li{margin:0;padding:12px 26px;border:2px solid #12C65B;font-family:'Inter',sans-serif;font-size:18px;font-weight:600;color:#161818}
.hma-industries{padding-bottom:clamp(50px,6vw,90px)}
.hma-faq{padding-bottom:clamp(60px,7vw,100px);text-align:left}
.hma-faq .service-proof-title{text-align:center}
.hma-faq-list{max-width:900px;margin:0 auto}
.hma-faq details{border-top:2px solid #12C65B;padding:20px 0}
.hma-faq details:last-child{border-bottom:2px solid #12C65B}
.hma-faq summary{cursor:pointer;font-family:'Inter',sans-serif;font-size:22px;font-weight:700;color:#161818;list-style:none;position:relative;padding-right:40px}
.hma-faq summary::-webkit-details-marker{display:none}
.hma-faq summary::after{content:"+";position:absolute;right:0;top:-4px;font-size:32px;font-weight:400;color:#12C65B}
.hma-faq details[open] summary::after{content:"\2212"}
.hma-faq details p{margin:14px 0 0;max-width:none;font-size:18px}
@media (max-width:1100px){section.our-capabilities.service-page-capabilities.hma-cols-4 .our-capabilities-cards{grid-template-columns:repeat(2,1fr);column-gap:5%}}
@media (max-width:768px){section.our-capabilities.service-page-capabilities.hma-cols-4 .our-capabilities-cards,section.our-capabilities.service-page-capabilities.hma-cols-3 .our-capabilities-cards{grid-template-columns:1fr}.hma-text p,.hma-lead,.hma-after{font-size:17px}.hma-faq summary{font-size:19px}}
#socialMediaServices .hma-text p,#socialMediaServices .hma-lead,#socialMediaServices .hma-after,#socialMediaServices .hma-faq details p{color:#161818!important;font-family:'Inter',sans-serif;opacity:1}
#socialMediaServices .hma-after a{color:#161818!important}
#socialMediaServices .hma-pills li,#socialMediaServices .hma-faq summary{color:#161818!important}
section.hma-cols-3:not(.service-page-proof) .service-proof-title,section.hma-cols-4 .service-proof-title{margin-bottom:28px}
#socialMediaServices .hma-text .service-proof-title,#socialMediaServices section.hma-cols-3 .service-proof-title,#socialMediaServices section.hma-cols-4 .service-proof-title{margin-bottom:34px!important}
#socialMediaServices .hma-faq .service-proof-title{margin-bottom:50px!important}
.hispanic-marketing-page section.work-with-us-contact-form{padding-top:clamp(50px,6vw,90px)}
.hma-industries ul+p{margin-top:34px}