.origin-image-hover {
    transition: transform 0.3s ease;
}

.origin-image-hover:hover {
    transform: scale(1.05);
}

#scroll-container {
  -ms-overflow-style: none;
  scrollbar-width: none;
  touch-action: pan-x;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
}

/* #scroll-container::-webkit-scrollbar {
  display: none;
} */
/* 
#scroll-container {
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
} */

/* @media (pointer: fine) {
  #scroll-container {
    scroll-snap-type: x proximity;
  }
} */

.values-scroll-deck__hint-right {
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    right: 1rem;
}

.values-scroll-deck__hint-left {
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    left: 1rem;
}

.values-scroll-deck__item {
    scroll-snap-align: center;
    width: 90%;
    min-width: 280px;
}

@media (min-width: 768px) {
    .values-scroll-deck__item {
        width: 70%;
    }
}

@media (min-width: 992px) {
    .values-scroll-deck__item {
        width: 55%;
    }
}

.values-scroll-deck__card {
    min-height: 380px;
}

.values-scroll-deck__thumb {
    width: 6rem;
    height: 6rem;
}

.values-scroll-deck__overlay {
    height: 6rem;
}

.diagonal-zigzag-split__portrait {
    width: 8rem;
    height: 8rem;
}

.diagonal-zigzag-split__portrait--tilt-left {
    transform: rotate(-5deg);
}

.diagonal-zigzag-split__portrait--tilt-right {
    transform: rotate(5deg);
}

.diagonal-zigzag-split__portrait:hover {
    transform: rotate(0);
}

.diagonal-zigzag-split__beacon {
    width: 2rem;
    height: 2rem;
    bottom: -0.25rem;
    right: -0.25rem;
}

.diagonal-zigzag-split__beacon-dot {
    width: 0.75rem;
    height: 0.75rem;
}

.diagonal-zigzag-split__frame {
    width: 4rem;
    height: 4rem;
}

.diagonal-zigzag-split__frame--tl {
    top: 0;
    left: 0;
}

.diagonal-zigzag-split__frame--br {
    bottom: 0;
    right: 0;
}

.diagonal-zigzag-split__frame--rotate-45 {
    transform: rotate(45deg);
}

.diagonal-zigzag-split__frame--rotate-minus-45 {
    transform: rotate(-45deg);
}

.diagonal-zigzag-split__wash {
    width: 8rem;
}

.diagonal-zigzag-split__corner {
    width: 5rem;
    height: 5rem;
}

.diagonal-zigzag-split__min-shrink {
    min-width: 0;
}

@media (min-width: 768px) {
    .diagonal-zigzag-split__band--reverse {
        flex-direction: row-reverse;
    }

    .diagonal-zigzag-split__portrait {
        width: 10rem;
        height: 10rem;
    }
}

.split-cyber-timeline__scanlines {
    background-image: repeating-linear-gradient(
        0deg,
        transparent,
        transparent 2px,
        currentColor 2px,
        currentColor 3px
    );
}

@keyframes split-cyber-timeline__slide-left {
    from { opacity: 0; transform: translateX(-32px); }
    to { opacity: 1; transform: translateX(0); }
}

@keyframes split-cyber-timeline__slide-right {
    from { opacity: 0; transform: translateX(32px); }
    to { opacity: 1; transform: translateX(0); }
}

.split-cyber-timeline__reveal-left {
    animation: split-cyber-timeline__slide-left 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

.split-cyber-timeline__reveal-right {
    animation: split-cyber-timeline__slide-right 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

.split-cyber-timeline__section {
    min-height: 480px;
}

.split-cyber-timeline__overlay-z {
    z-index: 10;
}

.split-cyber-timeline__inner-height {
    min-height: 480px;
}

.split-cyber-timeline__media-clip {
    min-height: 280px;
    position: relative;
}

.split-cyber-timeline__media-clip > img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.split-cyber-timeline__media-clip--even {
    clip-path: polygon(0 0, 92% 0, 100% 100%, 0 100%);
}

.split-cyber-timeline__media-clip--odd {
    clip-path: polygon(8% 0, 100% 0, 100% 100%, 0 100%);
}

.split-cyber-timeline__accent-bar {
    width: 4px;
}

.split-cyber-timeline__accent-bar--right {
    right: 0;
}

.split-cyber-timeline__accent-bar--left {
    left: 0;
}

.split-cyber-timeline__content-z {
    z-index: 20;
}

.split-cyber-timeline__line-sm {
    width: 1rem;
    height: 2px;
}

.split-cyber-timeline__accent-sm {
    width: 2rem;
    height: 0.25rem;
}

@media (min-width: 768px) {
    .split-cyber-timeline__section--reverse .split-cyber-timeline__inner {
        flex-direction: row-reverse;
    }

    .split-cyber-timeline__content-z--odd {
        padding-left: 4rem;
        padding-right: 3rem;
    }
}