/* ==========================================================================
   Block: Reviews
   Отзывы: 2 карточки через вертикальный разделитель (240 / 240 / 160),
   на 375 — одна под другой с горизонтальным разделителем 160.
   Портфолио: крупное фото 1280:963 + сетка 3×2 той же высоты.
   ========================================================================== */

.reviews__cards {
	display: flex;
	align-items: stretch;
	justify-content: center;
	gap: 40px;
}

.reviews__card {
	flex: 1 1 0;
	min-width: 0;
}

.reviews__divider {
	flex-shrink: 0;
	align-self: center;
	width: 1px;
	height: 240px;
	background-color: rgba(90, 90, 90, 0.26);
}

.reviews__gallery {
	display: flex;
	align-items: stretch;
	gap: 20px;
	margin-top: 40px;
}

.reviews__main,
.reviews__grid {
	flex: 1 1 0;
	min-width: 0;
}

.reviews__main {
	aspect-ratio: 1280 / 963;
	overflow: hidden;
	border-radius: 8px;
}

.reviews__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-template-rows: repeat(2, minmax(0, 1fr));
	gap: 20px;
}

.reviews__photo {
	position: relative;
	overflow: hidden;
	border-radius: 8px;
	background-color: var(--c-grey);
}

.reviews__main img,
.reviews__photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.reviews__photo img {
	position: absolute;
	inset: 0;
}

@media (max-width: 1919.98px) {
	.reviews__cards {
		gap: 32px;
	}

	.reviews__gallery {
		gap: 12px;
		margin-top: 32px;
	}

	.reviews__grid {
		gap: 12px;
	}
}

@media (max-width: 1439.98px) {
	.reviews__cards {
		gap: 24px;
	}

	.reviews__divider {
		height: 160px;
	}

	.reviews__gallery {
		gap: 8px;
		margin-top: 24px;
	}

	.reviews__grid {
		gap: 8px;
	}
}

@media (max-width: 1023.98px) {
	.reviews__head {
		display: none;
	}

	.reviews__cards {
		flex-direction: column;
		align-items: center;
		gap: 8px;
	}

	.reviews__card {
		flex: 0 0 auto;
		width: 100%;
	}

	.reviews__divider {
		width: 160px;
		height: 1px;
	}

	.reviews__gallery {
		flex-direction: column;
		gap: 4px;
	}

	.reviews__main {
		flex: 0 0 auto;
		width: 100%;
		border-radius: 4px;
	}

	.reviews__grid {
		flex: 0 0 auto;
		grid-template-rows: none;
		gap: 4px;
	}

	.reviews__photo {
		aspect-ratio: 113 / 165;
		border-radius: 4px;
	}
}