/**/
/*** RESPONSIVE REFINEMENTS ***/
/**/

@media screen and (max-width: 64rem) {
	:root {
		--nav-height: 5rem;
	}

	.columns__item h3 {
		font-size: clamp(1.6rem, 3.75vw, 2.5rem);
	}
}

@media screen and (max-width: 47.999rem) {
	:root {
		--nav-height: 4.75rem;
	}

	.navigation {
		min-height: var(--nav-height);
	}

	.navigation__logo {
		width: 9.5rem;
	}

	.chapter-heading__content,
	.chapter-heading--opening .chapter-heading__content {
		min-height: 15rem;
	}

	.title-text h3 {
		max-width: none;
	}

	.columns__items,
	.image-text-row {
		gap: var(--gap-32);
	}

	.columns__item,
	.image-text-row__content,
	.image-text-row__media {
		min-width: 100%;
	}

	.image-grid__items,
	.color-swatches {
		align-items: stretch;
	}

	.image-card,
	.color-card {
		min-width: 0;
	}

	.image-card__media {
		min-height: 10rem;
	}

	.color-card__swatch {
		min-height: 11rem;
	}

	.type-sample__text {
		font-size: clamp(1.5rem, 8vw, 3rem);
	}

	.site-footer .grid-container {
		align-items: flex-start;
	}
}