/* MEM Studios — dedicated service landing pages.
   Focused SEO entry points built entirely from the existing system:
   tokens.css for colour and motion, typography.css for the type scale,
   buttons.css for controls, and the darkroom vocabulary from home.css
   (grain, safelight, brush badge, outline headline stroke). */

.service-page {
  background: var(--ink);
  color: var(--super-silver);
  overflow: clip;
}

.service-page .section-padding.zero-sides-up-down {
  padding: 0;
}

/* ── shared darkroom chrome ─────────────────────────────────── */

.service-grain {
  position: absolute;
  z-index: 4;
  inset: 0;
  pointer-events: none;
  opacity: 0.36;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.045'/%3E%3C/svg%3E");
}

.service-safelight {
  position: absolute;
  z-index: 3;
  inset: 0;
  pointer-events: none;
  height: 80vmin;
  background: var(--spikey-red);
  background-image: linear-gradient(360deg, var(--ink), transparent);
}

/* Eyebrow with the safelight dot, matching .hero-darkroom__eyebrow. */
.service-eyebrow {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  width: max-content;
  max-width: 100%;
  margin: 0;
  font-family: var(--mem-font-display);
  font-size: clamp(1.05rem, 1.9vw, 2rem);
  font-weight: var(--mem-weight-medium);
  line-height: 1;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.service-section-label {
  border: 1px solid var(--faded-super-silver);
  letter-spacing: .16vw;
  width: fit-content;
  text-transform: uppercase;
  cursor: default;
  border-radius: 100vw;
  padding: .3vw 1.8vw;
  font-family: Poppins, sans-serif;
  font-size: 1.8vmin;
  font-weight: 500;
  line-height: 2;
}

/* Small caps chrome, matching .hero-darkroom__corner. */
.service-chrome {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  margin: 0;
  color: rgba(238, 238, 238, 0.56);
  font-size: clamp(.8rem, 1vw, .9rem);
  font-weight: var(--mem-weight-medium);
  line-height: 1;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

/* Brush badge, matching .hero-darkroom__badge. */
.service-badge {
  display: inline-flex;
  align-items: center;
  min-height: 2.5rem;
  padding: .1rem 1rem .1rem;
  border-radius: var(--mem-radius-pill);
  background-image: linear-gradient(340deg, var(--winterspring-lilac) 40%, var(--evil-sunz-scarlet) 88%);
  color: var(--ink);
  text-transform: capitalize;
  -webkit-text-stroke-width: .15px;
  font-family: var(--mem-font-script);
  font-size: 6vmin;
  font-weight: var(--mem-weight-regular);
  line-height: 0.72;
  transform: rotate(-4deg);
  box-shadow: 0 2px 7px 1px #0003;
}

/* ── 1. hero ────────────────────────────────────────────────── */

.service-hero {
  position: relative;
  min-height: 100svh;
  overflow: hidden;
  padding: clamp(7rem, 14vh, 11rem) var(--mem-page-padding) clamp(6rem, 10vh, 8rem);
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.72fr);
  gap: clamp(2rem, 5vw, 6rem);
  align-items: end;
  border-bottom: 1px solid var(--faded-super-silver);
}

.service-hero__copy {
  position: relative;
  z-index: 5;
  display: flex;
  flex-direction: column;
  gap: clamp(1.4rem, 2.4vw, 2.4rem);
}

.service-hero__title {
  margin-bottom: 0;
  font-size: clamp(5rem, 8vw, 7rem);
  text-wrap: balance;
  max-width: 17ch;
}

.service-hero__title.headline-xxxl {
  overflow: visible;
}

.service-hero__intro {
  max-width: 35ch;
  color: var(--super-silver);
}

/* The docket replaces the old eyebrow pill with real information. */
.service-docket {
  margin: 0;
  max-width: 38rem;
  border-top: 1px solid var(--faded-super-silver);
}

.service-docket__row {
  display: grid;
  justify-items: start;
  grid-template-columns: 8.5rem 1fr;
  gap: 1rem;
  align-items: baseline;
  padding: 0.7vw 0;
  border-bottom: 1px solid var(--faded-super-silver);
}

.service-docket__row dt,
.service-docket__row dd {
  margin: 0;
}

.service-docket__row dd {
  color: #d2d2d2;
  font-size: clamp(0.74rem, 0.92vw, 0.95rem);
  line-height: 1.5;
  width: 90%;
}

.service-docket__row dd b {
  color: var(--super-silver);
  font-weight: var(--mem-weight-medium);
}

.service-plate {
  position: relative;
  z-index: 5;
  align-self: end;
}

.service-plate__frame {
  position: relative;
  margin: 0;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  border-radius: 0.3vw;
  background: #0a0a0a;
}

.service-plate__frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* The plate develops on load: near-black and blurred, resolving to full
   contrast. Held until [data-service-develop="ready"] so a slow decode
   cannot leave an empty frame behind. */
.has-js .service-plate__frame img {
  filter: brightness(0.05) contrast(2.6) saturate(0) blur(10px);
  transform: scale(1.07);
}

.has-js .service-plate__frame[data-service-develop="ready"] img {
  animation: service-develop 2.8s cubic-bezier(0.3, 0.7, 0.2, 1) both;
}

@keyframes service-develop {
  0% {
    filter: brightness(0.05) contrast(2.6) saturate(0) blur(10px);
    transform: scale(1.07);
  }
  55% {
    filter: brightness(0.45) contrast(1.5) saturate(0.4) blur(2px);
  }
  100% {
    filter: none;
    transform: scale(1);
  }
}

.service-plate__caption {
  position: absolute;
  left: 0;
  bottom: -2.2rem;
}

.service-hero__badge {
  position: absolute;
  z-index: 6;
  left: var(--mem-page-padding);
  bottom: clamp(2rem, 5vh, 4rem);
}

.service-hero__counter {
  position: absolute;
  z-index: 6;
  right: var(--mem-page-padding);
  bottom: clamp(1.4rem, 3vh, 2.2rem);
  display: inline-flex;
  align-items: baseline;
  gap: 0.42rem;
  color: rgba(238, 238, 238, 0.78);
  font-family: var(--mem-font-display);
  font-size: clamp(1.6rem, 3vw, 3rem);
  font-weight: var(--mem-weight-semibold);
}

.service-hero__counter span {
  color: rgba(238, 238, 238, 0.4);
}

/* ── 2. develop strip ───────────────────────────────────────── */

.service-strip {
  position: relative;
  overflow: hidden;
  padding: 6vw 0 5vw;
  border-bottom: 1px solid var(--faded-super-silver);
}

.service-strip__heading {
  position: relative;
  z-index: 5;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: var(--mem-space-inline-md);
  padding: 0 var(--mem-page-padding);
  margin-bottom: 3vw;
}

.service-strip__track {
  display: flex;
  gap: 1vw;
  padding-inline: var(--mem-page-padding);
  will-change: transform;
}

.service-strip__tile {
  position: relative;
  flex: 0 0 clamp(10rem, 20vw, 22rem);
  aspect-ratio: 4 / 5;
  overflow: hidden;
  border-radius: 0.3vw;
}

/* --service-dev is written by service-strip.js: 0 at the viewport edge,
   1 as the frame crosses the centre. */
.service-strip__tile img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: filter 0.18s linear;
}

