/**
 * #News
 */

.p-news {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 80px;
	padding: 60px clamp(20px, 7vw, 100px) 0;
	background-color: transparent;

	@media (max-width: 768px) {
		padding: 60px 20px 0;
		gap: 40px;
	}

	.p-news__empty {
		margin: 0;
		color: var(--white);
	}

	.p-news__grid {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 30px 20px;
		width: 100%;
		max-width: 1240px;

		@media (max-width: 1024px) {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}
	}
}