Card: Default

.c-card {
	transition: box-shadow 300ms ease, clip-path 300ms ease;

	&::after {
		@apply .absolute .block .m-auto .pin;

		box-shadow: 0 rem(40px) rem(50px) rgba(0, 0, 0, 0.05);
		transition: box-shadow 300ms ease, transform 300ms ease;
		z-index: -1;
		transform-origin: 50%;
		content: ' ';

		@include mq($from: breakpoint('lg')) {
			top: rem(10px);
			bottom: rem(10px);
			right: rem(10px);
			left: rem(10px);
		}
	}

	&:hover {
		.c-card-clip {
			clip-path: inset(0 0);
		}

		&::after {
			@apply .shadow-card-on;

			transform: scale(1);
		}
	}
}

.c-card--info {
	width: rem(280px);
}

.c-card--info::after {
	display: none;
}

.c-card-clip {
	@include mq($from: breakpoint('lg')) {
		transition: clip-path 300ms ease;
		clip-path: inset(rem(10px) rem(10px));
	}
}

.c-card--collab {
	transition: box-shadow 300ms ease;
}

.c-card--info {
	.o-icon {
		@apply .absolute .pin-t;

		left: 50%;
		transform: translate3d(-50%, -50%, 0);
	}
}

.c-card--collaboration {
	.c-card__panel {
		transform: translate3d(0, rem(60px), 0);
	}
}

.c-card-list {
	@include mq($from: breakpoint('md')) {
		& > div {
			&:nth-child(even) {
				margin-right: 0;
			}
		}
	}

	@include mq($from: breakpoint('lg')) {
		& > div {
			&:nth-child(even) {
				@apply .mr-su;
			}

			&:nth-child(3n) {
				margin-right: 0;
			}
		}
	}
}

// .c-carousel--latest {
// 	[data-carousel-item] {
// 		opacity: 0.5;
// 		transition: opacity 300ms ease;
// 		//pointer-events: none;

// 		&.is-selected {
// 			opacity: 1;
// 			//	pointer-events: auto;
// 		}
// 	}
// }

.c-card--info {
	&:hover {
		.o-icon__bg {
			transform: rotate(45deg) scale(1.15);
		}
	}
}

@include mq($from: breakpoint('lg')) {
	.c-card--vertical {
		img {
			max-height: rem(250px);
		}
	}
}

.c-card--resp__inner {
	min-height: rem(290px);
}