.service-strip__tile::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: 0.3vw;
}

/* ── 3. overview ────────────────────────────────────────────── */

.service-overview {
  padding: 8vw var(--mem-page-padding);
  border-bottom: 1px solid var(--faded-super-silver);
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  gap: clamp(2.5rem, 6vw, 7rem);
}

.service-overview__statement {
  display: flex;
  flex-direction: column;
  gap: clamp(1.4rem, 2.6vw, 2.6rem);
}

.service-overview__statement .headline-xxl {
  max-width: 14ch;  
  font-size: clamp(5rem, 8vw, 7rem);
}

.service-overview__details {
  display: flex;
  flex-direction: column;
  gap: clamp(1.6rem, 3vw, 3rem);
  justify-content: flex-end;
}

.service-overview__details .xl-body-copy {
 width: 90%;
}

/* Capabilities are simultaneous, not sequential, so they carry no numbers. */
.service-capabilities {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--faded-super-silver);
}

.service-capability {
  position: relative;
  border-bottom: 1px solid var(--faded-super-silver);
}

.service-capability__row {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.1vw 0.2rem;
  transition: padding-left var(--mem-duration-slow) var(--mem-ease-out);
}

.service-capability__mark {
  flex: none;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-image: linear-gradient(90deg, var(--evil-sunz-scarlet), var(--winterspring-lilac));
  opacity: 0;
  transform: scale(0.2);
  filter: blur(.8px);
  transition:
    opacity var(--mem-transition-fast),
    transform var(--mem-duration-fast) var(--mem-ease-out);
}

.service-capability__label {
  font-family: var(--mem-font-display);
  font-size: clamp(0.98rem, 1.45vw, 1.55rem);
  font-weight: var(--mem-weight-regular);
  line-height: 1.05;
  text-transform: uppercase;
}

