/* Generated by make-art-css.py. Do not edit by hand: run the script again instead. */
/* Every 3D image sits on a soft gradient in the complement of its own colour; on hover it deepens. */
@property --art-a{syntax:"<color>";inherits:false;initial-value:#f2f8e8}
@property --art-b{syntax:"<color>";inherits:false;initial-value:#dcedc4}
:is(.carved-layer,.cutout-hero,.caption-card,.rs-pic,.rs-vcard-shot,.project-image,.journal-image,.rs-float figure,.mega-feature,.rs-pshot,.service-preview,.rs-th,.js-mouse-move,.rs-news-r,.rs-studio-r,.rs-p-card,.editorial):has(> img[src*="assets/img/"]){--art-a:var(--r1,#f2f8e8);--art-b:var(--r2,#dcedc4);background:linear-gradient(160deg,var(--art-a) 0%,var(--art-b) 100%)!important;transition:--art-a .6s var(--shape-ease,ease),--art-b .6s var(--shape-ease,ease)}
.service-preview:has(> img[src*="assets/img/"]){transition:width 700ms var(--shape-ease),opacity 700ms var(--shape-ease),--art-a .6s var(--shape-ease,ease),--art-b .6s var(--shape-ease,ease)!important}
:is(.carved-layer,.cutout-hero,.caption-card,.rs-pic,.rs-vcard-shot,.project-image,.journal-image,.rs-float figure,.mega-feature,.rs-pshot,.service-preview,.rs-th,.js-mouse-move,.rs-news-r,.rs-studio-r,.rs-p-card,.editorial) > img[src*="assets/img/"]{object-fit:contain!important;background:transparent!important}
:is(.carved-layer,.cutout-hero,.caption-card,.rs-pic,.rs-vcard-shot,.project-image,.journal-image,.rs-float figure,.mega-feature,.rs-pshot,.service-preview,.rs-th,.js-mouse-move,.rs-news-r,.rs-studio-r,.rs-p-card,.editorial):has(> img[src*="assets/img/"]):hover,:is(a,.rs-vcard,.rs-cslide,.rs-float,.caption-card,.cutout-hero,.rs-pic,.expertise-row,.team-card,.rs-pcard,.rs-bcard):is(:hover,:focus-visible) :is(.carved-layer,.cutout-hero,.caption-card,.rs-pic,.rs-vcard-shot,.project-image,.journal-image,.rs-float figure,.mega-feature,.rs-pshot,.service-preview,.rs-th,.js-mouse-move,.rs-news-r,.rs-studio-r,.rs-p-card,.editorial):has(> img[src*="assets/img/"]){--art-a:var(--h1,#c9e3a3);--art-b:var(--h2,#8fbf5a)}
/* lime: blog-designing-invisible, project-one-support-inbox-2, project-one-support-inbox-3, systems-maintenance-hero, web-design-custom-code, website-maintenance-hero */
:has(> img[src*="assets/img/blog-designing-invisible."]),img[src*="assets/img/blog-designing-invisible."],:has(> img[src*="assets/img/project-one-support-inbox-2."]),img[src*="assets/img/project-one-support-inbox-2."],:has(> img[src*="assets/img/project-one-support-inbox-3."]),img[src*="assets/img/project-one-support-inbox-3."],:has(> img[src*="assets/img/systems-maintenance-hero."]),img[src*="assets/img/systems-maintenance-hero."],:has(> img[src*="assets/img/web-design-custom-code."]),img[src*="assets/img/web-design-custom-code."],:has(> img[src*="assets/img/website-maintenance-hero."]),img[src*="assets/img/website-maintenance-hero."]{--r1:#f2f8e8;--r2:#dcedc4;--h1:#c9e3a3;--h2:#8fbf5a}
/* teal: about-4, about-5, blog-architecture-of-meaning, blog-language-of-shape, blog-logic-of-emotion, blog-the-human-algorithm, customer-support-hero, home-assist, home-automate, internal-tools-hero, menu-services, planner-intro, project-dental-booking-1, project-one-support-inbox-1, tile-rocket, tile-speech-bubble, web-design-quote-banner, web-design-step-build, web-design-step-launch */
:has(> img[src*="assets/img/about-4."]),img[src*="assets/img/about-4."],:has(> img[src*="assets/img/about-5."]),img[src*="assets/img/about-5."],:has(> img[src*="assets/img/blog-architecture-of-meaning."]),img[src*="assets/img/blog-architecture-of-meaning."],:has(> img[src*="assets/img/blog-language-of-shape."]),img[src*="assets/img/blog-language-of-shape."],:has(> img[src*="assets/img/blog-logic-of-emotion."]),img[src*="assets/img/blog-logic-of-emotion."],:has(> img[src*="assets/img/blog-the-human-algorithm."]),img[src*="assets/img/blog-the-human-algorithm."],:has(> img[src*="assets/img/customer-support-hero."]),img[src*="assets/img/customer-support-hero."],:has(> img[src*="assets/img/home-assist."]),img[src*="assets/img/home-assist."],:has(> img[src*="assets/img/home-automate."]),img[src*="assets/img/home-automate."],:has(> img[src*="assets/img/internal-tools-hero."]),img[src*="assets/img/internal-tools-hero."],:has(> img[src*="assets/img/menu-services."]),img[src*="assets/img/menu-services."],:has(> img[src*="assets/img/planner-intro."]),img[src*="assets/img/planner-intro."],:has(> img[src*="assets/img/project-dental-booking-1."]),img[src*="assets/img/project-dental-booking-1."],:has(> img[src*="assets/img/project-one-support-inbox-1."]),img[src*="assets/img/project-one-support-inbox-1."],:has(> img[src*="assets/img/tile-rocket."]),img[src*="assets/img/tile-rocket."],:has(> img[src*="assets/img/tile-speech-bubble."]),img[src*="assets/img/tile-speech-bubble."],:has(> img[src*="assets/img/web-design-quote-banner."]),img[src*="assets/img/web-design-quote-banner."],:has(> img[src*="assets/img/web-design-step-build."]),img[src*="assets/img/web-design-step-build."],:has(> img[src*="assets/img/web-design-step-launch."]),img[src*="assets/img/web-design-step-launch."]{--r1:#e6f6f3;--r2:#c6ebe5;--h1:#9be3d9;--h2:#3b9fb4}
/* blue: about-1, about-2, about-3, ai-productivity-hero, blog-newsletter, blog-precision, blog-systems-with-soul, branding-hero, crm-setup-hero, customer-experience-hero, dashboards-reporting-hero, ecommerce-hero, email-campaigns-hero, graphic-design-hero, help-desk-hero, home-better-home, home-creative, home-digital, home-less-juggling, home-next-idea, menu-about, online-forms-booking-hero, personalised-copies-hero, planners-printables-hero, project-bakery-brand-1, project-bakery-brand-2, project-bakery-brand-3, project-bakery-brand, project-crm-from-spreadsheets-1, project-crm-from-spreadsheets-2, project-crm-from-spreadsheets-3, project-crm, project-dental-booking-2, project-dental-booking-3, project-dental-booking, project-support-inbox, tile-calendar, tile-compass, tile-light-bulb, web-design-handover, web-design-hero, web-design-scope, web-design-step-plan, workflow-automation-hero */
:has(> img[src*="assets/img/about-1."]),img[src*="assets/img/about-1."],:has(> img[src*="assets/img/about-2."]),img[src*="assets/img/about-2."],:has(> img[src*="assets/img/about-3."]),img[src*="assets/img/about-3."],:has(> img[src*="assets/img/ai-productivity-hero."]),img[src*="assets/img/ai-productivity-hero."],:has(> img[src*="assets/img/blog-newsletter."]),img[src*="assets/img/blog-newsletter."],:has(> img[src*="assets/img/blog-precision."]),img[src*="assets/img/blog-precision."],:has(> img[src*="assets/img/blog-systems-with-soul."]),img[src*="assets/img/blog-systems-with-soul."],:has(> img[src*="assets/img/branding-hero."]),img[src*="assets/img/branding-hero."],:has(> img[src*="assets/img/crm-setup-hero."]),img[src*="assets/img/crm-setup-hero."],:has(> img[src*="assets/img/customer-experience-hero."]),img[src*="assets/img/customer-experience-hero."],:has(> img[src*="assets/img/dashboards-reporting-hero."]),img[src*="assets/img/dashboards-reporting-hero."],:has(> img[src*="assets/img/ecommerce-hero."]),img[src*="assets/img/ecommerce-hero."],:has(> img[src*="assets/img/email-campaigns-hero."]),img[src*="assets/img/email-campaigns-hero."],:has(> img[src*="assets/img/graphic-design-hero."]),img[src*="assets/img/graphic-design-hero."],:has(> img[src*="assets/img/help-desk-hero."]),img[src*="assets/img/help-desk-hero."],:has(> img[src*="assets/img/home-better-home."]),img[src*="assets/img/home-better-home."],:has(> img[src*="assets/img/home-creative."]),img[src*="assets/img/home-creative."],:has(> img[src*="assets/img/home-digital."]),img[src*="assets/img/home-digital."],:has(> img[src*="assets/img/home-less-juggling."]),img[src*="assets/img/home-less-juggling."],:has(> img[src*="assets/img/home-next-idea."]),img[src*="assets/img/home-next-idea."],:has(> img[src*="assets/img/menu-about."]),img[src*="assets/img/menu-about."],:has(> img[src*="assets/img/online-forms-booking-hero."]),img[src*="assets/img/online-forms-booking-hero."],:has(> img[src*="assets/img/personalised-copies-hero."]),img[src*="assets/img/personalised-copies-hero."],:has(> img[src*="assets/img/planners-printables-hero."]),img[src*="assets/img/planners-printables-hero."],:has(> img[src*="assets/img/project-bakery-brand-1."]),img[src*="assets/img/project-bakery-brand-1."],:has(> img[src*="assets/img/project-bakery-brand-2."]),img[src*="assets/img/project-bakery-brand-2."],:has(> img[src*="assets/img/project-bakery-brand-3."]),img[src*="assets/img/project-bakery-brand-3."],:has(> img[src*="assets/img/project-bakery-brand."]),img[src*="assets/img/project-bakery-brand."],:has(> img[src*="assets/img/project-crm-from-spreadsheets-1."]),img[src*="assets/img/project-crm-from-spreadsheets-1."],:has(> img[src*="assets/img/project-crm-from-spreadsheets-2."]),img[src*="assets/img/project-crm-from-spreadsheets-2."],:has(> img[src*="assets/img/project-crm-from-spreadsheets-3."]),img[src*="assets/img/project-crm-from-spreadsheets-3."],:has(> img[src*="assets/img/project-crm."]),img[src*="assets/img/project-crm."],:has(> img[src*="assets/img/project-dental-booking-2."]),img[src*="assets/img/project-dental-booking-2."],:has(> img[src*="assets/img/project-dental-booking-3."]),img[src*="assets/img/project-dental-booking-3."],:has(> img[src*="assets/img/project-dental-booking."]),img[src*="assets/img/project-dental-booking."],:has(> img[src*="assets/img/project-support-inbox."]),img[src*="assets/img/project-support-inbox."],:has(> img[src*="assets/img/tile-calendar."]),img[src*="assets/img/tile-calendar."],:has(> img[src*="assets/img/tile-compass."]),img[src*="assets/img/tile-compass."],:has(> img[src*="assets/img/tile-light-bulb."]),img[src*="assets/img/tile-light-bulb."],:has(> img[src*="assets/img/web-design-handover."]),img[src*="assets/img/web-design-handover."],:has(> img[src*="assets/img/web-design-hero."]),img[src*="assets/img/web-design-hero."],:has(> img[src*="assets/img/web-design-scope."]),img[src*="assets/img/web-design-scope."],:has(> img[src*="assets/img/web-design-step-plan."]),img[src*="assets/img/web-design-step-plan."],:has(> img[src*="assets/img/workflow-automation-hero."]),img[src*="assets/img/workflow-automation-hero."]{--r1:#e9effd;--r2:#cddcfb;--h1:#b4cdff;--h2:#4f7be0}
/* peach: tile-magnifier */
:has(> img[src*="assets/img/tile-magnifier."]),img[src*="assets/img/tile-magnifier."]{--r1:#fff1e6;--r2:#ffdcc0;--h1:#ffc796;--h2:#ff8a5b}
/* yellow: blog-beyond-function, web-design-step-care */
:has(> img[src*="assets/img/blog-beyond-function."]),img[src*="assets/img/blog-beyond-function."],:has(> img[src*="assets/img/web-design-step-care."]),img[src*="assets/img/web-design-step-care."]{--r1:#fff7df;--r2:#ffeab0;--h1:#ffe29a;--h2:#f5a65b}
.editorial>img[src*="assets/img/"]{filter:none!important}
.editorial:has(>img[src*="assets/img/"]) .editorial-copy{color:var(--shape-ink)}
.about-collage>img[src*="assets/img/"]{--art-a:var(--r1,#f2f8e8);--art-b:var(--r2,#dcedc4);background:linear-gradient(160deg,var(--art-a) 0%,var(--art-b) 100%);object-fit:contain!important;transition:--art-a .6s var(--shape-ease,ease),--art-b .6s var(--shape-ease,ease)}
.about-collage>img[src*="assets/img/"]:hover{--art-a:var(--h1,#c9e3a3);--art-b:var(--h2,#8fbf5a)}
@media (prefers-reduced-motion:reduce){:is(.carved-layer,.cutout-hero,.caption-card,.rs-pic,.rs-vcard-shot,.project-image,.journal-image,.rs-float figure,.mega-feature,.rs-pshot,.service-preview,.rs-th,.js-mouse-move,.rs-news-r,.rs-studio-r,.rs-p-card,.editorial):has(> img[src*="assets/img/"]){transition:none!important}}