.artist-container {
	display: flex;
	flex-direction: column;
	gap: 16px;
	width: 100%;
}

.artist-image-container {
	background: linear-gradient(to bottom,
	var(--color-background-1-default) 0%,
	var(--color-background-1-default) 50%,
	var(--color-background-2-default) 50%,
	var(--color-background-2-default) 100%);
	text-align: center;
	margin: 40px 0 0 0;
}

.artist-image-container img {
	height: 148px;
	width: 148px;
}

.artist-info-container {
	background-color: var(--color-background-2-default);
	text-align: center;
	padding: 0 24px 0 24px;
}

.artist-info-container h2 {
	padding-top: 24px;
}

.artist-statistics-container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
	max-width: 720px;
	width: 100%;
	padding: 40px 0 40px 0;
	margin: auto;
}

.artist-statistics-container > :nth-child(3):last-child {
	grid-column: 1 / -1; /* Edge case: center third and last statistic card */
	justify-self: center;
	min-width: 270px;
}

.artist-about-container {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 40px 0 40px 0;
}

.artist-social-media-container {
	display: flex;
	gap: 16px;
	flex-direction: column;
}

.artist-social-media {
	width: 328px;
}

.artist-social-media th, .artist-social-media td {
	padding: 8px 16px 8px 0;
}

.artist-social-media th {
	text-transform: uppercase;
	text-align: left;
	width: 112px;
}

.artist-social-media-link {
	font: var(--font-m-regular);
}

.artist-social-media-link:active {
	color: var(--color-text-5-pressed);
}

.artist-container-divider {
	width: auto;
	height: 1px;
	background-color: var(--color-stroke-1-light);
}

@media screen and (min-width: 860px) {
	.artist-container {
		flex: 1;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 16px;
	}

	.artist-statistics-container {
		grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
	}

	.artist-statistics-container > :nth-child(3):last-child {
		grid-column: span 1;
		min-width: 100%;
	}

	.artist-about-container {
		flex-direction: row;
		justify-content: space-between;
		padding: 80px 0 80px 0;
	}

	.artist-social-media-container {
		flex-direction: row;
	}

	.artist-container-divider {
		width: 1px;
		height: auto;
	}

	.artist-info-container h2 {
		padding-top: 16px;
	}
}