/* The galaxy is present before JavaScript. Canvas adds optional desktop motion. */
html[data-trendi-mode][data-trendi-mode][data-trendi-mode][data-trendi-mode][data-trendi-mode][data-trendi-mode][data-trendi-mode][data-trendi-mode][data-trendi-mode][data-trendi-mode] body.home.trendi-atmosphere.trendi-studio #ts-main > .tg-hero {
  background-image:url('trendi-nebula-dark.svg')!important;
  background-size:cover!important;background-position:center!important;
}
html[data-trendi-mode="light"][data-trendi-mode][data-trendi-mode][data-trendi-mode][data-trendi-mode][data-trendi-mode][data-trendi-mode][data-trendi-mode][data-trendi-mode][data-trendi-mode] body.home.trendi-atmosphere.trendi-studio #ts-main > .tg-hero {
  background-image:url('trendi-nebula-light.svg')!important;
}
html[data-trendi-mode][data-trendi-mode][data-trendi-mode][data-trendi-mode][data-trendi-mode][data-trendi-mode][data-trendi-mode][data-trendi-mode][data-trendi-mode] body.trendi-atmosphere:not(.home) :is(.tis-hero,.th-hero,.tc-hero,.sp-hero,.inner-before,.featured-media-under-header,#page-header-bg,.page-header-no-bg) {
  background-image:linear-gradient(#050a1266,#050a1266),url('trendi-nebula-dark.svg')!important;
  background-size:cover!important;background-position:center!important;
}
html[data-trendi-mode="light"][data-trendi-mode][data-trendi-mode][data-trendi-mode][data-trendi-mode][data-trendi-mode][data-trendi-mode][data-trendi-mode][data-trendi-mode] body.trendi-atmosphere:not(.home) :is(.tis-hero,.th-hero,.tc-hero,.sp-hero,.inner-before,.featured-media-under-header,#page-header-bg,.page-header-no-bg) {
  background-image:linear-gradient(#f6f9ff26,#f6f9ff26),url('trendi-nebula-light.svg')!important;
}
@media(max-width:1000px),(prefers-reduced-motion:reduce) {
  html[data-trendi-mode] .tg-scroll-space {display:none!important;}
  html[data-trendi-mode] :is(.tg-hero,.ts-growth,.ts-agency,.ts-partners,.tr-reviews,.tm-markets-home,#trendi-client-focus,#block-20,#trendi-footer-horizon) :is(.ts-marquee-track,.ts-logo-track,.tg-liquid,.tr-contact-lines,.gx-horizon,.fh-atmosphere i,.mk-route,.mk-map-pulse,.gg-orbit,.gg-star) {animation:none!important;}
  html[data-trendi-mode] :is(.tg-title,.gx-title,.fh-title,.gg-hover-title) {animation:none!important;}
  html[data-trendi-mode] #ts-main #tg-title .tg-type-line > span {animation:none!important;transform:none!important;opacity:1!important;filter:none!important;}
  html[data-trendi-mode] body.trendi-atmosphere .tr-motion-target {opacity:1!important;translate:none!important;}
}

/* Save-Data and an explicit pause use the same static text/art as compact screens. */
html[data-trendi-visual-budget="static"] #ts-main #tg-title .tg-type-line > span {animation:none!important;transform:none!important;opacity:1!important;filter:none!important;}
html[data-trendi-visual-budget="static"] #ts-main :is(.tg-liquid,.ts-logo-track,.ts-marquee-track) {animation:none!important;}


/* Keep the place name in the heading ink; only the service name is accented. */
body.trendi-atmosphere.trendi-city-layout-page #ajax-content-wrap #trendi-city-content .tcl-title-place {
  color:var(--city-ink)!important;
}
/* The compact header's menu column consumes the row's remaining space. */
@media(max-width:1000px) {
  html[data-trendi-mode] body.trendi-atmosphere.trendi-studio #header-outer #top .col.span_9 {
    margin-left:auto!important;
  }
}

/* The compact header already occupies its own space in ordinary interior layouts.
   Keep one content gap instead of retaining the desktop hero's 190px padding. */
@media(max-width:1000px) {
  /* These transparent-header pages omit the native spacer; reserve its compact height. */
  html[data-trendi-mode] body:is(.page-id-6320,.page-id-5288,.page-id-6170) #ajax-content-wrap > .container-wrap {
    padding-top:148px!important;
  }
  html[data-trendi-mode] body.trendi-atmosphere:not(.home) #ajax-content-wrap :is(#trendi-main-content,.main-content) :is(.th-hero,.tc-hero,.sp-hero):not(.tcl-hero) {
    padding-top:54px!important;
    padding-bottom:44px!important;
  }

  /* Ordinary default-template pages retain their native 40px container gap. */
  html[data-trendi-mode] body.trendi-atmosphere:not(.home) #ajax-content-wrap :is(#trendi-main-content,.main-content) .tf-utility {
    padding-top:14px!important;
    padding-bottom:44px!important;
  }
  /* Thank You uses the explicit header reservation above instead of the native gap. */
  html[data-trendi-mode] body.trendi-atmosphere:not(.home).page-id-6170 #ajax-content-wrap :is(#trendi-main-content,.main-content) .tf-utility {
    padding-top:54px!important;
  }
  html[data-trendi-mode] body.page-id-18395 #ajax-content-wrap :is(#trendi-main-content,.main-content) .tm-ai {
    padding-top:14px!important;
  }
  html[data-trendi-mode] body.page-id-18395 #ajax-content-wrap :is(#trendi-main-content,.main-content) .tm-ai > .tf-contents:first-child {
    margin-top:0!important;
  }
}

/* Match the readable phone-size lead used by the other service pages. */
@media(max-width:690px) {
  html[data-trendi-mode] body.trendi-atmosphere:not(.home) #ajax-content-wrap :is(#trendi-main-content,.main-content) .sp-hero .sp-lead {
    font-size:17px!important;
    line-height:1.75!important;
  }
}

/* This checklist uses the zero-padding interior template, so its content owns
   the compact gap. Keep the separate introduction spacing below the contents. */
@media screen and (max-width:1000px) {
  html[data-trendi-mode] body.trendi-atmosphere:not(.home) #ajax-content-wrap :is(#trendi-main-content,.main-content) .tm-launch {
    padding-top:54px!important;
  }
  html[data-trendi-mode] body.trendi-atmosphere:not(.home) #ajax-content-wrap :is(#trendi-main-content,.main-content) .tm-launch > .tf-contents:first-child {
    margin-top:0!important;
  }
}