/*
==========================================================
Customer Case Layout
==========================================================
*/
.case-page {
	background: var(--color-background);
}
.case-page .navbar .logo {
	flex-shrink: 0;
}
.case-page .nav-links a {
	text-decoration: none;
}
.case-main {
	padding-top: var(--navbar-height);
}
.case-back {
	margin-top: 2rem; text-align: center;
}
.case-back a {
	color: var(--color-primary);
	font-weight: var(--font-weight-semibold);
	text-decoration: none;
}
.case-back a:hover {
	text-decoration: underline;
}
.case-back a:focus-visible {
	outline: 3px solid var(--color-accent);
	outline-offset: 3px;
	border-radius: 2px;
}
/*
==========================================================
About Arteco
==========================================================
*/
.case-about {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 200px;
	gap: 3rem;
	align-items: center;
}
.case-about__logo {
	display: block;
	width: 100%;
	max-width: 200px;
	height: auto;
	justify-self: end;
}

@media (max-width: 940px) {
	.case-main {
		padding-top: var(--navbar-height-mobile);
	}
	.case-about {
		grid-template-columns: minmax(0, 1fr) 120px;
		gap: 1.5rem;
		align-items: center;
	}
	.case-about__logo {
		width: 120px;
		justify-self: end;
	}
}