/*! ===========================================================================
 *
 *    ██████╗ ███████╗ ██████╗    ██████╗  ██████╗ ██╗    ██╗███████╗██████╗
 *    ██╔══██╗██╔════╝██╔════╝    ██╔══██╗██╔═══██╗██║    ██║██╔════╝██╔══██╗
 *    ██████╔╝█████╗  ██║         ██████╔╝██║   ██║██║ █╗ ██║█████╗  ██████╔╝
 *    ██╔══██╗██╔══╝  ██║         ██╔═══╝ ██║   ██║██║███╗██║██╔══╝  ██╔══██╗
 *    ██║  ██║███████╗╚██████╗    ██║     ╚██████╔╝╚███╔███╔╝███████╗██║  ██║
 *    ╚═╝  ╚═╝╚══════╝ ╚═════╝    ╚═╝      ╚═════╝  ╚══╝╚══╝ ╚══════╝╚═╝  ╚═╝
 *
 *    REC Power — WordPress theme
 *    Designed & built by DG+ Agency
 *
 * =========================================================================== */

.case-study-hero { color: #150E40; }

.case-study-hero_body {
	min-height: 588px; display: flex; align-items: stretch;   
	background-image: linear-gradient(5.71deg, #FFE895 4.12%, #C0DEEF 95.17%);
}
.case-study-hero_body-inner {
	display: grid; grid-template-columns: 1fr 704px;
	align-items: center; gap: clamp(2rem, 5vw, 4rem);
	
}

.case-study-hero_typeline { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.25rem; }

.case-study-hero_eyebrow {
	font-family: var(--ty-font, "new-frank", system-ui, sans-serif);
	font-weight: 300; font-size: 14px; line-height: 1; letter-spacing: 1px;
	text-transform: uppercase; margin: 0; color: #150E40;
}

.case-study-hero_pill {
	display: inline-block;
	font-family: var(--ty-font, "new-frank", system-ui, sans-serif);
	font-weight: 400; font-size: 0.75rem; line-height: 1.4; letter-spacing: 0;
	text-transform: uppercase; color: #150E40;
	padding: 0.3em 0.85em; border-radius: 4px; background-color: #FBD600;
}

.case-study-hero_heading {
	font-family: var(--ty-font, "new-frank", system-ui, sans-serif);
	color: #150E40; margin: 0; 
}

.case-study-hero_divider { border: 0; border-top: 1px solid #837EA5; margin: 2rem 0; max-width: 30rem; }

.case-study-hero_impact {
	font-family: var(--ty-font, "new-frank", system-ui, sans-serif);
	font-weight: 700; font-size: 25px; line-height: 1.3; letter-spacing: 1px;
	color: #150E40; margin: 0.75rem 0 0; max-width: 28ch;
}

.case-study-hero_media { display: flex; justify-content: flex-end; }
.case-study-hero_img { width: 100%; max-width: 704px; height: 361px; object-fit: cover; display: block; }

@media (max-width: 900px) {
	.case-study-hero_body { min-height: 0; padding-block: 2.5rem; }
	.case-study-hero_body-inner { grid-template-columns: 1fr; }
	.case-study-hero_heading { font-size: clamp(2rem, 7vw, 45px); }
	.case-study-hero_media { justify-content: stretch; }
	.case-study-hero_img { height: auto; aspect-ratio: 704 / 361; }
}

.case-study-body { padding-block: var(--wp--preset--spacing--60); color: var(--wp--preset--color--white); }
.case-study-body_grid { display: grid; grid-template-columns: 1fr 360px; gap: clamp(2rem, 5vw, 5rem); align-items: start; }

.case-study-body_quote { border-left: 4px solid var(--wp--preset--color--yellow); margin: 0 0 var(--wp--preset--spacing--50); padding-left: 1.5rem; }
.case-study-body_quote p { font-family: var(--ty-font, "new-frank", system-ui, sans-serif); font-weight: 500; font-size: 30px; line-height: 1.46; letter-spacing: 0; margin: 0; color: var(--wp--preset--color--white); }
.case-study-body_quote cite { display: block; margin-top: 1.25rem; font-style: normal; font-family: var(--ty-font, "new-frank", system-ui, sans-serif); font-weight: 400; font-size: 16px; line-height: 1.46; letter-spacing: 0; color: rgba(255, 255, 255, 0.85); }

.case-study-body_section { border-top: 2px solid #FFFFFF; padding-top: var(--wp--preset--spacing--30); margin-top: var(--wp--preset--spacing--30); }
.case-study-body_section:first-of-type { margin-top: 0; }
.case-study-body_section-heading { font-family: var(--ty-font, "new-frank", system-ui, sans-serif); font-weight: 500; font-size: 30px; line-height: 1.2; letter-spacing: 0; color: var(--wp--preset--color--white); margin: 0 0 1rem; }
.case-study-body_section p { font-size: 1.0625rem; line-height: 1.6; color: rgba(255, 255, 255, 0.85); margin: 0 0 1rem; }
.case-study-body_section ul { margin: 0; padding-left: 1.2rem; }
.case-study-body_section li { font-size: 1.0625rem; line-height: 1.6; color: rgba(255, 255, 255, 0.85); margin-bottom: 0.5rem; }

.case-study-body_main blockquote {
	border-left: 4px solid #FBD600;   
	padding-left: 44px;               
	margin-left: 0;                   
	margin-bottom: 55px;              
}
.case-study-body_main blockquote p {
	font-family: var(--ty-font);
	font-weight: 500;
	font-size: 30px;
	line-height: 1.46;
	color: var(--wp--preset--color--white);
	margin: 0;
}
.case-study-body_main blockquote cite {
	display: block;
	margin-top: 1.25rem;
	font-style: normal;
	color: #FFFFFF;                   
	font-family: var(--ty-font);
	font-size: 16px;
	font-weight: 400;
	line-height: 23.36px;             
	letter-spacing: 0;
}

.case-study-body_main .wp-block-heading {
	border-top: 2px solid #FFFFFF;
	padding-top: var(--wp--preset--spacing--30);
	margin-top: var(--wp--preset--spacing--40);
}
.case-study-body_main .wp-block-heading:first-of-type {
	margin-top: 0;   
}

.case-study-body_main > .case-study-body_section--fallback {
	border-top: 0;
	padding-top: 0;
	margin-top: 0;
}

.case-study-body_main blockquote cite::before,
.case-study-body_quote cite::before {
	content: "— ";
}

.case-study-body_infocard { background: var(--wp--preset--color--white); color: var(--wp--preset--color--dark-navy); padding: clamp(1.5rem, 3vw, 2.25rem); }
.case-study-body_infocard-heading { font-family: var(--ty-font, "new-frank", system-ui, sans-serif); font-weight: 700; font-size: 1.25rem; line-height: 1.2; letter-spacing: 1px; text-transform: uppercase; margin: 0 0 1.25rem; color: var(--wp--preset--color--dark-navy); }
.case-study-body_inforow { padding: 1rem 0; border-top: 1px solid rgba(20, 14, 62, 0.15); }
.case-study-body_inforow:first-of-type { border-top: 0; padding-top: 0; }
.case-study-body_info-label { font-family: var(--ty-font, "new-frank", system-ui, sans-serif); font-weight: 300; font-size: 14px; line-height: 1; letter-spacing: 1px; text-transform: uppercase; color: rgba(20, 14, 62, 0.7); margin: 0 0 0.4rem; }
.case-study-body_info-value { font-family: var(--ty-font, "new-frank", system-ui, sans-serif); font-weight: 700; font-size: 1.0625rem; line-height: 1.3; letter-spacing: 0; color: var(--wp--preset--color--dark-navy); margin: 0; }

@media (max-width: 900px) { .case-study-body_grid { grid-template-columns: 1fr; } }

@media (min-width: 901px) {
	.case-study-body_sidebar {
		position: sticky;
		top: 100px;
		align-self: start;
	}
}

.case-study-related {
	
	padding-block: 0 var(--wp--preset--spacing--70);
	font-family: var(--ty-font, "new-frank", system-ui, sans-serif);
}
.case-study-related_inner {
	border-top: 2px solid #FFFFFF;   
	padding-top: var(--wp--preset--spacing--70);
}
.case-study-related_header { margin-bottom: clamp(2.5rem, 6vw, 4rem); }
.case-study-related .case-study-related_grid { gap: 39px; }