.service-capability::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 1px;
  background-image: linear-gradient(90deg, var(--evil-sunz-scarlet), var(--winterspring-lilac));
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition: transform var(--mem-duration-medium) var(--mem-ease-out);
}

@media (hover: hover) and (pointer: fine) {
  .service-capability:hover .service-capability__row {
    padding-left: 1.1rem;
  }

  .service-capability:hover .service-capability__mark {
    opacity: 1;
    transform: scale(1);
  }

  .service-capability:hover::after {
    transform: scaleX(1);
  }
}

/* ── 4. approach ────────────────────────────────────────────── */

.service-approach {
  padding: 8vw var(--mem-page-padding);
  border-bottom: 1px solid var(--faded-super-silver);
  display: grid;
  grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
  gap: clamp(2.5rem, 6vw, 7rem);
}

.service-approach__heading {
  position: sticky;
  top: clamp(4rem, 12vh, 9rem);
  align-self: start;
  display: flex;
  flex-direction: column;
  gap: clamp(1.2rem, 2vw, 2rem);
}

.service-approach__heading .headline-xxl {
  max-width: 18ch;
  font-size: clamp(1.9rem, 4.6vw, 4.8rem);
}

.service-approach__steps {
  display: flex;
  flex-direction: column;
  gap: var(--mem-space-sm);
}

.service-step {
  display: grid;
  grid-template-columns: minmax(0, auto) minmax(0, 1fr);
  gap: var(--mem-space-inline-md);
  align-items: start;
  padding: 3vw;
  background-color: var(--pot-black);
  filter: drop-shadow(0 2px 5px #00000079);
  border-bottom: 1px solid var(--faded-super-silver);
  border-top: .2px solid #eee3;
  border-bottom: 1px solid #eeeeee05;
  border-radius: 1.5vmin;
  border-left: .2px solid #eee3;
  border-radius: 1.5vmin;
}

.service-step__title {
  margin: 0 0 1vw;
  font-family: var(--mem-font-display);
  font-size: 4vmin;
  font-weight: var(--mem-weight-semibold);
  line-height: 1;
  text-transform: uppercase;
}

.service-step__copy .body-copy {
  max-width: 50ch;
}

/* ── 5. work ────────────────────────────────────────────────── */

.service-work {
  padding: 8vw var(--mem-page-padding);
  border-bottom: 1px solid var(--faded-super-silver);
}

.service-work__heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: var(--mem-space-inline-md);
  margin-bottom: 5vw;
}

.service-work__heading .headline-xxl {
  max-width: 20ch;
  margin-top: 1.4vw;
  font-size: clamp(1.9rem, 4.6vw, 4.8rem);
}

.service-work__intro {
  max-width: 30ch;
}

.service-work__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2vw;
}

.service-project-card {
  display: flex;
  flex-direction: column;
  gap: 1.2vw;
  min-width: 0;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  transform-style: preserve-3d;
  will-change: transform, filter;
}

.service-project-card__image-wrapper {
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border-radius: 0.3vw;
  background: var(--pot-black);
}

.service-project-card__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition:
    transform 0.9s cubic-bezier(0.2, 0.7, 0.2, 1),
    filter var(--mem-duration-medium) ease;
}

.service-project-card__topline {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 1rem;
}

.service-project-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

