.carousel {
    position: relative;
    width: 100%;
    view-timeline-name: --carousel-view;
    view-timeline-axis: block;
}
.carousel ul li div.parallax {
    animation-timeline: --carousel-view;
}
.carousel ul {
    overflow: auto; 
    display: flex; 
    flex-wrap: nowrap; 
    scroll-snap-type: x mandatory; 
    scroll-snap-points-y: repeat(100%); 
    scroll-behavior: smooth; 
    -ms-overflow-style: none; 
    scrollbar-width: none; 
    margin: 0!important; 
    padding: 0; 
    cursor: grab; 
    user-select: none; 
    height: 100%;
    width: 100%;
}
.carousel ul.grabbing {cursor: grabbing; scroll-snap-type: none;}
.carousel ul::-webkit-scrollbar {display: none; /* Hide scrollbar for Chrome, Safari and Opera */} 
.carousel ul li {
    position: relative; 
    min-width: 100%; 
    list-style: none; 
    scroll-snap-align: start; 
    pointer-events: none; 
    display: flex; 
    flex-direction: column; 
    justify-content: flex-end;
    font-size: 1rem;
    line-height: 1.3;
    padding: 0!important;
    margin: 0!important;
}
.carousel ul li::before {content: none;}
.carousel + div h4 {
    position: relative; 
    max-width: 100%;
    font-size: 1.5rem;
    font-family: 'Sometype Mono', monospace;  
    text-transform: uppercase;
    font-weight: 400;
    padding: 2.25rem 0 2.75rem 4rem;
    background: url(/img/markeractive.svg) left 45% / 2.8rem auto no-repeat;
    padding-right: 9rem;
    line-height: 1.2;
}
.carousel + div p {
    max-width: 63em;
}
.carousel ol {display: none;}
.carousel .prev, .carousel .next {
    user-select:none; 
    cursor: pointer; 
    width: 2.5rem;
    height: 2.5rem;
    position: absolute; 
    bottom: 0; 
    right: 0;
    z-index: 9; 
    line-height: 0;
    background: url(/img/right.svg) center center / contain no-repeat;
    border: 0;
    color: transparent;
    transform: scaleX(1);
    border-radius: 0;
    margin-bottom: -4.65rem;
}
.carousel .prev {
    margin-right: 4rem;
    transform: scaleX(-1);
}

<<<<<<< HEAD
@media (max-width: 1000px) {
    .carousel .prev, .carousel .next {
        top: 0!important;
        margin-top: -4rem;
    }
    .carousel + div h4 {
        padding-right: 0;
        padding-block: 1.5rem;
    }
=======
.team > .carousel {
    background: none;
    width: 100%;
    background: #e3e4e6;
    color: #1c1c1c;
    position: relative;
    z-index: 2;
}
.team > .carousel ul li {min-width: calc(100% / 3); padding-bottom: 0.5rem;}
.team > .carousel ul li > div {height: auto;}
.team > .carousel ul li a,
.team > .carousel ul li > div {color: #1c1c1c; text-decoration: none;}
.team > .carousel ul li img {margin-block: 1rem 0.5rem;}
.team > .carousel ol {
    display: none;
}
.team > .carousel .prev,
.team > .carousel .next {
    right: 1.25rem;
    background: transparent url(/img/arrow.svg) center / 1.5rem auto no-repeat;
    transform: rotate(-90deg);
    width: 1.75rem;
    height: 1.75rem;
    margin-top: -1.35rem;
}
.team > .carousel .prev {
    transform: rotate(90deg);
    margin-right: 2.5rem;
>>>>>>> a793af51dbe7589502d62af4bf62e562b0b7d089
}