/* Generated transparent line-art masks, coloured by each site's existing palette. */
.service-icon-art{display:inline-block;width:64px;height:64px;flex:0 0 auto;max-width:100%;vertical-align:middle;background-color:currentColor;mask:var(--service-icon) center/contain no-repeat;-webkit-mask:var(--service-icon) center/contain no-repeat}
.icon-web{--service-icon:url('assets/service-icons/web.webp')}.icon-brand{--service-icon:url('assets/service-icons/brand.webp')}.icon-seo{--service-icon:url('assets/service-icons/seo.webp')}.icon-ads{--service-icon:url('assets/service-icons/ads.webp')}.icon-ai{--service-icon:url('assets/service-icons/ai.webp')}.icon-social{--service-icon:url('assets/service-icons/social.webp')}.icon-audit{--service-icon:url('assets/service-icons/audit.webp')}.icon-contact{--service-icon:url('assets/service-icons/contact.webp')}.icon-data{--service-icon:url('assets/service-icons/data.webp')}
.service-list>a{grid-template-columns:64px 1fr 1fr 35px}.service-list .service-icon-art{width:60px;height:60px}
.service-icon-art.intro-mark{display:block;width:72px;height:72px;opacity:1}.service-icon-art.page-mark{width:120px;height:120px;opacity:.8;justify-self:center}
.process-grid .service-icon-art{width:48px;height:48px;margin-bottom:16px}
.s-home-directory>div>a .service-icon-art{width:44px;height:44px}.s-hero .s-label .service-icon-art{width:40px;height:40px;margin-right:12px}
.s-deliverables>article>.service-icon-art{width:48px;height:48px;margin-bottom:18px}.i-service-details summary .service-icon-art{width:48px;height:48px}
.i-editorial-intro .service-icon-art,.i-identity-story .service-icon-art,.s-cta .service-icon-art{width:60px;height:60px}.home-service-card__top .service-icon-art{width:56px;height:56px}
.service-feature__copy>.service-icon-art,.service-panel>.service-icon-art{margin-bottom:20px}
.service-feature .diagram-icon.service-icon-art,.flow-icon .service-icon-art{width:40px;height:40px}.flow-icon:has(.service-icon-art){width:48px;height:48px;padding:0;background:none;display:grid;place-items:center}
.section-top>.service-icon-art{width:56px;height:56px}.identity-copy>.service-icon-art,.search-section>.service-icon-art,.automation-section>.service-icon-art{margin-bottom:20px}
.panel-art.icon-art-panel{display:flex!important;align-items:center;justify-content:center;min-height:160px;background:transparent!important;border:0!important;padding:24px!important}.panel-art.icon-art-panel .service-icon-art{width:104px;height:104px}
.inner-hero__copy>.service-icon-art,.page-hero__copy>.service-icon-art{width:56px;height:56px;margin-bottom:20px}.service-directory__item>.service-icon-art{width:48px;height:48px}
@media(max-width:800px){.service-list>a{grid-template-columns:44px 1fr 22px;gap:14px}.service-list .service-icon-art{width:44px;height:44px}.service-list h3{font-size:clamp(22px,6vw,27px)}.service-list p{grid-column:2;grid-row:2}.service-list .arrow{grid-column:3;grid-row:1}.i-service-details summary .service-icon-art{width:40px;height:40px}.s-home-directory>div>a .service-icon-art{width:36px;height:36px}.home-service-card__top .service-icon-art{width:48px;height:48px}.service-icon-art.page-mark{display:none}}
.section-illustration{display:block;margin-bottom:18px}.section-top>.section-illustration{margin-bottom:0}
.flow-icon:has(.service-icon-art){color:inherit}