.card {
	flex                  : 0 0 calc((100% - 20px) / 2);
	min-height            : 278px;
	padding               : 18px 20px 20px;
	background            : var(--color-bg-light);
	border-radius         : 40px 0 40px 0;
	display               : flex;
	flex-direction        : column;
	align-items           : center;
	box-sizing            : border-box;
}

	.card .media {
		display               : grid;
		grid-template-columns : 1fr 1fr;
		gap                   : 12px;
		width                 : 100%;
		max-width             : 230px;
		margin                : 0 auto 14px;
	}

	.card .col {
		display        : flex;
		flex-direction : column;
		align-items    : center;
	}

	.card .label {
		margin         : 0 0 8px;
	}

	.card .image {
		width        : 100%;
		aspect-ratio : 1 / 1.15;
	}

	.card .name {
		margin      : 0 0 10px;
	}

	.card .quote {
		margin        : 0 0 5px;
		max-width     : 260px;
		padding       : 10px 10px 10px 20px;
		border-radius : 40px 0 40px 0;
		background    : linear-gradient(180deg, rgba(255, 251, 246, 0.98) 0%, rgba(239, 223, 201, 0.92) 100%);
		border        : 1px solid var(--color-border-soft);
	}

	.card .quote small {
		margin : 0;
	}

	.card .stars {
		margin-top : auto;
		font-size  : 20px;
		color      : var(--color-gbnd)
	}

@media (max-width : 980px) {
	.card {
		flex       : 0 0 100%;
		min-height : 268px;
	}
}

@media (max-width : 640px) {
	.card {
		min-height : 244px;
		padding    : 18px 18px 20px;
		border-radius : 28px 0 28px 0;
	}

	.card .media {
		max-width : 200px;
		gap       : 10px;
	}

	.card .label {
	}

	.card .name {
	}

	.card .stars {
	}

	.card .quote {
		border-radius : 28px 0 28px 0;
	}
}