/* Full-bleed backgrounds, shared centred desktop content column. */
:root { --site-content-width: 1240px; }
body footer.site-footer .footer-top{grid-column:2;grid-row:1 / span 2;align-self:center;justify-self:center}
@media(max-width:760px){body footer.site-footer .footer-top{grid-column:1;grid-row:5;justify-self:center}}
body #app .global-page > .cta{width:min(1100px,calc(100% - 48px));margin:0 auto 28px;padding:38px 0;justify-content:space-between;gap:90px}
body #app .global-page > .cta > div{flex:0 1 auto}
body #app .global-page > .cta > button{flex:none}
body #app .services-page > .cta{width:min(1100px,calc(100% - 48px));margin:0 auto 28px;padding:38px 0;justify-content:space-between;gap:90px;background:#fff;border:0;border-radius:0;box-shadow:none}
body #app .services-page > .cta > button{flex:none}
@media(max-width:760px){body #app .global-page > .cta{width:calc(100% - 48px);gap:22px;align-items:flex-start}}
@media(max-width:760px){body #app .services-page > .cta{width:calc(100% - 48px);gap:22px;align-items:flex-start}}
@media (min-width: 1101px) {
  body { --site-gutter: max(5vw, calc((100% - var(--site-content-width)) / 2)); }
  body > header{padding-left:var(--site-gutter);padding-right:var(--site-gutter)}
  body > header > nav{margin-left:auto}
  body > header > .solid{margin-left:24px;position:relative;left:clamp(0px,calc(var(--site-gutter) - 24px),64px)}
  body footer.site-footer,
  body #app .section,
  body #app .hero,
  body #app .page-hero,
  body #app .cases-focus,
  body #app .services-intro,
  body #app .services-platform-band,
  body #app .services-creator-band,
  body #app .global-media-platforms,
  body #app .global-page section.global-focus {
    padding-left: var(--site-gutter);
    padding-right: var(--site-gutter);
  }
  body #app .section { max-width: none; width: 100%; }
  body #app .hero .slide { max-width: 1240px; margin-inline: auto; gap: 56px; }
  body #app .services-intro { gap: 64px; }
  body #app .cta { margin-left: var(--site-gutter); margin-right: var(--site-gutter); }
  body #app .cases-focus > div:first-child { width: 620px; max-width: 50%; }
  body #app .cases-focus:after { left: 50%; right: var(--site-gutter); }
  body #app .services-creator-gallery { max-width: 1240px; margin-inline: auto; }
}