/**
 * Layout Builder – Research Document CTA block.
 * Document mockup (cover + inside page peeking out behind it) + CTA.
 *
 * Class prefix is "research-doc-promo" (not "...-cta") on purpose —
 * site.min.css forces a[class*="cta"][href*="/contact"] to a yellow pill,
 * which would otherwise hijack this block's dark CTA button.
 */

.research-doc-promo {
	background: #ffd26c;
	padding: 72px 24px;
}

.research-doc-promo__inner {
	max-width: 1160px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	gap: 64px;
}

.research-doc-promo__mockup {
	flex: 0 0 300px;
	width: 300px;
}

.research-doc-promo__mockup-inner {
	position: relative;
	width: 100%;
	aspect-ratio: 4 / 3;
}

.research-doc-promo__page,
.research-doc-promo__cover {
	position: absolute;
	width: 62%;
	height: auto;
	border-radius: 4px;
	box-shadow: 0 18px 40px rgba(61, 66, 53, 0.28);
	display: block;
}

.research-doc-promo__page {
	top: 2%;
	left: 0;
	z-index: 1;
	transform: rotate(-9deg);
}

.research-doc-promo__cover {
	bottom: 0;
	right: 2%;
	z-index: 2;
	transform: rotate(6deg);
}

.research-doc-promo__content {
	flex: 1 1 auto;
	min-width: 0;
}

.research-doc-promo__heading {
	font-family: 'Montserrat', sans-serif;
	font-size: 32px;
	font-weight: 600;
	color: #3d4235;
	margin: 0 0 16px;
	line-height: 1.25;
}

.research-doc-promo__text {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #45483b;
	line-height: 1.7;
	margin: 0 0 28px;
	max-width: 520px;
}

.research-doc-promo__link-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #3d4235;
	color: #fff;
	padding: 16px 32px;
	border-radius: 999px;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	text-decoration: none;
	min-height: 48px;
	box-sizing: border-box;
}

.research-doc-promo__link-button:hover,
.research-doc-promo__link-button:focus {
	background-color: #2f3329;
	color: #fff;
}

@media (max-width: 900px) {
	.research-doc-promo { padding: 56px 20px; }
	.research-doc-promo__inner { flex-direction: column; gap: 36px; text-align: center; }
	.research-doc-promo__mockup { flex: 0 0 auto; width: 240px; }
	.research-doc-promo__content { text-align: center; }
	.research-doc-promo__text { margin-left: auto; margin-right: auto; }
	.research-doc-promo__heading { font-size: 26px; }
}

@media (max-width: 480px) {
	.research-doc-promo { padding: 44px 16px; }
	.research-doc-promo__mockup { width: 200px; }
	.research-doc-promo__heading { font-size: 22px; }
	.research-doc-promo__text { font-size: 15px; }
	.research-doc-promo__link-button { width: 100%; padding: 14px 20px; }
}