/**
 * Artist profile banner — aspect-ratio on media wrapper so edit controls stay visible.
 * All banners currently use large (see plugin get_header_image_size).
 */
.artist-profile .pageHeaderImage.artist-profile-banner,
.artist-profile-banner {
	overflow: visible;
	width: 100%;
}

.artist-profile-banner__media {
	overflow: hidden;
	width: 100%;
	aspect-ratio: 14 / 5; /* large (between old medium 16/5 and old large 5/2) */
	max-height: 600px;
}

.artist-profile-banner--size-small .artist-profile-banner__media {
	aspect-ratio: 21 / 5;
}

.artist-profile-banner--size-medium .artist-profile-banner__media {
	aspect-ratio: 16 / 5;
}

.artist-profile-banner--size-large .artist-profile-banner__media {
	aspect-ratio: 14 / 5; /* ~2.8:1 — shorter than old large (5/2), taller than medium (16/5) */
}

/* Tablet: taller for all sizes */
@media (max-width: 768px) {
	.artist-profile-banner__media,
	.artist-profile-banner--size-medium .artist-profile-banner__media {
		aspect-ratio: 12 / 5;
	}

	.artist-profile-banner--size-small .artist-profile-banner__media {
		aspect-ratio: 16 / 5;
	}

	.artist-profile-banner--size-large .artist-profile-banner__media {
		aspect-ratio: 11 / 5; /* between tablet medium (12/5) and old tablet large (2/1) */
	}
}

/* Phone: a touch taller again */
@media (max-width: 600px) {
	.artist-profile-banner__media,
	.artist-profile-banner--size-medium .artist-profile-banner__media {
		aspect-ratio: 2 / 1;
	}

	.artist-profile-banner--size-small .artist-profile-banner__media {
		aspect-ratio: 14 / 5;
	}

	.artist-profile-banner--size-large .artist-profile-banner__media {
		aspect-ratio: 2 / 1; /* a little taller than desktop large, under 600px cap */
	}
}

.artist-profile-banner__media img,
.artist-profile .pageHeaderImage .artist-profile-banner__media img {
	width: 100% !important;
	height: 100% !important;
	min-height: 0 !important;
	max-height: none !important;
	object-fit: cover;
	display: block;
}

.artist-profile-banner__media .rba-aa-header-placeholder {
	width: 100%;
	height: 100%;
	min-height: 12rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #e8dfd4;
	color: #142333;
}

.artist-profile-banner > .rba-aa-edit-btn,
.pageHeaderImage.artist-profile-banner > .rba-aa-edit-btn {
	display: inline-block;
	margin-top: 0.75rem;
	position: relative;
	z-index: 2;
}

.artistEnquire {
	margin: 2rem 0 0.55em;
	font-size: 0.95rem;
	line-height: 1.4;
	font-weight: 400;
	color: #142333;
	opacity: 0.85;
}

.subMenu:has(.artistEnquire:not([hidden])) .webLink {
	margin-top: 1rem;
}

.innerListing .artworkGridMeta {
	margin: 0.2em 0 0;
	font-size: 0.82rem !important;
	line-height: 1.25 !important;
	font-weight: 600;
	color: #142333;
}

.innerListing li a:hover .artworkGridMeta {
	color: #142333;
}

.innerListing .artworkGridMeta-sold {
	color: #78625f;
}