/**
 * 121 Platform
 * Testimonial – Signature
 *
 * @package 121_Platform
 */

.nd-testimonial {
	margin: 0;
	padding-block: var(--wp--custom--section--space-standard);
}

.nd-testimonial__inner {
	width: min(100%, var(--wp--style--global--wide-size));
	max-width: var(--wp--style--global--wide-size);
	margin: 0 auto;
	padding-inline: var(--wp--custom--layout--gutter);
}

.nd-testimonial__inner > *,
.nd-testimonial__body > *,
.nd-testimonial__attribution > * {
	margin-block-start: 0;
	margin-block-end: 0;
}

.nd-testimonial__eyebrow {
	margin-bottom: var(--wp--preset--spacing--30);
}

.nd-testimonial__body {
	position: relative;
	max-width: 58rem;
	margin-left: var(--wp--preset--spacing--40);
	padding-left: var(--wp--preset--spacing--60);
}

.nd-testimonial__body::before {
	content: "“";
	position: absolute;
	top: 0.05em;
	left: 0;
	color: var(--wp--preset--color--accent);
	font-family: Georgia, serif;
	font-size: 3.25rem;
	font-weight: var(--wp--custom--typography--weight-regular);
	line-height: 1;
}

.nd-testimonial__quote {
	margin: 0;
	padding: 0;
	border: 0;
}

.nd-testimonial__quote p {
	margin: 0;
	color: var(--wp--preset--color--primary-dark);
	font-size: var(--wp--preset--font-size--large);
	font-weight: var(--wp--custom--typography--weight-regular);
	line-height: 1.45;
}

.nd-testimonial__attribution {
	display: grid;
	gap: var(--wp--preset--spacing--10);
	margin-top: var(--wp--preset--spacing--30);
}

.nd-testimonial__name {
	font-weight: var(--wp--custom--typography--weight-semibold);
	line-height: 1.4;
}

.nd-testimonial__role {
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.5;
}

@media (max-width: 700px) {
	.nd-testimonial {
		padding-block: var(--wp--custom--section--space-compact);
	}

	.nd-testimonial__body {
		max-width: none;
		padding-left: var(--wp--preset--spacing--40);
	}

	.nd-testimonial__quote p {
		font-size: var(--wp--preset--font-size--large);
	}
}

@media (max-width: 600px) {
	.nd-testimonial__inner {
		padding-inline: var(--wp--preset--spacing--40);
	}

	.nd-testimonial__body {
		padding-left: var(--wp--preset--spacing--50);
	}

	.nd-testimonial__quote p {
		font-size: var(--wp--preset--font-size--medium);
	}
}