<?php
/**
 * Title: Results
 * Slug: absolute-2026/results
 * Description: A responsive results section with introductory copy, three statistic cards, and a centered callout.
 * Categories: absolute-2026/sections, absolute-2026/highlights
 * Keywords: results, statistics, metrics, outcomes
 * Viewport Width: 1280
 */
?>

<!-- wp:group {"tagName":"section","align":"wide","className":"is-style-section-divider results-section","style":{"spacing":{"blockGap":"var:preset|spacing|200"}},"layout":{"type":"default"}} -->
<section class="wp-block-group alignwide is-style-section-divider results-section">
	<!-- wp:group {"className":"results-section__intro","style":{"spacing":{"blockGap":"var:preset|spacing|100"}},"layout":{"type":"constrained","contentSize":"640px","justifyContent":"left"}} -->
	<div class="wp-block-group results-section__intro">
		<!-- wp:heading -->
		<h2 class="wp-block-heading"><?php echo esc_html_x( 'Results', 'Sample heading for the Results pattern', 'absolute-2026' ); ?></h2>
		<!-- /wp:heading -->

		<!-- wp:paragraph {"className":"is-style-lead"} -->
		<p class="is-style-lead"><?php echo esc_html_x( 'A concise lead summarizes the project’s most important outcomes and establishes context for the supporting metrics.', 'Sample lead for the Results pattern', 'absolute-2026' ); ?></p>
		<!-- /wp:paragraph -->
	</div>
	<!-- /wp:group -->

	<!-- wp:columns {"className":"results-grid"} -->
	<div class="wp-block-columns results-grid">
		<!-- wp:column -->
		<div class="wp-block-column">
			<!-- wp:group {"tagName":"article","className":"result-card","style":{"spacing":{"blockGap":"var:preset|spacing|050"}},"layout":{"type":"default"}} -->
			<article class="wp-block-group result-card">
				<!-- wp:paragraph {"className":"result-card__value"} -->
				<p class="result-card__value"><?php echo esc_html_x( 'Result Stat', 'First sample statistic for the Results pattern', 'absolute-2026' ); ?></p>
				<!-- /wp:paragraph -->

				<!-- wp:paragraph -->
				<p><?php echo esc_html_x( 'Describe the meaning and value of this result.', 'First sample result description for the Results pattern', 'absolute-2026' ); ?></p>
				<!-- /wp:paragraph -->
			</article>
			<!-- /wp:group -->
		</div>
		<!-- /wp:column -->

		<!-- wp:column -->
		<div class="wp-block-column">
			<!-- wp:group {"tagName":"article","className":"result-card","style":{"spacing":{"blockGap":"var:preset|spacing|050"}},"layout":{"type":"default"}} -->
			<article class="wp-block-group result-card">
				<!-- wp:paragraph {"className":"result-card__value"} -->
				<p class="result-card__value"><?php echo esc_html_x( 'Result Stat', 'Second sample statistic for the Results pattern', 'absolute-2026' ); ?></p>
				<!-- /wp:paragraph -->

				<!-- wp:paragraph -->
				<p><?php echo esc_html_x( 'Describe the meaning and value of this result.', 'Second sample result description for the Results pattern', 'absolute-2026' ); ?></p>
				<!-- /wp:paragraph -->
			</article>
			<!-- /wp:group -->
		</div>
		<!-- /wp:column -->

		<!-- wp:column -->
		<div class="wp-block-column">
			<!-- wp:group {"tagName":"article","className":"result-card","style":{"spacing":{"blockGap":"var:preset|spacing|050"}},"layout":{"type":"default"}} -->
			<article class="wp-block-group result-card">
				<!-- wp:paragraph {"className":"result-card__value"} -->
				<p class="result-card__value"><?php echo esc_html_x( 'Result Stat', 'Third sample statistic for the Results pattern', 'absolute-2026' ); ?></p>
				<!-- /wp:paragraph -->

				<!-- wp:paragraph -->
				<p><?php echo esc_html_x( 'Describe the meaning and value of this result.', 'Third sample result description for the Results pattern', 'absolute-2026' ); ?></p>
				<!-- /wp:paragraph -->
			</article>
			<!-- /wp:group -->
		</div>
		<!-- /wp:column -->
	</div>
	<!-- /wp:columns -->

	<!-- wp:paragraph {"className":"is-style-callout results-section__callout"} -->
	<p class="is-style-callout results-section__callout"><?php echo esc_html_x( 'Use a concise statement to reinforce the broader outcome.', 'Primary sample callout for the Results pattern', 'absolute-2026' ); ?> <span><?php echo esc_html_x( 'This quieter passage can complete the thought with additional context.', 'Secondary sample callout for the Results pattern', 'absolute-2026' ); ?></span></p>
	<!-- /wp:paragraph -->
</section>
<!-- /wp:group -->
