body.page-testimonials {

	--test-muted: #555;
	--test-body-width: 700px;

	main.site-main.container {
		max-width: var(--container);
	}

	.ff-section--narrow {
		max-width: 820px;
	}

	h1 {
		font-family: var(--test-heading-serif);
		font-weight: 300;
		letter-spacing: 0.04em;
		font-size: clamp(2.8rem, 6vw, 4rem);
		text-transform: uppercase;
		line-height: 1.1;
		margin: 0 0 1.8rem;
		text-align: left;
		text-decoration: underline;
		text-decoration-thickness: 2px;
		text-underline-offset: 0.35em;
		text-decoration-color: var(--ff-border);
	}

	h3 {
		font-family: var(--test-heading-serif);
		font-weight: 700;
		font-size: 1rem;
		text-transform: uppercase;
		letter-spacing: 0.16em;
		margin: 0 0 0.2rem;
	}

	p {
		font-family: var(--test-serif);
		font-size: 0.96rem;
		line-height: 1.7;
		max-width: var(--test-body-width);
		margin: 0 0 0.9rem;
		color: #333;
	}

	h3.test-heading-center {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}

	img {
		border-radius: 18px;
		box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
	}

	.wp-block-image + p {
		font-size: 0.85rem;
		line-height: 1.5;
		color: var(--test-muted);
		max-width: 480px;
		margin: 0.4rem auto 0;
		text-align: center;
	}

	.ff-section {
		margin: 44px auto;
	}

	.ff-section.ff-section--narrow {
		margin: 36px auto;
	}

	.test-letters {
		column-gap: 32px;
		align-items: flex-start;

		.wp-block-column p {
			max-width: 100%;
			border: 1px solid #111;
			padding: 24px 20px;
			background: none;
		}
	}

	.test-portraits {

		.wp-block-column {
			display: flex;
			justify-content: center;
		}

		.wp-block-image {
			max-width: 220px;
			margin: 0 auto;
		}
	}

	.test-image-only {
		text-align: center;

		.wp-block-image {
			margin-left: auto;
			margin-right: auto;
		}

		> p {
			margin-left: auto;
			margin-right: auto;
		}

		.wp-block-columns {
			align-items: stretch;

			.wp-block-column:first-child {
				flex-basis: 75% !important;
			}

			.wp-block-column:last-child {
				flex-basis: 25% !important;
			}

			img {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}

			.wp-block-image {
				height: 100%;
			}
		}
	}

	.test-card {
		border: 1px solid #111;
		padding: 28px 24px;
		background: none;
		max-width: 780px;
		margin: 0 auto 24px;
		text-align: left;

		p {
			max-width: 100%;
			margin-bottom: 0.9rem;
		}

		p:last-of-type {
			margin-bottom: 0;
		}

		.test-meta {
			text-align: left;
		}
	}

	.test-meta {
		font-size: 0.88rem;
		line-height: 1.5;
		color: var(--test-muted);
		font-style: normal;
		text-align: center;
		margin: 0.2rem auto 0.9rem;
	}

	@media (max-width: 782px) {

		.test-letters .wp-block-column,
		.test-portraits .wp-block-column {
			margin-bottom: 20px;
		}

		.test-letters .wp-block-column p {
			max-width: 100%;
		}
	}
}