.ruddy-projects-page .ruddy-projects {
	display: flex;
	flex-direction: column;
}

.ruddy-projects-page .ruddy-projects__grid {
	order: 2;
}

.ruddy-projects-page .ruddy-projects > .ruddy-shell {
	order: 1;
	max-width: none;
	width: calc(100% + 30px);
	padding: 0;
}

.ruddy-projects-page .ruddy-filters {
	margin: 0 0 20px;
}

.ruddy-projects-page .ruddy-projects__item {
	width: 25%;
	aspect-ratio: auto;
	padding: 10px;
}

.ruddy-projects-page .ruddy-projects__item img {
	width: 100%;
	height: auto;
	aspect-ratio: 320 / 200;
	object-fit: cover;
}

.ruddy-projects-page .ruddy-projects__overlay,
.ruddy-projects-page .ruddy-projects__link {
	inset: 10px;
}

.ruddy-projects-page .ruddy-projects__item:hover .ruddy-projects__overlay {
	opacity: .9;
}

@media (max-width: 992px) {
	.ruddy-projects-page .ruddy-projects__item {
		width: 50%;
	}

	.ruddy-projects-page .ruddy-projects > .ruddy-shell {
		width: 100%;
		padding: 0 30px;
	}

	.ruddy-projects-page .ruddy-filters li {
		margin: 3px 1px;
	}
}

@media (max-width: 640px) {
	.ruddy-projects-page .ruddy-projects__item {
		width: 100%;
		padding: 10px 0;
	}

	.ruddy-projects-page .ruddy-projects__link {
		inset: 10px 0;
	}

	.ruddy-projects-page .ruddy-projects__overlay {
		inset: auto 0 10px 0;
		opacity: .9;
		min-height: 30px;
		padding: 10px;
	}

	.ruddy-projects-page .ruddy-projects__name {
		font-weight: 500;
		letter-spacing: 2px;
		line-height: 14px;
		padding: 0;
	}
}

.ruddy-projects-page .ruddy-projects__item img {
	transition: transform .4s ease;
}

.ruddy-projects-page .ruddy-projects__item:hover img {
	transform: scale(1.1955);
}

.ruddy-projects-page .ruddy-projects__item:hover .ruddy-projects__name {
	margin-top: 3.4px;
}

.ruddy-projects-page .ruddy-projects__mobile-name {
	display: none;
}

@media (max-width: 640px) {
	.ruddy-projects-page .ruddy-projects__item:hover img {
		transform: scale(1.2);
	}

	.ruddy-projects-page .ruddy-projects__item:hover .ruddy-projects__name {
		margin-top: 0;
	}
}