.slider{display:block;position:relative;height:620px;padding:30px 0;overflow:hidden;scroll-snap-type:none;touch-action:pan-y;isolation:isolate}.film{position:absolute;width:320px;top:40px;left:50%;margin-left:-160px;transform:translateX(calc(var(--offset)*205px)) translateY(calc(var(--depth)*25px)) rotate(calc(var(--offset)*4deg)) scale(calc(1 - var(--depth)*.09));transform-origin:50% 70%;transition:transform .65s cubic-bezier(.22,.68,.1,1),opacity .5s,filter .5s;filter:brightness(calc(1 - var(--depth)*.18));cursor:pointer}.film .poster{height:440px;border:1px solid #ffffff30;box-shadow:0 20px 45px #0009;border-radius:14px}.film:not(.active-card) h3,.film:not(.active-card)>p{opacity:0}.film:not(.active-card) .play,.film:not(.active-card) .poster>small{opacity:0}.film.active-card h3,.film.active-card>p{transition:opacity .5s}.film.hidden-card{opacity:0;pointer-events:none}.film .poster>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.film.active-card{filter:brightness(1)}.stack-count{text-align:center;color:#b5c0b5;font-size:11px;letter-spacing:.08em;margin:0 6% 25px}.projects .arrows button:hover{background:#dc1017;border-color:#dc1017}.slider:focus-visible{outline:2px solid #ec3c40;outline-offset:-4px}@media(max-width:800px){.slider{height:550px}.film{width:260px;margin-left:-130px;transform:translateX(calc(var(--offset)*68px)) translateY(calc(var(--depth)*18px)) rotate(calc(var(--offset)*5deg)) scale(calc(1 - var(--depth)*.1))}.film .poster{height:375px}.film h3{font-size:17px}.stack-count{font-size:9px;line-height:1.8}}@media(prefers-reduced-motion:reduce){.film{transition:none}}

@media(prefers-reduced-motion:no-preference){.film{transition:transform .85s cubic-bezier(.22,.61,.36,1),opacity .65s,filter .65s;will-change:transform}}