.service-project-card__tag {
  border: 1px solid var(--faded-super-silver);
  border-radius: var(--mem-radius-pill);
  padding: 0.35rem 0.6rem;
  color: rgba(238, 238, 238, 0.75);
  font-family: var(--mem-font-body);
  font-size: clamp(0.55rem, 0.68vw, 0.7rem);
  line-height: 1;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

@media (hover: hover) and (pointer: fine) {
  .service-project-card:hover .service-project-card__image {
    transform: scale(1.04);
    filter: grayscale(0) brightness(1);
  }
}

/* ── 6. cta ─────────────────────────────────────────────────── */

.service-cta {
  position: relative;
  overflow: hidden;
  padding: 10vw var(--mem-page-padding) 9vw;
}

.service-cta .service-safelight {
  background: var(--spikey-red);
  background-image: linear-gradient(360deg, var(--ink), transparent);
  mix-blend-mode: normal;
  height: 70vmin;
  position: absolute;
  inset: 0% 0% auto;
}

.service-cta__inner {
  position: relative;
  z-index: 5;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: clamp(2.5rem, 6vw, 7rem);
  align-items: end;
}

.service-cta__inner .button-transparent {
  width: fit-content;
  place-self: center;
}

.service-cta__title {
  margin: 1.6vw 0 2vw;
  max-width: 15ch;
}

.service-cta__body {
  max-width: 24ch;
}

/* What happens after the form is sent — removes the main reason people
   hesitate to make contact. */
.service-next {
  margin: 0 0 3vw;
  display: flex;
  flex-direction: column;
  gap: var(--mem-space-sm);
  padding: 0;
  list-style: none;
}

.service-next li {
  display: grid;
  grid-template-columns: 2rem 1fr;
  gap: 5vmin !important;
  align-items: baseline;
  padding: 2vmin 3vmin;
  color: #d8d8d8;
  font-size: clamp(0.8rem, .8vw, .9rem);
  line-height: 1.7;
  border-top: .2px solid #eee3;
  border-bottom: 1px solid #eeeeee05;
  border-radius: 1.5vmin;
  border-left: .2px solid #eee3;
  grid-column-gap: var(--mem-space-inline-xl);
  grid-row-gap: var(--mem-space-inline-xl);
  background-color: var(--pot-black);
  filter: drop-shadow(0 2px 5px #00000079);
}

/* ── responsive ─────────────────────────────────────────────── */
@media screen and (min-width: 1280px) {
  .service-section-label {
    letter-spacing: .3vh;
    border-radius: 100vh;
    padding: .6vh 3vh;
  }

  .service-step {
    padding: 5vh;
    gap: var(--mem-space-block-lg);
  }

  .service-step__title {
    font-size: 5vmin;
  }
}

@media screen and (max-width: 991px) {
  .service-hero {
    grid-template-columns: 1fr;
    align-items: start;
    min-height: auto;
  }

  .service-strip__heading {
    margin-bottom: 3vh;
  }

  .service-badge {
    font-size: 8vmin;
  }

  .service-hero__title {
    max-width: none;
    font-size: clamp(7rem, 10vw, 5rem);
  }

  .service-hero__intro {
    max-width: 31ch;
  }

  .service-plate {
    max-width: none;
  }

  .service-next,
  .service-approach__steps {
    gap: var(--mem-space-md);
  }

  .service-plate__caption {
    position: static;
    margin-top: 1rem;
  }

  .service-hero__counter {
    font-size: clamp(3rem, 5vw, 4rem);
  }

  .service-chrome {
    font-size: clamp(1.2rem, 3vw, 1.5rem);
  }

  .service-strip__tile {
    flex: 0 0 clamp(20rem, 40vw, 44rem);
  }

  .service-overview__statement .headline-xxl {
    max-width: 17ch;
    font-size: clamp(7rem, 10vw, 5rem);
  }

  .service-capability__row {
    padding: 2.5vh 0.2rem;
  }

  .service-capability__label {
    font-size: clamp(2.5rem, 2vw, 1.7rem);
  }

  .service-capability__mark {
    width: .7rem;
    height: .7rem;
  }

  .service-project-card .project-card-title {
    font-size: 4vh;
  }

  .service-work__heading .headline-xxl,
  .service-approach__heading .headline-xxl {
    font-size: clamp(5.5rem, 8.5vw, 5rem);
    max-width: 22ch;
  }

  .service-capabilities,
  .service-work__grid {
    margin-top: 8vmin;
  }
  .service-approach__steps {
    margin-top: 4vmin;
  }

  .service-work__grid {
    column-gap: 2.5vh;
    row-gap: 6vh;
  }

  .service-section-label {
    letter-spacing: .26vh;
    border-radius: 100vh;
    padding: .5vh 2.5vh;
    font-size: 1.6vh;
  }

  .service-hero {
    gap: clamp(4rem, 8vw, 6rem);
    padding-top: 16rem !important;
  }

  .service-overview__statement,
  .service-approach__heading,
  .service-work__heading > :first-child,
  .service-cta__inner > :first-child {
    gap: 6vmin;
  }

  .service-work__heading > :first-child,
  .service-cta__inner > :first-child {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .service-next li {
    font-size: clamp(1.4rem, 1.2vw, 1rem);
  }

  .service-cta__title {
    max-width: 17ch;
    font-size: clamp(7rem, 10vw, 5rem);
  }

  .service-project-card {
    gap: 1.6vh;
  }

  .service-step__title {
    font-size: 6vmin;
  }

  .service-next {
    margin: 0 0 6vh;
  }

  .service-overview,
  .service-approach,
  .service-cta__inner {
    grid-template-columns: 1fr;
  }

  .service-approach__heading {
    position: static;
  }

  .service-docket__row dd {
    font-size: clamp(1.2rem, 1.2vw, 1.2rem);
    width: 85%;
  }

  .service-docket {
    max-width: none;
    margin-top: 8vmin;
  }

  .service-docket__row {
    padding: 2vh 0;
    gap: 4rem;
  }

  .service-step {
    padding: 4vh;
    gap: var(--mem-space-block-md);
  } 

  .service-strip__track {
    gap: 2vh;
  }

  .service-work__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .service-plate__frame,
  .service-strip__tile,
  .service-project-card__image-wrapper {
    border-radius: 0.6vh;
  }

  .service-eyebrow {
    font-size: clamp(1.95rem, 3vw, 2rem);
  }
}

@media screen and (max-width: 767px) {
  .service-hero,
  .service-overview,
  .service-approach,
  .service-work {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .service-hero {
    padding-top: 8rem;
  }

  .service-step__title {
    font-size: 5vmin;
  }

  .service-hero__title {
    font-size: clamp(6.5rem, 7vw, 4rem);
  }

  .service-strip__heading,
  .service-work__heading {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--mem-space-inline-lg);
  }

  .service-overview__statement .headline-xxl {
    font-size: clamp(6.5rem, 7vw, 4rem);
    max-width: 15ch;
  }

  .service-section-label {
    font-size: 1.5vh;
  }

  .service-work__heading .headline-xxl, 
  .service-approach__heading .headline-xxl {
    font-size: clamp(5rem, 8vw, 5rem);
    max-width: 17ch;
  }

  .service-next li {
    font-size: clamp(1.2rem, 1.2vw, 1rem);
  }

  .service-project-card {
    gap: 2vh;
  }

  .service-docket__row {
    grid-template-columns: 1fr;
    gap: .8rem;
  }

  .service-strip__tile {
    flex-basis: 52vw;
  }

  .service-capability__label {
    font-size: clamp(2.3rem, 2vw, 1.7rem);
  }

  .service-step {
    grid-template-columns: 1fr;
  }

  .service-work__grid {
    display: flex;
    gap: 1.5rem;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    overscroll-behavior-x: contain;
    margin-inline: calc(-1 * var(--mem-page-padding));
    padding-inline: var(--mem-page-padding);
  }

  .service-work__grid::-webkit-scrollbar {
    display: none;
  }

  .service-cta__title {
    font-size: clamp(6.5rem, 7vw, 4rem);
  }

  .service-project-card {
    flex: 0 0 78vw;
    scroll-snap-align: start;
  }

  .service-eyebrow {
    font-size: clamp(1.5rem, 1.9vw, 2rem);
  }
}

@media screen and (max-width: 479px) {
  .service-project-card {
    flex-basis: 88vw;
  }

  .service-step {
    gap: 2.5vh;
  }  

  .service-hero__title.headline-xxxl{
    font-size: clamp(5.5rem, 5vw, 4rem) !important;
    letter-spacing: normal !important;
  }

  .headline-xxl.service-cta__title {
    font-size: clamp(5rem, 4vw, 4rem) !important;
    letter-spacing: normal !important;
  }

  .service-overview__statement .headline-xxl {
    font-size: clamp(5rem, 4vw, 4rem);
  }

  .service-next li {
    grid-template-columns: 1fr;
    gap: 3vmin !important;
    padding: 4vmin;
  }

  .service-step__title {
    font-size: 4.5vh;
  }

  .service-work__heading .headline-xxl, 
  .service-approach__heading .headline-xxl {
    font-size: clamp(4rem, 6vw, 5rem);
  }

  .service-step,
  .service-next li {
    border-radius: 2.2vmin;
  }

  .service-next li > :last-child {
    width:80%;
  }

  .service-next li {
    font-size: clamp(1.2rem, 1.2vw, 1rem);
  }

  .service-hero {
    padding-top: 13rem !important;
  }

  .service-strip__tile {
    flex-basis: 62vw;
  }

  .service-docket__row dd {
    width: 85%;
  }

  .service-badge {
    font-size: 10.5vmin;
  }

  .service-work__heading .headline-xxl, 
  .service-approach__heading .headline-xxl,
  .service-overview__statement .headline-xxl,
  .headline-xxl.service-cta__title {
    letter-spacing: normal;
  }
}

@media (prefers-reduced-motion: reduce) {
  .has-js .service-plate__frame img,
  .has-js .service-plate__frame[data-service-develop="ready"] img {
    filter: none;
    transform: none;
    animation: none;
  }

  .service-strip__tile img {
    filter: none;
    transition: none;
  }

  .service-strip__track {
    transform: none !important;
  }
}