🐞 fix: Recent posts updates

views/blocks/recent-posts/recent-posts.css

@@ -23,7 +23,7 @@
 
 .recent-posts__vector {
     display: block;
-    height: auto;
+    height: 100%;
     min-height: var(--recent-posts-vector-height);
     object-fit: cover;
     opacity: 0.75;
@@ -40,7 +40,7 @@
     display: grid;
     gap: clamp(1.5rem, 5vw, 5rem);
     grid-template-columns: minmax(0, 0.9fr) minmax(20rem, 1.1fr);
-    margin: 0 auto clamp(2rem, 4vw, 3.25rem);
+    margin: 3rem auto clamp(2rem, 4vw, 3.25rem);
     max-width: 1280px;
 }
 
@@ -60,6 +60,7 @@
 .recent-posts__intro {
     color: var(--color-dark);
     font-size: var(--text-20px);
+    font-weight: 300;
     line-height: 1.35;
     margin: 0;
     max-width: 44rem;
@@ -99,7 +100,7 @@
 
 .recent-posts__image-link {
     aspect-ratio: 397 / 250;
-    border-radius: 0.75rem 0.75rem 0 0;
+    border-radius: 1.25rem 1.25rem 0 0;
     display: block;
     max-height: 250px;
     max-width: 397px;

views/blocks/recent-posts/recent-posts.php

@@ -40,20 +40,17 @@ $wrapper = blockWrapperAttributes( $classes, $is_preview );
 		/>
 	</div>
 
-	<div class="recent-posts__inner container">
+	<div class="recent-posts__inner container px-0!">
 		<header class="recent-posts__header">
 			<h2 class="recent-posts__heading">
 				<?php echo esc_html__( 'Latest Insights', 'cwc' ); ?><span aria-hidden="true">.</span>
 			</h2>
 
-			<p class="recent-posts__intro">
+			<div class="recent-posts__intro">
 				<?php
-				echo esc_html__(
-					'Explore our latest articles on community, land stewardship, engagement and stories about our collaborations. We publish new insights every two months to share knowledge, project lessons, and emerging ideas shaping our work.',
-					'cwc'
-				);
+				echo wp_kses_post( get_field( 'intro' ) ?? '' );
 				?>
-			</p>
+			</div>
 		</header>
 
 		<?php if ( $recent_posts->have_posts() ) : ?>