.cut-card__wrap {
	position: relative;
	padding: 7px 7px 0 0;
	width: fit-content;
	height: fit-content;
	clip-path: polygon(0 12%, 100% 0, 100% 100%, 0 100%);
}

.cut-card {
	position: relative;
	width: clamp(320px, 27vw, 680px);
	height: clamp(238px, 18.5vw, 476px);
	/* width: 27vw;
	height: 18.5vw; */
	clip-path: polygon(0 12%, 100% 0, 100% 100%, 0 100%);
	transition: all .2s;
}

.cut-card:hover {
	transform: translate(7px, -7px);
}

.cut-card__bg {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 98%;
	height: 85%;
	background-color: rgb(17, 255, 0);
	filter: brightness(.9);
}

.cut-card__body {
	/* visibility: hidden; */
	position: relative;
	width: 100%;
	height: 100%;
}

.cut-card__body::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .4);
	z-index: 1;
}

.cut-card__poster {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.cut-card__content {
	position: absolute;
	top: 50%;
	left: 50%;
	translate: -50% -50%;

	width: fit-content;
	height: fit-content;

	z-index: 2;
}

.season-container {
	width: fit-content;
	height: fit-content;
	background-color: var(--text-color-emphasis);
	margin: 0 auto;
	clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100%);
	padding: 3px 25px;
}

.season-number {
	text-align: center;
	font-size: clamp(.7rem, 1vw, 1.2rem);
	font-weight: bolder;
}

.cut-card__title {
	text-align: center;
	font-size: clamp(1.3rem, 2vw, 2.5rem)
}

.ui_custom {
	height: 3px;
	filter: brightness(1.3);
}