.carousel-viewport{border-radius:16px;height:700px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.2) 0,rgba(0,0,0,.4) 12%,#000 25%,#000 75%,rgba(0,0,0,.4) 88%,rgba(0,0,0,.2));mask-image:linear-gradient(180deg,rgba(0,0,0,.2) 0,rgba(0,0,0,.4) 12%,#000 25%,#000 75%,rgba(0,0,0,.4) 88%,rgba(0,0,0,.2));overflow:hidden;position:relative;width:100%}.carousel-track{animation:scrollVerticalOnce 35s linear forwards;animation-fill-mode:forwards;display:flex;flex-direction:column;gap:-5px;transform:translateY(120px);will-change:transform}.carousel-track img{background-color:transparent;border-radius:12px;flex-shrink:0;height:420px;object-fit:contain;object-position:center;width:100%}@keyframes scrollVerticalOnce{0%{transform:translateY(120px)}15%{transform:translateY(120px)}17%{transform:translateY(-295px)}32%{transform:translateY(-295px)}34%{transform:translateY(-710px)}49%{transform:translateY(-710px)}51%{transform:translateY(-1125px)}66%{transform:translateY(-1125px)}68%{transform:translateY(-1540px)}83%{transform:translateY(-1540px)}85%{transform:translateY(-1955px)}to{transform:translateY(-1955px)}}@media (max-width:768px){.carousel-viewport{height:200px;-webkit-mask-image:none;mask-image:none}.carousel-track{animation:none;gap:0;transform:translateY(-20px)}.carousel-track img{height:220px;object-fit:contain}}