.mp-prodepo{
  padding-block:var(--pl-pt,4rem) var(--pl-pb,4rem);
  overflow:hidden;
  background:var(--pl-bg,#0b0c0e)
}

.mp-prodepo__inner{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:2.8rem;
  width:100%;
  max-width:var(--mp-container,100%);
  margin-inline:auto;
  padding-inline:2rem
}

.mp-prodepo .mp-pro-eyebrow{
  display:flex;
  align-items:center;
  gap:1.3rem;
  margin:0;
  color:var(--pl-text,#8b8d93);
  font-size:1.15rem;
  font-weight:500;
  line-height:1.9rem;
  letter-spacing:.207rem;
  text-transform:uppercase
}

.mp-prodepo .mp-pro-dash{
  flex:0 0 auto;
  width:3.4rem;
  height:.914rem;
  background:var(--pl-accent,#00ec90);
  transform:skewX(-10deg)
}

.mp-prodepo .mp-pro-title{
  display:flex;
  flex-wrap:wrap;
  gap:0 1.2rem;
  margin:0;
  color:var(--pl-title,#fff);
  font-size:3rem;
  font-weight:900;
  line-height:1.05;
  letter-spacing:-.06rem;
  text-transform:uppercase
}

.mp-prodepo .mp-pro-title__em{
  color:var(--pl-accent,#00ec90);
  font-style:italic
}

.mp-prodepo__head{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:2.2rem
}

.mp-prodepo__title{
  flex-direction:column;
  gap:0
}

.mp-prodepo__controls{
  display:flex;
  align-items:center;
  gap:.8rem
}

.mp-prodepo__arrow{
  display:flex;
  align-items:center;
  justify-content:center;
  width:4rem;
  height:4rem;
  padding:0;
  border:1px solid var(--pl-line,#26292f);
  border-radius:50%;
  background:var(--pl-card-bg,#16181c);
  color:var(--pl-title,#fff);
  cursor:pointer;
  transition:border-color .2s ease,background .2s ease,color .2s ease,opacity .2s ease
}

.mp-prodepo__arrow span{
  display:block;
  margin-top:-.2rem;
  font-size:3rem;
  font-weight:300;
  line-height:1
}

.mp-prodepo__arrow:hover{
  border-color:var(--pl-accent,#00ec90);
  background:var(--pl-accent,#00ec90);
  color:#101215
}

.mp-prodepo__arrow:disabled{
  opacity:.28;
  cursor:default
}

.mp-prodepo__arrow:disabled:hover{
  border-color:var(--pl-line,#26292f);
  background:var(--pl-card-bg,#16181c);
  color:var(--pl-title,#fff)
}

.mp-prodepo__slider{
  min-width:0;
  overflow:visible
}

.mp-prodepo__track{
  display:flex;
  gap:1.4rem;
  width:100%;
  margin:0;
  padding:0;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scroll-behavior:smooth;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch
}

.mp-prodepo__track::-webkit-scrollbar{
  display:none
}

.mp-prodepo__card{
  display:flex;
  flex:0 0 84%;
  flex-direction:column;
  gap:1.35rem;
  min-width:0;
  min-height:23rem;
  margin:0;
  padding:2.2rem;
  border:1px solid var(--pl-line,#26292f);
  border-radius:1.4rem;
  background:var(--pl-card-bg,#16181c);
  scroll-snap-align:start
}

.mp-prodepo__quote{
  height:2.4rem;
  color:var(--pl-accent,#00ec90);
  font-size:3.6rem;
  font-weight:900;
  line-height:.72
}

.mp-prodepo__text{
  margin:0;
  color:var(--pl-text,#c9cbd1);
  font-size:1.4rem;
  line-height:1.55
}

.mp-prodepo__foot{
  display:flex;
  flex-direction:column;
  gap:.35rem;
  margin-top:auto
}

.mp-prodepo__name{
  color:var(--pl-title,#fff);
  font-size:1.35rem;
  font-weight:700;
  line-height:1.5
}

.mp-prodepo__role{
  color:var(--pl-muted,#5c5f66);
  font-size:1rem;
  line-height:1.5;
  letter-spacing:.12rem;
  text-transform:uppercase
}

@media only screen and (min-width:768px){
  .mp-prodepo__inner{
    flex-direction:row;
    align-items:center;
    gap:4rem
  }

  .mp-prodepo__inner.is-fullwidth{
    padding-inline:max(var(--mp-gutter),min(var(--pl-fw,0px),(100vw - 108rem)/2))
  }

  .mp-prodepo__head{
    flex:0 0 23rem;
    min-width:0
  }

  .mp-prodepo .mp-pro-title{
    font-size:5.76rem;
    letter-spacing:-.115rem
  }

  .mp-prodepo__title span{
    font-size:3.3rem
  }

  .mp-prodepo__slider{
    flex:1 1 auto
  }

  .mp-prodepo__card{
    flex:0 0 30rem;
    min-height:25rem;
    padding:2.4rem
  }

  .mp-prodepo__text{
    font-size:1.4rem
  }
}

@media only screen and (min-width:1200px){
  .mp-prodepo__head{
    flex-basis:24rem
  }

  .mp-prodepo__card{
    flex-basis:31rem
  }
}

@media screen and (min-width:768px) and (max-width:1024px){
  .mp-prodepo__inner{
    gap:2.8rem
  }

  .mp-prodepo__head{
    flex-basis:20rem
  }

  .mp-prodepo .mp-pro-title{
    font-size:3.6rem
  }

  .mp-prodepo__title span{
    font-size:2.8rem
  }

  .mp-prodepo__card{
    flex-basis:27rem
  }
}

@media only screen and (max-width:767px){
  .mp-prodepo__inner{
    gap:2.2rem
  }

  .mp-prodepo__head{
    gap:1.5rem
  }

  .mp-prodepo__controls{
    display:none
  }

  .mp-prodepo__slider{
    margin-right:-2rem
  }

  .mp-prodepo__track{
    padding-right:2rem
  }

  .mp-prodepo__card{
    flex-basis:min(82vw,29rem)
  }
}

@media(prefers-reduced-motion:reduce){
  .mp-prodepo__track{
    scroll-behavior:auto
  }

  .mp-prodepo__arrow{
    transition:none
  }
}