<?php
/**
 * Title: Two Columns — Long Text
 * Slug: absolute-2026/two-columns-long-text
 * Description: A responsive text section with an editorial heading aligned to the top of longer body copy.
 * Categories: absolute-2026/sections, absolute-2026/text
 * Viewport Width: 1280
 */
?>

<!-- wp:group {"tagName":"section","align":"wide","className":"is-style-section-divider two-columns-long-text","layout":{"type":"default"}} -->
<section class="wp-block-group alignwide is-style-section-divider two-columns-long-text">
	<!-- wp:paragraph {"className":"is-style-eyebrow two-columns-long-text__eyebrow"} -->
	<p class="is-style-eyebrow two-columns-long-text__eyebrow"><?php echo esc_html_x( 'Section eyebrow', 'Sample eyebrow for the Two Columns — Long Text pattern', 'absolute-2026' ); ?></p>
	<!-- /wp:paragraph -->

	<!-- wp:heading {"className":"two-columns-long-text__heading"} -->
	<h2 class="wp-block-heading two-columns-long-text__heading"><?php echo esc_html_x( 'An editorial heading introduces a longer section of sustained body copy.', 'Sample heading for the Two Columns — Long Text pattern', 'absolute-2026' ); ?></h2>
	<!-- /wp:heading -->

	<!-- wp:group {"className":"two-columns-long-text__body","style":{"spacing":{"blockGap":"var:preset|spacing|100"}},"layout":{"type":"default"}} -->
	<div class="wp-block-group two-columns-long-text__body">
		<!-- wp:paragraph {"className":"is-style-lead"} -->
		<p class="is-style-lead"><?php echo esc_html_x( 'A concise lead opens the longer narrative.', 'Sample lead for the Two Columns — Long Text pattern', 'absolute-2026' ); ?></p>
		<!-- /wp:paragraph -->

		<!-- wp:paragraph -->
		<p><?php echo esc_html_x( 'Use this layout when the body copy needs more room than a short introductory section can comfortably provide.', 'First sample paragraph for the Two Columns — Long Text pattern', 'absolute-2026' ); ?></p>
		<!-- /wp:paragraph -->

		<!-- wp:paragraph -->
		<p><?php echo esc_html_x( 'The body begins level with the heading on larger screens, allowing both columns to remain easy to scan as the narrative continues.', 'Second sample paragraph for the Two Columns — Long Text pattern', 'absolute-2026' ); ?></p>
		<!-- /wp:paragraph -->

		<!-- wp:paragraph -->
		<p><?php echo esc_html_x( 'Additional paragraphs can develop the subject without forcing the heading toward the bottom of an unusually tall section.', 'Third sample paragraph for the Two Columns — Long Text pattern', 'absolute-2026' ); ?></p>
		<!-- /wp:paragraph -->

		<!-- wp:paragraph -->
		<p><?php echo esc_html_x( 'On smaller screens, the eyebrow, heading, lead, and body copy return to a straightforward single-column reading order.', 'Fourth sample paragraph for the Two Columns — Long Text pattern', 'absolute-2026' ); ?></p>
		<!-- /wp:paragraph -->
	</div>
	<!-- /wp:group -->
</section>
<!-- /wp:group -->
