/* Custom.css */
div.block.block--one-column.block--m1f4dl2p.slider__client_logos {
    overflow: hidden;
}

@media screen and (min-width: 1024px) {
    .red-fade::before {
        width: 44rem;
    }
}

div.block__multiple-images .inner {
  display:flex;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}
@media (max-width: 1024px) {
  div.block__multiple-images .inner {
    margin-left:-1rem;
    margin-right:-1rem
  }
}
@media (max-width: 760px) {
  div.block__multiple-images .inner {
    margin-left:-.5rem;
    margin-right:-.5rem
  }
}
div.block__multiple-images .image-item {
  padding-left:2.5rem;
  padding-right:2.5rem
}
@media (max-width: 1024px) {
  div.block__multiple-images .image-item {
    padding-left:1rem;
    padding-right:1rem
  }
}
@media (max-width: 760px) {
  div.block__multiple-images .image-item {
    padding-left:.5rem;
    padding-right:.5rem
  }
}

.opacity-100 .splide__list {
  opacity: 1;
}

.page-project h2 {
  font-size: var(--font-h3);
}

video {
  width: 100%;
  height: auto;
  display: block;
}

.bordered-media {
  margin:0 auto;
  height:-webkit-fit-content;
  height:-moz-fit-content;
  height:fit-content;
  display:flex;
  flex-direction:row;
  gap:30px;
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content;
  height:100%
}
@media (max-width: 760px) {
  .bordered-media.mobile {
    width:100%
  }
}
@media (max-width: 760px) {
  .bordered-media.mobile .bordered-media__inner {
    width:100%
  }
}
.bordered-media.mobile .bordered-media__inner:before {
  border-radius:calc(var(--border-radius) / 2);
  z-index:1
}
.bordered-media.mobile .bordered-media__inner:after {
  content:"";
  border-radius:calc(var(--border-radius) / 2.2);
  position:absolute;
  top:.15rem;
  left:.15rem;
  background-color:#141414;
  width:calc(100% - .3rem);
  height:calc(100% - .3rem);
  z-index:1
}
.bordered-media.mobile .bordered-media__media {
  border-radius:calc(var(--border-radius) / 2);
  aspect-ratio:375/680;
  max-width:750px;
  position:relative
}
@media (max-width: 760px) {
  .bordered-media.mobile .bordered-media__media {
    aspect-ratio:initial;
    width:calc(100% - 1rem);
    margin:.5rem auto;
    border-radius:calc(var(--border-radius) / 3)
  }
}
.bordered-media.mobile .bordered-media__media .sticky-header {
  background-repeat:no-repeat;
  background-size:100%;
  background-position:top;
  width:100%;
  height:-webkit-fit-content;
  height:-moz-fit-content;
  height:fit-content;
  position:-webkit-sticky;
  position:sticky;
  top:0;
  left:0;
  z-index:100;
  border-radius:0
}
@media (max-width: 760px) {
  .bordered-media.tablet {
    width:100%
  }
}
@media (max-width: 760px) {
  .bordered-media.tablet .bordered-media__inner {
    width:100%
  }
}
.bordered-media.tablet .bordered-media__inner:before {
  border-radius:calc(var(--border-radius) / 4);
  z-index:1
}
.bordered-media.tablet .bordered-media__inner:after {
  content:"";
  border-radius:calc(var(--border-radius) / 4);
  position:absolute;
  top:.15rem;
  left:.15rem;
  background-color:#141414;
  width:calc(100% - .3rem);
  height:calc(100% - .3rem);
  z-index:1
}
.bordered-media.tablet .bordered-media__media {
  border-radius:calc(var(--border-radius) / 4);
  aspect-ratio:1024/760;
  max-width:750px;
  position:relative;
  z-index:5
}
@media (max-width: 760px) {
  .bordered-media.tablet .bordered-media__media {
    aspect-ratio:initial;
    width:calc(100% - 1rem);
    margin:.5rem auto;
    border-radius:calc(var(--border-radius) / 5)
  }
}
.bordered-media.tablet .bordered-media__media .sticky-header {
  background-repeat:no-repeat;
  background-size:100%;
  background-position:top;
  width:100%;
  height:-webkit-fit-content;
  height:-moz-fit-content;
  height:fit-content;
  position:-webkit-sticky;
  position:sticky;
  top:0;
  left:0;
  z-index:100;
  border-radius:0
}
@media (max-width: 760px) {
  .bordered-media.tablet__standing {
    width:100%
  }
}
.bordered-media.tablet__standing .bordered-media__inner:before {
  border-radius:calc(var(--border-radius) / 3)
}
@media (max-width: 760px) {
  .bordered-media.tablet__standing .bordered-media__inner:before {
    border-radius:0;
    width:100%
  }
}
.bordered-media.tablet__standing .bordered-media__media {
  border-radius:calc(var(--border-radius) / 3);
  aspect-ratio:760/1024;
  position:relative;
  z-index:5
}
@media (max-width: 760px) {
  .bordered-media.tablet__standing .bordered-media__media {
    aspect-ratio:initial;
    width:calc(100% - 2rem);
    margin:0 auto;
    border-radius:0
  }
}
.bordered-media.tablet__standing .bordered-media__media .sticky-header {
  background-repeat:no-repeat;
  background-size:100%;
  background-position:top;
  width:calc(100% + 2px);
  height:-webkit-fit-content;
  height:-moz-fit-content;
  height:fit-content;
  position:-webkit-sticky;
  position:sticky;
  top:-1px;
  left:-1px;
  z-index:100;
  border-radius:0
}
.bordered-media.desktop .bordered-media__inner {
  padding:1rem 1rem 10rem
}
@media (max-width: 760px) {
  .bordered-media.desktop .bordered-media__inner {
    padding:0rem
  }
}
.bordered-media.desktop .bordered-media__inner:before {
  border-radius:calc(var(--border-radius) / 3)
}
@media (max-width: 760px) {
  .bordered-media.desktop .bordered-media__inner:before {
    display:none
  }
}
.bordered-media.desktop .bordered-media__inner:after {
  content:"";
  border-radius:calc(var(--border-radius) / 3.2);
  position:absolute;
  top:.2rem;
  left:.2rem;
  background-color:#141414;
  width:calc(100% - .4rem);
  height:calc(100% - .4rem);
  z-index:1
}
@media (max-width: 760px) {
  .bordered-media.desktop .bordered-media__inner:after {
    display:none
  }
}
.bordered-media.desktop .bordered-media__inner .mac-bottom {
  width:calc(100% - 2rem);
  height:10rem;
  position:absolute;
  bottom:2rem;
  left:1rem;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:25px;
  z-index:2;
  --gradient-color: #e6007e80
}
@media (max-width: 760px) {
  .bordered-media.desktop .bordered-media__inner .mac-bottom {
    display:none
  }
}
.bordered-media.desktop .bordered-media__inner .mac-bottom.magenta {
  --gradient-color: #e6007e80
}
.bordered-media.desktop .bordered-media__inner .mac-bottom.groen {
  --gradient-color: #bce70280
}
.bordered-media.desktop .bordered-media__inner .mac-bottom.blauw {
  --gradient-color: #009ed880
}
.bordered-media.desktop .bordered-media__inner .mac-bottom .line {
  width:calc(100% - 8rem);
  height:.25rem;
  background:linear-gradient(to right,#141414,var(--gradient-color) 50%,#141414 100%);
  border-radius:12px
}
.bordered-media.desktop .bordered-media__inner .mac-bottom .logo {
  width:4rem;
  height:4rem;
  background-position:center;
  background-repeat:no-repeat;
  background-image:var(--logo-url)
}
.bordered-media.desktop .bordered-media__media {
  border-radius:0rem;
  aspect-ratio:1024/600;
  border:none;
  margin:4rem;
  width:calc(100% - 8rem);
  position:relative;
  z-index:2
}
.bordered-media.desktop .bordered-media__media:before {
  border-radius:2rem
}
@media (max-width: 760px) {
  .bordered-media.desktop .bordered-media__media {
    aspect-ratio:initial;
    width:100%;
    padding:1rem 1rem 0;
    margin:0 auto;
    background:#141414
  }
  .bordered-media.desktop .bordered-media__media:before {
    content:"";
    position:absolute;
    top:0;
    left:0;
    background:linear-gradient(to bottom,var(--gradient-color),#141414);
    width:100%;
    height:100%;
    z-index:-1;
    border-radius:1rem;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0
  }
  .bordered-media.desktop .bordered-media__media:after {
    content:"";
    position:absolute;
    top:.25rem;
    left:.25rem;
    right:.25rem;
    background:#141414;
    width:calc(100% - .5rem);
    height:calc(100% - .5rem);
    z-index:-1;
    border-radius:.75rem
  }
}
.bordered-media.desktop .bordered-media__media .sticky-header {
  background-repeat:no-repeat;
  background-size:100%;
  background-position:top;
  width:100%;
  height:-webkit-fit-content;
  height:-moz-fit-content;
  height:fit-content;
  position:-webkit-sticky;
  position:sticky;
  top:0;
  left:0;
  z-index:100
}
@media (max-width: 760px) {
  .bordered-media.desktop .bordered-media__media .sticky-header {
    border-top-right-radius:.5rem;
    border-top-left-radius:.5rem
  }
}
@media (max-width: 760px) {
  .bordered-media.desktop .bordered-media__media .bordered-img {
    border-bottom-right-radius:.5rem!important;
    border-bottom-left-radius:.5rem!important
  }
}
.bordered-media.desktop .bordered-media__scrollbar-track {
  margin:5rem 0 12rem
}
.bordered-media__inner {
  padding:.25rem;
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content;
  height:-webkit-fit-content;
  height:-moz-fit-content;
  height:fit-content;
  position:relative;
  --border-radius: $base-border-radius
}
@media (max-width: 760px) {
  .bordered-media__inner {
    border-radius:0
  }
}
.bordered-media__inner:before {
  content:"";
  width:100%;
  height:100%;
  top:0;
  left:0;
  z-index:-1;
  position:absolute;
  border-radius:var(--border-radius)
}
.bordered-media__media {
  border-radius:var(--border-radius);
  aspect-ratio:1440/990;
  width:100%;
  overflow-y:hidden;
  border:1rem solid #141414;
  background-color:#141414
}
@media (max-width: 760px) {
  .bordered-media__media {
    border:none;
    border-radius:0
  }
}
.bordered-media.scrollable .bordered-media::-webkit-scrollbar {
  display:none
}
.bordered-media.scrollable .bordered-media__inner {
  overflow-y:scroll
}
@media (max-width: 760px) {
  .bordered-media.scrollable .bordered-media__inner {
    overflow-y:initial
  }
}
.bordered-media.scrollable .bordered-media__inner::-webkit-scrollbar {
  display:none
}
.bordered-media.scrollable .bordered-media__media {
  overflow-y:scroll;
  scrollbar-width:none
}
.bordered-media.scrollable .bordered-media__media::-webkit-scrollbar {
  display:none
}
@media (max-width: 760px) {
  .bordered-media.scrollable .bordered-media__media {
    overflow-y:initial
  }
}
@media screen and (max-width: 760px) {
  .bordered-media__scrollbar-track {
    display:none
  }
}
.bordered-media__scrollbar-track {
  background-color:#333;
  margin:5rem 0px;
  width:.2rem;
  border-radius:.75rem;
  position:relative
}
.bordered-media__scrollbar-track .scroll_thumb {
  border-radius:.75rem;
  width:100%;
  height:8rem;
  position:absolute;
  top:0;
  left:0;
  transition:all 25ms ease-in-out
}
.bordered-media__scrollbar-track .scroll_thumb:hover {
  transition:all 25ms ease-in-out;
  opacity:.5;
  cursor:-webkit-grab;
  cursor:grab
}