/* Live Clutch review widget (index + about).

   The widget itself is a cross-origin iframe, so none of its internals can be
   styled from here — Clutch's panel is light and that is fixed. What this file
   does is sit it on the page properly: give it room, round the corner so the
   white block does not butt against the dark section as a hard rectangle, and
   style the "read all" link in the site's own voice. */

.px-clutch-embed {
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
}

.px-clutch-embed .clutch-widget {
	display: block;
	width: 100%;
	border-radius: 2px;
	overflow: hidden;
	/* the widget reports its own height back over postMessage and the script
	   sets it inline; this is only a floor so the section does not collapse
	   to nothing while that round-trip is in flight */
	min-height: 357px;
}

.px-clutch-embed .clutch-widget iframe {
	display: block;
	width: 100% !important;
	border: 0;
}

.px-clutch-more {
	margin: 18px 0 0;
	text-align: right;
	font-size: 13px;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.px-clutch-more a {
	color: var(--px-cream-soft, rgba(226, 224, 215, .72));
	text-decoration: none;
	transition: color .25s ease;
}

.px-clutch-more a:hover,
.px-clutch-more a:focus-visible {
	color: var(--px-red, #9C2016);
}

@media only screen and (max-width: 768px) {
	.px-clutch-embed .clutch-widget { min-height: 420px; }
	.px-clutch-more { text-align: left; }
}