@import url('/ohio/agencies-heritage-hero.css');
@import url('/ohio/creative-showcase.css');
/* Digital Products: v1.4 service geometry with alternating image placement. */
.digital-products-page.color-variant :is(#portfolio-reach, #marketing-roi) .title {
  font-size: clamp(34px, 4.4vw, 64px);
}
.digital-products-page.color-variant #marketing-roi {
  padding-top: 64px;
}
.digital-products-page #digital-products .elementor-element-ff13ef9 {
  background-image: url("https://colabrio.ams3.cdn.digitaloceanspaces.com/ohio-stage-demo-27/oh__demo27__03.webp") !important;
  background-position: center !important;
  background-size: cover !important;
}
.digital-products-page #creative-growth .elementor-element-ff13ef9 {
  background-image: url("/images/v13-human.jpg") !important;
  background-position: center !important;
  background-size: cover !important;
}
.digital-products-page #funnel-optimisation .elementor-element-ff13ef9 {
  background-image: url("/images/regional-ecommerce-pricing.webp") !important;
  background-position: center !important;
  background-size: cover !important;
}
.sourced-site.digital-products-page #main #funnel-optimisation .blog-archive-image {
  object-fit: cover;
  object-position: center;
  transform: none;
}
.digital-products-page #growth-strategy .elementor-element-ff13ef9 {
  background-image: url("/images/detail.jpg") !important;
  background-position: center !important;
  background-size: cover !important;
}
@media (max-width: 767px) {
  .digital-products-page.color-variant #marketing-roi {
    padding-top: 36px;
  }
}
@media (min-width: 768px) {
  .digital-products-page :is(#creative-growth, #growth-strategy) {
    --flex-direction: row-reverse;
  }
  .digital-products-page :is(#creative-growth, #growth-strategy) .elementor-element-dc81f01 {
    --padding-left: 8vh;
    --padding-right: 0;
  }
}

/* Digital Products hero: Ohio Demo 27 split hero ([data-id="e99b902"]); the Softhaus reel fills the left half, text on the right.
   Background: the source's soft glow image (oh__demo27__02) recoloured from peach to Softhaus green. */
.sourced-site.digital-heritage-page #top.elementor-element-e99b902{display:flex;flex-direction:row;align-items:stretch;min-height:720px;padding:max(12vh,110px) 0 0;background:#f6fdef url("/images/digital-hero-green-glow.jpg") center top/cover no-repeat}
.sourced-site.digital-heritage-page #top .elementor-element-a297c38{position:relative;display:flex;flex:0 0 50%;width:50%;overflow:hidden;background:#0f2400 url("/videos/softhaus-reel-poster.jpg") center/cover no-repeat}
.sourced-site.digital-heritage-page #top .hero-media-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.sourced-site.digital-heritage-page #top .elementor-element-0ad191a{display:flex;flex-direction:column;justify-content:center;flex:0 0 50%;width:50%;padding:10vh 0 10vh 8vh}
.sourced-site.digital-heritage-page #top .elementor-element-26e044f{display:flex;flex-direction:column;max-width:560px;padding:0 16px}
.sourced-site.agencies-heritage-page.digital-heritage-page #top .elementor-element-408b3b3 .heading h1.title{margin:0;font-family:"Bricolage Grotesque Variable",sans-serif;font-size:clamp(40px,4vw,64px);line-height:1.06;text-align:left;color:#24252c!important}
.sourced-site.digital-heritage-page #top .elementor-element-b94ea8e{margin-top:24px;font-size:1.04em;line-height:27px;color:#2d2b30}
.sourced-site.digital-heritage-page #top .elementor-element-b94ea8e p{margin:0;color:#2d2b30cc!important}
.sourced-site.digital-heritage-page #top .elementor-element-80858c0{display:flex;flex-direction:row;align-items:center;gap:24px;margin-top:2em;padding:0}
@media (prefers-reduced-motion:reduce){.sourced-site.digital-heritage-page #top .hero-media-video{display:none}}
/* The light background needs the home page's dark header text; header tabs and buttons are otherwise unchanged. */
.sourced-site.agencies-heritage-page.digital-heritage-page #masthead .branding-title,
.sourced-site.agencies-heritage-page.digital-heritage-page #masthead .branding-title .logo{color:#24252c!important}
.sourced-site.agencies-heritage-page.digital-heritage-page #masthead #menu-primary{--clb-text-color:#2d2b30;color:#2d2b30}
.sourced-site.agencies-heritage-page.digital-heritage-page #masthead #menu-primary>.nav-item>.main-menu-link{color:#2d2b30!important}
.sourced-site.agencies-heritage-page.digital-heritage-page #masthead .hamburger-button{color:#262722cc}
@media (max-width:767px){
  .sourced-site.digital-heritage-page #top.elementor-element-e99b902{flex-direction:column;min-height:0;padding-top:76px}
  .sourced-site.digital-heritage-page #top .elementor-element-0ad191a{order:-1;width:100%;flex-basis:auto;padding:6vh 0}
  .sourced-site.digital-heritage-page #top .elementor-element-a297c38{width:100%;flex-basis:auto;aspect-ratio:4/3}
  .sourced-site.digital-heritage-page #top .elementor-element-26e044f{padding:0 16px}
  .sourced-site.digital-heritage-page #top .elementor-element-408b3b3 h1{font-size:2.6rem}
}

/* "Creatives that connect." places the photograph on the left and the text on the right. */
.sourced-site.digital-products-page #main .source-service-style #creative-growth>.e-con-inner{flex-direction:row-reverse}