.exhibition-callout {
	background: #111313;
	color: #fff;
}

.exhibition-callout__inner {
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr);
	align-items: end;
	gap: clamp(50px, 9vw, 150px);
	max-width: var(--site-container, 1400px);
	margin: 0 auto;
	padding: clamp(75px, 9vw, 130px) var(--site-gutter, 40px);
}

.exhibition-callout .section-kicker { color: #9ca3a1; }
.exhibition-callout h2 {
	margin: 0;
	color: #fff;
	font: 400 clamp(54px, 7vw, 108px)/.9 "Dosis", sans-serif;
	letter-spacing: 0;
	text-transform: uppercase;
}
.exhibition-callout__body { max-width: 470px; padding-bottom: 6px; }
.exhibition-callout__body p { margin: 0 0 30px; color: #c9ccca; font-size: 16px; line-height: 1.75; }
.exhibition-callout__body a,
.exhibition-inline-link,
.artwork-exhibition-link {
	display: inline-flex;
	align-items: center;
	gap: 24px;
	padding: 11px 0;
	border-bottom: 1px solid currentColor;
	font: 700 10px/1.2 "Open Sans", sans-serif;
	text-transform: uppercase;
}
.exhibition-callout__body a { color: #fff; }
.exhibition-callout__body a:hover,
.exhibition-callout__body a:focus { color: #e06750; }

.drawings-gallery__intro { align-self: end; }
.drawings-gallery__intro > p { margin: 0 0 20px; color: #666b6b; font-size: 14px; line-height: 1.8; }
.exhibition-inline-link { color: #111; }
.exhibition-inline-link:hover,
.exhibition-inline-link:focus { color: #e06750; }

.artwork-exhibition-link {
	position: absolute;
	top: 140px;
	right: 0;
	color: rgba(255,255,255,.86);
}
.artwork-exhibition-link:hover,
.artwork-exhibition-link:focus { color: #fff; }

@media (max-width: 767px) {
	.exhibition-callout__inner { grid-template-columns: 1fr; gap: 34px; padding-right: 24px; padding-left: 24px; }
	.exhibition-callout__body { max-width: none; }
	.artwork-exhibition-link { top: 154px; right: 24px; }
}