.tvd-split-image{display:grid;grid-template-columns:repeat(var(--si-count),minmax(0,1fr));gap:var(--si-gap);width:100%;height:var(--si-height);margin:0;background:var(--si-bg);perspective:1200px;isolation:isolate;overflow:visible}
.tvd-split-image__slice{display:block;min-width:0;height:100%;background-image:var(--si-image);background-repeat:no-repeat;background-size:calc(var(--si-count) * 100% + (var(--si-count) - 1) * var(--si-gap)) 100%;background-position:var(--si-image-x) var(--si-position);border-radius:var(--si-radius);transform:skewY(calc(var(--si-skew) * -1));transition:transform var(--si-duration) cubic-bezier(.2,.8,.2,1),filter var(--si-duration) ease,opacity var(--si-duration) ease,box-shadow var(--si-duration) ease;will-change:transform}
.tvd-split-image--fan .tvd-split-image__slice{clip-path:polygon(0 4%,100% 0,100% 96%,0 100%);transform:skewY(calc(var(--si-skew) * -1)) translateY(calc((var(--si-index) - (var(--si-count) / 2)) * 2px))}
.tvd-split-image--blinds .tvd-split-image__slice{clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);transform:skewY(0) rotateY(calc(var(--si-skew) * .7))}
.tvd-split-image--stagger .tvd-split-image__slice{height:calc(100% - var(--si-depth));transform:translateY(calc((var(--si-index) % 2) * var(--si-depth))) skewY(calc(var(--si-skew) * -.45))}
.tvd-split-image--ribbon .tvd-split-image__slice{clip-path:polygon(0 8%,100% 0,100% 92%,0 100%);transform:translateY(calc((var(--si-index) - (var(--si-count) / 2)) * var(--si-depth) / var(--si-count))) skewY(calc(var(--si-skew) * -.65))}
.tvd-split-image--cards .tvd-split-image__slice{border-radius:max(var(--si-radius),8px);transform:translateY(calc((var(--si-index) % 2) * var(--si-depth))) rotate(calc((var(--si-index) - (var(--si-count) / 2)) * var(--si-skew) / var(--si-count)))}
.tvd-split-image--wave .tvd-split-image__slice{height:calc(100% - var(--si-depth));transform:translateY(calc((1 - (var(--si-index) % 3)) * var(--si-depth) / 2)) skewY(calc(var(--si-skew) * -.35));clip-path:polygon(0 3%,100% 0,100% 97%,0 100%)}
.tvd-split-image--clean .tvd-split-image__slice{transform:none}
.tvd-split-image--shadow-soft .tvd-split-image__slice{box-shadow:0 8px 22px rgba(15,23,42,.12)}
.tvd-split-image--shadow-medium .tvd-split-image__slice{box-shadow:0 14px 34px rgba(15,23,42,.2)}
.tvd-split-image--shadow-dramatic .tvd-split-image__slice{box-shadow:0 22px 50px rgba(15,23,42,.32)}
.tvd-split-image--hover-spread:hover .tvd-split-image__slice{transform:translateX(calc((var(--si-index) - (var(--si-count) / 2)) * 3px)) translateY(-4px)}
.tvd-split-image--hover-focus:hover .tvd-split-image__slice{filter:saturate(.7) brightness(.78);opacity:.82}
.tvd-split-image--hover-focus .tvd-split-image__slice:hover{filter:saturate(1.12) brightness(1.05);opacity:1;transform:scale(1.035);z-index:2}
.tvd-split-image--hover-lift .tvd-split-image__slice:hover{transform:translateY(-12px) scale(1.015);z-index:2}
.tvd-split-image--hover-flatten:hover .tvd-split-image__slice{transform:none}
@media(max-width:849px){.tvd-split-image{--si-gap:8px!important;height:min(var(--si-height),420px)}.tvd-split-image__slice{--si-skew:4deg}}
@media(max-width:549px){.tvd-split-image{--si-gap:4px!important;height:min(var(--si-height),300px)}.tvd-split-image__slice{--si-skew:2deg}.tvd-split-image--shadow-dramatic .tvd-split-image__slice{box-shadow:0 10px 24px rgba(15,23,42,.2)}}
@media(prefers-reduced-motion:reduce){.tvd-split-image__slice{transition:none!important}}