/* Section 04: two-column catalogue shelf, retaining each pillar's own artwork and copy. */
#services .service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
#services .service-grid article{min-width:0;min-height:0;padding:28px!important;display:flex;flex-direction:column}
#services .service-grid article:before{width:155px!important;height:135px!important;top:18px!important;right:20px!important}
#services .service-top{min-height:135px;margin-bottom:18px;align-items:flex-start}
#services .service-icon{display:none}
#services .service-grid article h3{max-width:100%;padding-right:0;font-size:28px;line-height:1.25;margin:0;letter-spacing:-.6px}
#services .service-grid article h3 br{display:none}
#services .service-grid article p{max-width:100%;font-size:16px;line-height:1.65;min-height:0;margin:18px 0 24px}
#services .service-grid article ul{margin-top:auto;font-size:14px;line-height:1.8;padding-top:20px;overflow-wrap:anywhere}
@media(max-width:650px){
 #services .service-grid{gap:12px}
 #services .service-grid article{padding:15px 13px!important;border-radius:13px!important}
 #services .service-grid article:before{width:105px!important;height:95px!important;top:12px!important;right:8px!important;opacity:.95!important}
 #services .service-grid article:after{width:110px!important;height:110px!important;right:-60px!important;bottom:-60px!important}
 #services .service-top{min-height:105px;margin-bottom:12px;font-size:11px}
 #services .service-grid article h3{max-width:100%;padding:0;font-size:19px;line-height:1.25;letter-spacing:-.4px;overflow-wrap:anywhere}
 #services .service-grid article p{max-width:100%;font-size:13px;line-height:1.55;margin:13px 0 17px}
 #services .service-grid article ul{font-size:11.5px;line-height:1.6;padding-top:13px}
 #services .service-grid article li{padding-left:10px;margin-bottom:6px}
}
@media(max-width:359px){
 #services .service-grid{gap:9px}
 #services .service-grid article{padding:12px 10px!important}
 #services .service-grid article h3{font-size:17px}
 #services .service-grid article p{font-size:12px}
 #services .service-grid article ul{font-size:11px}
 #services .service-grid article:before{width:90px!important;height:85px!important;right:5px!important}
 #services .service-top{min-height:95px}
}
#services .service-grid article:after{right:0!important;bottom:0!important;width:80px!important;height:80px!important;opacity:.2!important}
#services .service-grid article:before{transform:none!important;border:0!important;background-color:transparent!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important}
#services #service-brand:before{background:url('assets/service-infographics/brand-presence.svg') center/contain no-repeat!important}
#services #service-content:before{background:url('assets/service-infographics/content-product.svg') center/contain no-repeat!important}
#services #service-web:before{background:url('assets/service-infographics/website.svg') center/contain no-repeat!important}
#services #service-growth:before{background:url('assets/service-infographics/growth.svg') center/contain no-repeat!important}
#services #service-ongoing:before{background:url('assets/service-infographics/ongoing-support.svg') center/contain no-repeat!important}
#services #service-systems:before{background:url('assets/service-infographics/systems.svg') center/contain no-repeat!important}

/* Refined service-specific linework on a restrained navy/steel surface. */
#services .service-grid article{background:linear-gradient(135deg,#f4f8fc,#e6eff6)!important;border-color:#c5d5e2!important;box-shadow:0 8px 24px #07182708!important}
html[data-mode=dark] #services .service-grid article{background:radial-gradient(ellipse at 85% 8%,#17394d66,transparent 55%),linear-gradient(145deg,#102636,#0b1d2c)!important;border-color:#314655!important;box-shadow:0 8px 26px #00000018!important}
#services .service-grid article:after{display:none!important}
#services .service-grid article:before{opacity:.75!important;filter:none!important}
html:not([data-mode=dark]) #services .service-grid article:before{filter:brightness(.65)!important;opacity:.8!important}
#services .service-grid article ul{border-color:#b9cbd8!important}
html[data-mode=dark] #services .service-grid article ul{border-color:#344855!important}
#services #service-brand:before{background:url("assets/pillar-linework/brand.svg") center/contain no-repeat!important}
#services #service-content:before{background:url("assets/pillar-linework/content.svg") center/contain no-repeat!important}
#services #service-web:before{background:url("assets/pillar-linework/web.svg") center/contain no-repeat!important}
#services #service-growth:before{background:url("assets/pillar-linework/growth.svg") center/contain no-repeat!important}
#services #service-ongoing:before{background:url("assets/pillar-linework/ongoing.svg") center/contain no-repeat!important}
#services #service-systems:before{background:url("assets/pillar-linework/systems.svg") center/contain no-repeat!important}