.museum-about > .museum-section {
	padding-block: clamp(2rem, 4vw, 3rem);
}

.museum-about__intro-grid {
	display: block;
}

.museum-about__intro-copy.museum-prose {
	width: 100%;
	max-width: none;
}

.museum-about__intro-copy h2,
.museum-about__history h2,
.museum-about__section-heading h2 {
	margin-block-start: 0;
}

.museum-about__intro-media,
.museum-about__gallery-grid figure {
	margin: 0;
	overflow: hidden;
	border-radius: var(--museum-radius-md);
	background: var(--museum-color-surface);
}

.museum-about__intro-media img {
	width: 100%;
	min-height: 24rem;
	height: 100%;
	object-fit: cover;
}

.museum-about__history {
	background: var(--museum-color-bg);
}

.museum-about__history .museum-text-large {
	max-width: 46ch;
}

.museum-about__section-heading {
	max-width: 48rem;
	margin-block-end: var(--museum-space-6);
}

.museum-about__gallery {
	background: var(--museum-color-brand-dark);
	color: var(--museum-color-surface);
}

.museum-about__gallery .museum-about__section-heading h2,
.museum-about__gallery .museum-about__section-heading p {
	color: inherit;
}

.museum-about__gallery-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--museum-space-5);
}

.museum-about__gallery-grid img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

.museum-about__gallery-grid figcaption {
	padding: var(--museum-space-3) var(--museum-space-4);
	color: var(--museum-color-text-muted);
	font-size: var(--museum-text-body-sm);
}

.museum-about__collections {
	background: var(--museum-color-bg);
}

.museum-about__collections-cta {
	margin-block: var(--museum-space-8) 0;
	text-align: center;
}

@media (max-width: 1023px) {
	.museum-about__intro-media img {
		min-height: 18rem;
		max-height: 30rem;
	}

	.museum-about__gallery-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 599px) {
	.museum-about__gallery-grid,
	.museum-about__collection-grid {
		grid-template-columns: 1fr;
	}
}