/* Gallery-only chapters: alternating colour bands and layered paper photo mats. */
.sa-gallery-chapter {
	padding-block: clamp(3.5rem, 7vw, 6.5rem);
	color: var(--sa-ink);
}
.sa-gallery-chapter--paper { background: var(--sa-paper); }
.sa-gallery-chapter--sage { background: var(--sa-sage); }
.sa-gallery-chapter--sand { background: #efe7dc; }

.sa-gallery-chapter > .sa-gallery-chapter__header {
	box-sizing: border-box;
	display: grid;
	grid-template-columns: 56px minmax(0, 1fr);
	align-items: start;
	gap: clamp(1rem, 3vw, 2rem);
	width: 100%;
	max-width: 1160px;
	margin: 0 auto 2.75rem;
	padding: 0;
}
.sa-gallery-chapter__header > .sa-gallery-chapter__number {
	width: 100%;
	margin: 0 !important;
	padding-top: .4rem;
	border-top: 2px solid #899783;
	color: #64735f;
	font-family: Georgia, serif;
	font-size: 2rem;
	line-height: 1.2;
}
.sa-gallery-chapter__header > .sa-gallery-chapter__copy {
	width: 100%;
	max-width: none;
	min-width: 0;
	margin: 0 !important;
	padding: 0;
	text-align: left;
}
.sa-gallery-chapter__copy > .sa-eyebrow { margin: 0 0 .65rem !important; color: #64735f; }
.sa-gallery-chapter__copy > .sa-gallery-chapter__title {
	max-width: none;
	margin: 0 !important;
	font-size: clamp(1.8rem, 3vw, 2.6rem);
	line-height: 1.35;
}
.sa-gallery-chapter__title a {
	color: inherit;
	text-decoration: underline;
	text-decoration-color: rgba(100, 115, 95, .38);
	text-decoration-thickness: 1px;
	text-underline-offset: .16em;
}
.sa-gallery-chapter__title a:hover,
.sa-gallery-chapter__title a:focus-visible {
	text-decoration-color: currentColor;
	text-decoration-thickness: 1px;
}
.sa-gallery-chapter__title a:focus-visible {
	outline: 2px solid #64735f;
	outline-offset: .18em;
}
.sa-gallery-chapter__copy > .sa-gallery-chapter__lead {
	max-width: 58ch;
	margin: .9rem 0 0 !important;
	color: #60685e;
	font-size: .95rem;
	line-height: 1.9;
}

.sa-gallery-chapter > .sa-reference-gallery.wp-block-group {
	--sa-album-gap: clamp(1.25rem, 3vw, 2.5rem);
	box-sizing: border-box;
	width: 100%;
	max-width: 1160px;
	margin: 0 auto;
	padding: 0;
	gap: var(--sa-album-gap);
	align-items: start;
}
.sa-gallery-chapter .sa-reference-gallery > .sa-reference-photo {
	box-sizing: border-box;
	width: 100%;
	max-width: none;
	min-width: 0;
	margin: 0 !important;
	padding: clamp(.7rem, 1.4vw, 1rem);
	border: 1px solid rgba(63, 66, 61, .1);
	background: #fffdf9;
	box-shadow: 8px 8px 0 rgba(96, 111, 88, .09), 0 16px 28px rgba(58, 68, 54, .055);
}
.sa-gallery-chapter .sa-reference-photo img {
	display: block;
	width: 100%;
	height: clamp(240px, 28vw, 360px);
	object-fit: contain;
	background: transparent;
}
.sa-gallery-chapter .sa-reference-photo figcaption {
	margin: .85rem 0 .15rem;
	color: #60685e;
	font-size: .83rem;
	line-height: 1.65;
	text-align: center;
}
@media (min-width: 600px) {
	.sa-gallery-chapter .sa-reference-photo:nth-child(even) { margin-top: 1.5rem !important; }
	.sa-gallery-chapter .sa-reference-photo:last-child:nth-child(odd) {
		grid-column: 1 / -1;
		justify-self: center;
		width: calc((100% - var(--sa-album-gap)) / 2);
	}
}
@media (max-width: 599px) {
	.sa-gallery-chapter > .sa-gallery-chapter__header { grid-template-columns: 38px minmax(0, 1fr); gap: 1rem; margin-bottom: 1.8rem; }
	.sa-gallery-chapter__header > .sa-gallery-chapter__number { font-size: 1.6rem; }
	.sa-gallery-chapter__copy > .sa-gallery-chapter__title { font-size: 1.65rem; }
	.sa-gallery-chapter .sa-reference-gallery > .sa-reference-photo { padding: .65rem; box-shadow: 5px 5px 0 rgba(96, 111, 88, .09); }
	.sa-gallery-chapter .sa-reference-photo img { height: auto; max-height: 520px; object-fit: contain; }
}