/* ==========================================================================
   Reviews — guest notes laid out like pinned cards.
   ========================================================================== */

.mro-reviews {
	background: var(--wp--preset--color--mint-soft);
	padding-block: var(--wp--preset--spacing--60) var(--wp--preset--spacing--80);
}

.mro-reviews__head {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
	gap: var(--wp--preset--spacing--60) var(--wp--preset--spacing--80);
	align-items: end;
	margin-bottom: var(--wp--preset--spacing--80);
}

.mro-reviews__head p {
	font-size: var(--wp--preset--font-size--md);
}

.mro-notes {
	columns: 3 18rem;
	column-gap: var(--wp--preset--spacing--60);
}

.mro-note {
	break-inside: avoid;
	margin-bottom: var(--wp--preset--spacing--60);
	padding: var(--wp--preset--spacing--60) var(--wp--preset--spacing--50) var(--wp--preset--spacing--50);
	border-radius: var(--wp--custom--radius--note);
	background: var(--wp--preset--color--base);
	box-shadow: var(--wp--preset--shadow--soft);
}

.mro-note--a {
	transform: rotate(-0.8deg);
}

.mro-note--b {
	transform: rotate(0.6deg);
}

.mro-note--c {
	transform: rotate(-0.3deg);
}

.mro-note blockquote::before {
	content: "\201C";
	display: block;
	height: 0.55em;
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--xxxl);
	line-height: 1;
	color: var(--wp--preset--color--accent);
}

.mro-note__by {
	display: flex;
	flex-direction: column;
	margin-top: var(--wp--preset--spacing--40);
	padding-top: var(--wp--preset--spacing--30);
	border-top: var(--wp--custom--stroke--hand) dashed var(--wp--preset--color--line);
}

.mro-note__by span {
	font-size: var(--wp--preset--font-size--sm);
	color: var(--wp--preset--color--muted);
}

.mro-note--feature {
	padding: var(--wp--preset--spacing--70) var(--wp--preset--spacing--70) var(--wp--preset--spacing--70);
	background: var(--wp--preset--color--accent-strong);
	color: var(--wp--preset--color--base);
	border-radius: 2.5rem 4rem 2.25rem 3.5rem / 3rem 2.5rem 4rem 2.25rem;
	transform: rotate(0.4deg);
}

.mro-note--feature blockquote p {
	font-size: var(--wp--preset--font-size--md);
	font-weight: var(--wp--custom--weight--medium);
}

.mro-note--feature blockquote::before {
	color: var(--wp--preset--color--mint);
}

.mro-note--feature .mro-note__by {
	border-top-color: var(--wp--preset--color--mint);
}

.mro-note--feature .mro-note__by span {
	color: var(--wp--preset--color--mint-faint);
}

.mro-reviews__more {
	margin-top: var(--wp--preset--spacing--50);
	text-align: center;
}

@media (max-width: 860px) {
	.mro-reviews__head {
		grid-template-columns: minmax(0, 1fr);
		margin-bottom: var(--wp--preset--spacing--60);
	}
}

@media (max-width: 640px) {
	.mro-notes {
		columns: 1;
	}

	.mro-note--feature {
		border-radius: var(--wp--custom--radius--note);
	}
}