/* ============================================================
   悬停滚动图片 (hover-scroll-image)
   ============================================================ */

.hsi-wrap {
	display: block;
	position: relative;
	overflow: hidden;
	height: 400px;
	width: 100%;
	text-decoration: none;
}

.hsi-default {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hsi-hover {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: translateY(100%);
	transition-property: transform;
	transition-duration: 0.5s;
	transition-timing-function: ease;
}

.hsi-wrap:hover .hsi-hover {
	transform: translateY(0);
}