<?php
/**
 * Title: Work
 * Slug: absolute-2026/page-work
 * Description: A complete portfolio index with featured projects, detailed work sections, supporting media, and a closing call to action.
 * Categories: absolute-2026/pages
 * Keywords: work, portfolio, projects, starter page
 * Viewport Width: 1280
 */
?>

<!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|150","left":"var:preset|spacing|150"}}},"gradient":"background-blend","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-background-blend-gradient-background has-background" style="padding-right:var(--wp--preset--spacing--150);padding-left:var(--wp--preset--spacing--150)"><!-- wp:group {"tagName":"section","metadata":{"categories":["absolute-2026/heroes"],"patternName":"absolute-2026/hero","name":"Hero"},"align":"wide","className":"is-style-section hero-layout","layout":{"type":"default"}} -->
<section class="wp-block-group alignwide is-style-section hero-layout"><!-- wp:group {"className":"hero-layout__intro","style":{"spacing":{"blockGap":"var:preset|spacing|150"}},"layout":{"type":"default"}} -->
<div class="wp-block-group hero-layout__intro"><!-- wp:paragraph {"className":"is-style-eyebrow"} -->
<p class="is-style-eyebrow"><?php echo esc_html_x( 'Page eyebrow', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":1,"fontSize":"abs-h-one-hero"} -->
<h1 class="wp-block-heading has-abs-h-one-hero-font-size"><?php echo esc_html_x( 'Work', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></h1>
<!-- /wp:heading --></div>
<!-- /wp:group -->

<!-- wp:image {"aspectRatio":"5/4","scale":"cover","sizeSlug":"full","linkDestination":"none","className":"is-style-framed hero-layout__media"} -->
<figure class="wp-block-image size-full is-style-framed hero-layout__media"><img src="<?php echo esc_url( get_theme_file_uri( 'assets/images/image.png' ) ); ?>" alt="" style="aspect-ratio:5/4;object-fit:cover"/></figure>
<!-- /wp:image -->

<!-- wp:group {"className":"hero-layout__lower","style":{"spacing":{"blockGap":"var:preset|spacing|250"}},"layout":{"type":"default"}} -->
<div class="wp-block-group hero-layout__lower"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|025"}},"layout":{"type":"default"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"className":"is-style-lead"} -->
<p class="is-style-lead"><?php echo esc_html_x( 'Page-specific hero lead copy.', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p><?php echo esc_html_x( 'Page-specific supporting copy expands on the message and gives readers context before they continue.', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:buttons {"style":{"spacing":{"blockGap":"var:preset|spacing|075"}},"layout":{"type":"flex","flexWrap":"wrap"}} -->
<div class="wp-block-buttons"><!-- wp:button {"className":"is-style-section-link"} -->
<div class="wp-block-button is-style-section-link"><a class="wp-block-button__link wp-element-button" href="#section-one"><?php echo esc_html_x( 'Featured panels', 'Sample section link for the Work starter page pattern', 'absolute-2026' ); ?></a></div>
<!-- /wp:button -->

<!-- wp:button {"className":"is-style-section-link"} -->
<div class="wp-block-button is-style-section-link"><a class="wp-block-button__link wp-element-button" href="#section-two"><?php echo esc_html_x( 'Supporting cards one', 'Sample section link for the Work starter page pattern', 'absolute-2026' ); ?></a></div>
<!-- /wp:button -->

<!-- wp:button {"className":"is-style-section-link"} -->
<div class="wp-block-button is-style-section-link"><a class="wp-block-button__link wp-element-button" href="#section-three"><?php echo esc_html_x( 'Supporting cards two', 'Sample section link for the Work starter page pattern', 'absolute-2026' ); ?></a></div>
<!-- /wp:button -->

<!-- wp:button {"className":"is-style-section-link"} -->
<div class="wp-block-button is-style-section-link"><a class="wp-block-button__link wp-element-button" href="#section-four"><?php echo esc_html_x( 'Image and text one', 'Sample section link for the Work starter page pattern', 'absolute-2026' ); ?></a></div>
<!-- /wp:button -->

<!-- wp:button {"className":"is-style-section-link"} -->
<div class="wp-block-button is-style-section-link"><a class="wp-block-button__link wp-element-button" href="#section-five"><?php echo esc_html_x( 'Image and text two', 'Sample section link for the Work starter page pattern', 'absolute-2026' ); ?></a></div>
<!-- /wp:button -->

<!-- wp:button {"className":"is-style-section-link"} -->
<div class="wp-block-button is-style-section-link"><a class="wp-block-button__link wp-element-button" href="#section-six"><?php echo esc_html_x( 'Single image', 'Sample section link for the Work starter page pattern', 'absolute-2026' ); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></section>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|150","left":"var:preset|spacing|150"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="padding-right:var(--wp--preset--spacing--150);padding-left:var(--wp--preset--spacing--150)"><!-- wp:group {"tagName":"section","metadata":{"categories":["absolute-2026/highlights"],"patternName":"absolute-2026/featured-panels","name":"Featured Panels"},"align":"wide","className":"is-style-section-divider featured-panels","layout":{"type":"default"},"anchor":"section-one"} -->
<section class="wp-block-group alignwide is-style-section-divider featured-panels" id="section-one"><!-- wp:group {"className":"featured-panels__intro","style":{"spacing":{"blockGap":"var:preset|spacing|100"}},"layout":{"type":"default"}} -->
<div class="wp-block-group featured-panels__intro"><!-- wp:paragraph {"className":"is-style-eyebrow"} -->
<p class="is-style-eyebrow"><?php echo esc_html_x( 'Section eyebrow', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 class="wp-block-heading"><?php echo esc_html_x( 'Featured panels', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p><?php echo esc_html_x( 'Introduce the featured offerings, projects, or destinations collected in this section.', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"is-style-card featured-panel-card","layout":{"type":"default"}} -->
<div class="wp-block-group is-style-card featured-panel-card"><!-- wp:paragraph {"className":"featured-panel-card__label"} -->
<p class="featured-panel-card__label"><?php echo esc_html_x( 'Case study 01', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading"><?php echo esc_html_x( 'Case study title', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p><?php echo esc_html_x( 'Use concise supporting copy to explain why this featured item deserves the reader’s attention.', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"featured-panel-card__link"} -->
<p class="featured-panel-card__link"><a href="#"><?php echo esc_html_x( 'View case study →', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"is-style-card featured-panel-card","layout":{"type":"default"}} -->
<div class="wp-block-group is-style-card featured-panel-card"><!-- wp:paragraph {"className":"featured-panel-card__label"} -->
<p class="featured-panel-card__label"><?php echo esc_html_x( 'Case study 02', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading"><?php echo esc_html_x( 'Case study title', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p><?php echo esc_html_x( 'Use concise supporting copy to explain why this featured item deserves the reader’s attention.', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"featured-panel-card__link"} -->
<p class="featured-panel-card__link"><a href="#"><?php echo esc_html_x( 'View case study →', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></section>
<!-- /wp:group -->

<!-- wp:group {"tagName":"section","metadata":{"categories":["absolute-2026/sections"],"patternName":"absolute-2026/two-columns-image-supporting","name":"Two Columns — Image + Supporting Cards"},"align":"wide","className":"is-style-section-divider two-columns-image-supporting","layout":{"type":"default"},"anchor":"section-two"} -->
<section class="wp-block-group alignwide is-style-section-divider two-columns-image-supporting" id="section-two"><!-- wp:group {"className":"two-columns-image-supporting__content","style":{"spacing":{"blockGap":"var:preset|spacing|100"}},"layout":{"type":"default"}} -->
<div class="wp-block-group two-columns-image-supporting__content"><!-- wp:group {"className":"two-columns-image-supporting__intro","style":{"spacing":{"blockGap":"var:preset|spacing|100"}},"layout":{"type":"default"}} -->
<div class="wp-block-group two-columns-image-supporting__intro"><!-- wp:paragraph {"className":"is-style-eyebrow"} -->
<p class="is-style-eyebrow"><?php echo esc_html_x( 'Section eyebrow', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"style":{"border":{"bottom":{"color":"var:preset|color|border","style":"solid","width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|100"}}}} -->
<h2 class="wp-block-heading" style="border-bottom-color:var(--wp--preset--color--border);border-bottom-style:solid;border-bottom-width:1px;padding-bottom:var(--wp--preset--spacing--100)"><?php echo esc_html_x( 'Two-columns plus Supporting Cards', 'Sample content for the Work starter page 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 introduces the section and its supporting material.', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"two-columns-image-supporting__lower","style":{"spacing":{"blockGap":"var:preset|spacing|200"}},"layout":{"type":"default"}} -->
<div class="wp-block-group two-columns-image-supporting__lower"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|100"}},"layout":{"type":"default"}} -->
<div class="wp-block-group"><!-- wp:paragraph -->
<p><?php echo esc_html_x( 'Use this area to develop the section’s main idea and provide context for the accompanying material.', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p><?php echo esc_html_x( 'Additional copy can explain the work, service, or subject in enough detail to support the next action.', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button" href="#"><?php echo esc_html_x( 'Learn more →', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"two-columns-image-supporting__media","style":{"spacing":{"blockGap":"var:preset|spacing|150"}},"layout":{"type":"default"}} -->
<div class="wp-block-group two-columns-image-supporting__media"><!-- wp:image {"aspectRatio":"4/3","scale":"cover","sizeSlug":"full","linkDestination":"none","className":"is-style-framed two-columns-image-supporting__primary-media"} -->
<figure class="wp-block-image size-full is-style-framed two-columns-image-supporting__primary-media"><img src="<?php echo esc_url( get_theme_file_uri( 'assets/images/image.png' ) ); ?>" alt="" style="aspect-ratio:4/3;object-fit:cover"/></figure>
<!-- /wp:image -->

<!-- wp:group {"className":"two-columns-image-supporting__cards","style":{"spacing":{"blockGap":"var:preset|spacing|150"}},"layout":{"type":"default"}} -->
<div class="wp-block-group two-columns-image-supporting__cards"><!-- wp:group {"className":"is-style-supporting-card","layout":{"type":"default"}} -->
<div class="wp-block-group is-style-supporting-card"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|100","padding":{"top":"var:preset|spacing|150","right":"var:preset|spacing|150","bottom":"var:preset|spacing|150","left":"var:preset|spacing|150"}}},"backgroundColor":"surface-soft","layout":{"type":"default"}} -->
<div class="wp-block-group has-surface-soft-background-color has-background" style="padding-top:var(--wp--preset--spacing--150);padding-right:var(--wp--preset--spacing--150);padding-bottom:var(--wp--preset--spacing--150);padding-left:var(--wp--preset--spacing--150)"><!-- wp:heading {"level":3,"style":{"border":{"bottom":{"color":"var:preset|color|border","style":"solid","width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|100"}}}} -->
<h3 class="wp-block-heading" style="border-bottom-color:var(--wp--preset--color--border);border-bottom-style:solid;border-bottom-width:1px;padding-bottom:var(--wp--preset--spacing--100)"><?php echo esc_html_x( 'Supporting heading', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></h3>
<!-- /wp:heading -->

<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|075"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"className":"is-style-lead","fontSize":"abs-large"} -->
<p class="is-style-lead has-abs-large-font-size"><?php echo esc_html_x( 'Supporting lead copy.', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"fontSize":"abs-ui"} -->
<p class="has-abs-ui-font-size"><?php echo esc_html_x( 'Add concise supporting copy that expands on this item and gives readers enough context to take the next step. This pattern benefits from longer blocks of copy.', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"fontSize":"abs-ui"} -->
<p class="has-abs-ui-font-size"><?php echo esc_html_x( 'This pattern benefits from longer blocks of copy. Quae enim cupiditates a natura proficiscuntur, facile explentur sine ulla iniuria: quae autem inanes sunt, iis parendum non est.', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:buttons {"style":{"spacing":{"margin":{"top":"var:preset|spacing|150"}}}} -->
<div class="wp-block-buttons" style="margin-top:var(--wp--preset--spacing--150)"><!-- wp:button {"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button" href="#"><?php echo esc_html_x( 'Learn more →', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group -->

<!-- wp:image {"aspectRatio":"4/3","scale":"cover","sizeSlug":"full","linkDestination":"none","className":"margin-top-zero supporting-card-media"} -->
<figure class="wp-block-image size-full margin-top-zero supporting-card-media"><img src="<?php echo esc_url( get_theme_file_uri( 'assets/images/image.png' ) ); ?>" alt="" style="aspect-ratio:4/3;object-fit:cover"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"is-style-supporting-card","layout":{"type":"default"}} -->
<div class="wp-block-group is-style-supporting-card"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|100","padding":{"top":"var:preset|spacing|150","right":"var:preset|spacing|150","bottom":"var:preset|spacing|150","left":"var:preset|spacing|150"}}},"backgroundColor":"surface-soft","layout":{"type":"default"}} -->
<div class="wp-block-group has-surface-soft-background-color has-background" style="padding-top:var(--wp--preset--spacing--150);padding-right:var(--wp--preset--spacing--150);padding-bottom:var(--wp--preset--spacing--150);padding-left:var(--wp--preset--spacing--150)"><!-- wp:heading {"level":3,"style":{"border":{"bottom":{"color":"var:preset|color|border","style":"solid","width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|100"}}}} -->
<h3 class="wp-block-heading" style="border-bottom-color:var(--wp--preset--color--border);border-bottom-style:solid;border-bottom-width:1px;padding-bottom:var(--wp--preset--spacing--100)"><?php echo esc_html_x( 'Supporting heading', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></h3>
<!-- /wp:heading -->

<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|075"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"className":"is-style-lead","fontSize":"abs-large"} -->
<p class="is-style-lead has-abs-large-font-size"><?php echo esc_html_x( 'Supporting lead copy.', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"fontSize":"abs-ui"} -->
<p class="has-abs-ui-font-size"><?php echo esc_html_x( 'Add concise supporting copy that expands on this item and gives readers enough context to take the next step. This pattern benefits from longer blocks of copy.', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"fontSize":"abs-ui"} -->
<p class="has-abs-ui-font-size"><?php echo esc_html_x( 'This pattern benefits from longer blocks of copy. Quae enim cupiditates a natura proficiscuntur, facile explentur sine ulla iniuria: quae autem inanes sunt, iis parendum non est.', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:buttons {"style":{"spacing":{"margin":{"top":"var:preset|spacing|150"}}}} -->
<div class="wp-block-buttons" style="margin-top:var(--wp--preset--spacing--150)"><!-- wp:button {"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button" href="#"><?php echo esc_html_x( 'Learn more →', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group -->

<!-- wp:image {"aspectRatio":"4/3","scale":"cover","sizeSlug":"full","linkDestination":"none","className":"margin-top-zero supporting-card-media"} -->
<figure class="wp-block-image size-full margin-top-zero supporting-card-media"><img src="<?php echo esc_url( get_theme_file_uri( 'assets/images/image.png' ) ); ?>" alt="" style="aspect-ratio:4/3;object-fit:cover"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></section>
<!-- /wp:group -->

<!-- wp:group {"tagName":"section","metadata":{"categories":["absolute-2026/sections"],"patternName":"absolute-2026/two-columns-image-supporting","name":"Two Columns — Image + Supporting Cards"},"align":"wide","className":"is-style-section-divider two-columns-image-supporting","layout":{"type":"default"},"anchor":"section-three"} -->
<section class="wp-block-group alignwide is-style-section-divider two-columns-image-supporting" id="section-three"><!-- wp:group {"className":"two-columns-image-supporting__content","style":{"spacing":{"blockGap":"var:preset|spacing|100"}},"layout":{"type":"default"}} -->
<div class="wp-block-group two-columns-image-supporting__content"><!-- wp:group {"className":"two-columns-image-supporting__intro","style":{"spacing":{"blockGap":"var:preset|spacing|100"}},"layout":{"type":"default"}} -->
<div class="wp-block-group two-columns-image-supporting__intro"><!-- wp:paragraph {"className":"is-style-eyebrow"} -->
<p class="is-style-eyebrow"><?php echo esc_html_x( 'Section eyebrow', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"style":{"border":{"bottom":{"color":"var:preset|color|border","style":"solid","width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|100"}}}} -->
<h2 class="wp-block-heading" style="border-bottom-color:var(--wp--preset--color--border);border-bottom-style:solid;border-bottom-width:1px;padding-bottom:var(--wp--preset--spacing--100)"><?php echo esc_html_x( 'Two-columns plus Supporting Cards', 'Sample content for the Work starter page 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 introduces the section and its supporting material.', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"two-columns-image-supporting__lower","style":{"spacing":{"blockGap":"var:preset|spacing|200"}},"layout":{"type":"default"}} -->
<div class="wp-block-group two-columns-image-supporting__lower"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|100"}},"layout":{"type":"default"}} -->
<div class="wp-block-group"><!-- wp:paragraph -->
<p><?php echo esc_html_x( 'Use this area to develop the section’s main idea and provide context for the accompanying material.', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p><?php echo esc_html_x( 'Additional copy can explain the work, service, or subject in enough detail to support the next action.', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button" href="#"><?php echo esc_html_x( 'Learn more →', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"two-columns-image-supporting__media","style":{"spacing":{"blockGap":"var:preset|spacing|150"}},"layout":{"type":"default"}} -->
<div class="wp-block-group two-columns-image-supporting__media"><!-- wp:image {"aspectRatio":"4/3","scale":"cover","sizeSlug":"full","linkDestination":"none","className":"is-style-framed two-columns-image-supporting__primary-media"} -->
<figure class="wp-block-image size-full is-style-framed two-columns-image-supporting__primary-media"><img src="<?php echo esc_url( get_theme_file_uri( 'assets/images/image.png' ) ); ?>" alt="" style="aspect-ratio:4/3;object-fit:cover"/></figure>
<!-- /wp:image -->

<!-- wp:group {"className":"two-columns-image-supporting__cards","style":{"spacing":{"blockGap":"var:preset|spacing|150"}},"layout":{"type":"default"}} -->
<div class="wp-block-group two-columns-image-supporting__cards"><!-- wp:group {"className":"is-style-supporting-card","layout":{"type":"default"}} -->
<div class="wp-block-group is-style-supporting-card"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|100","padding":{"top":"var:preset|spacing|150","right":"var:preset|spacing|150","bottom":"var:preset|spacing|150","left":"var:preset|spacing|150"}}},"backgroundColor":"surface-soft","layout":{"type":"default"}} -->
<div class="wp-block-group has-surface-soft-background-color has-background" style="padding-top:var(--wp--preset--spacing--150);padding-right:var(--wp--preset--spacing--150);padding-bottom:var(--wp--preset--spacing--150);padding-left:var(--wp--preset--spacing--150)"><!-- wp:heading {"level":3,"style":{"border":{"bottom":{"color":"var:preset|color|border","style":"solid","width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|100"}}}} -->
<h3 class="wp-block-heading" style="border-bottom-color:var(--wp--preset--color--border);border-bottom-style:solid;border-bottom-width:1px;padding-bottom:var(--wp--preset--spacing--100)"><?php echo esc_html_x( 'Supporting heading', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></h3>
<!-- /wp:heading -->

<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|075"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"className":"is-style-lead","fontSize":"abs-large"} -->
<p class="is-style-lead has-abs-large-font-size"><?php echo esc_html_x( 'Supporting lead copy.', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"fontSize":"abs-ui"} -->
<p class="has-abs-ui-font-size"><?php echo esc_html_x( 'Add concise supporting copy that expands on this item and gives readers enough context to take the next step. This pattern benefits from longer blocks of copy.', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"fontSize":"abs-ui"} -->
<p class="has-abs-ui-font-size"><?php echo esc_html_x( 'This pattern benefits from longer blocks of copy. Quae enim cupiditates a natura proficiscuntur, facile explentur sine ulla iniuria: quae autem inanes sunt, iis parendum non est.', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:buttons {"style":{"spacing":{"margin":{"top":"var:preset|spacing|150"}}}} -->
<div class="wp-block-buttons" style="margin-top:var(--wp--preset--spacing--150)"><!-- wp:button {"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button" href="#"><?php echo esc_html_x( 'Learn more →', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group -->

<!-- wp:image {"aspectRatio":"4/3","scale":"cover","sizeSlug":"full","linkDestination":"none","className":"margin-top-zero supporting-card-media"} -->
<figure class="wp-block-image size-full margin-top-zero supporting-card-media"><img src="<?php echo esc_url( get_theme_file_uri( 'assets/images/image.png' ) ); ?>" alt="" style="aspect-ratio:4/3;object-fit:cover"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"is-style-supporting-card","layout":{"type":"default"}} -->
<div class="wp-block-group is-style-supporting-card"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|100","padding":{"top":"var:preset|spacing|150","right":"var:preset|spacing|150","bottom":"var:preset|spacing|150","left":"var:preset|spacing|150"}}},"backgroundColor":"surface-soft","layout":{"type":"default"}} -->
<div class="wp-block-group has-surface-soft-background-color has-background" style="padding-top:var(--wp--preset--spacing--150);padding-right:var(--wp--preset--spacing--150);padding-bottom:var(--wp--preset--spacing--150);padding-left:var(--wp--preset--spacing--150)"><!-- wp:heading {"level":3,"style":{"border":{"bottom":{"color":"var:preset|color|border","style":"solid","width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|100"}}}} -->
<h3 class="wp-block-heading" style="border-bottom-color:var(--wp--preset--color--border);border-bottom-style:solid;border-bottom-width:1px;padding-bottom:var(--wp--preset--spacing--100)"><?php echo esc_html_x( 'Supporting heading', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></h3>
<!-- /wp:heading -->

<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|075"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"className":"is-style-lead","fontSize":"abs-large"} -->
<p class="is-style-lead has-abs-large-font-size"><?php echo esc_html_x( 'Supporting lead copy.', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"fontSize":"abs-ui"} -->
<p class="has-abs-ui-font-size"><?php echo esc_html_x( 'Add concise supporting copy that expands on this item and gives readers enough context to take the next step. This pattern benefits from longer blocks of copy.', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"fontSize":"abs-ui"} -->
<p class="has-abs-ui-font-size"><?php echo esc_html_x( 'This pattern benefits from longer blocks of copy. Quae enim cupiditates a natura proficiscuntur, facile explentur sine ulla iniuria: quae autem inanes sunt, iis parendum non est.', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:buttons {"style":{"spacing":{"margin":{"top":"var:preset|spacing|150"}}}} -->
<div class="wp-block-buttons" style="margin-top:var(--wp--preset--spacing--150)"><!-- wp:button {"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button" href="#"><?php echo esc_html_x( 'Learn more →', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group -->

<!-- wp:image {"aspectRatio":"4/3","scale":"cover","sizeSlug":"full","linkDestination":"none","className":"margin-top-zero supporting-card-media"} -->
<figure class="wp-block-image size-full margin-top-zero supporting-card-media"><img src="<?php echo esc_url( get_theme_file_uri( 'assets/images/image.png' ) ); ?>" alt="" style="aspect-ratio:4/3;object-fit:cover"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></section>
<!-- /wp:group -->

<!-- wp:group {"tagName":"section","metadata":{"categories":["absolute-2026/sections"],"patternName":"absolute-2026/two-columns-image-right","name":"Two Columns — Image Right"},"align":"wide","className":"is-style-section-divider two-columns-image-right","layout":{"type":"default"},"anchor":"section-four"} -->
<section class="wp-block-group alignwide is-style-section-divider two-columns-image-right" id="section-four"><!-- wp:group {"className":"two-columns-image-right__intro","style":{"spacing":{"blockGap":"var:preset|spacing|100"}},"layout":{"type":"default"}} -->
<div class="wp-block-group two-columns-image-right__intro"><!-- wp:paragraph {"className":"is-style-eyebrow"} -->
<p class="is-style-eyebrow"><?php echo esc_html_x( 'Section eyebrow', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"style":{"border":{"bottom":{"color":"var:preset|color|border","style":"solid","width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|100"}}}} -->
<h2 class="wp-block-heading" style="border-bottom-color:var(--wp--preset--color--border);border-bottom-style:solid;border-bottom-width:1px;padding-bottom:var(--wp--preset--spacing--100)"><?php echo esc_html_x( 'Two-columns Image Right', 'Sample content for the Work starter page 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 introduces the section and its featured media.', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:image {"aspectRatio":"4/3","scale":"cover","sizeSlug":"full","linkDestination":"none","className":"is-style-framed two-columns-image-right__media"} -->
<figure class="wp-block-image size-full is-style-framed two-columns-image-right__media"><img src="<?php echo esc_url( get_theme_file_uri( 'assets/images/image.png' ) ); ?>" alt="" style="aspect-ratio:4/3;object-fit:cover"/></figure>
<!-- /wp:image -->

<!-- wp:group {"className":"two-columns-image-right__lower","style":{"spacing":{"blockGap":"var:preset|spacing|200"}},"layout":{"type":"default"}} -->
<div class="wp-block-group two-columns-image-right__lower"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|100"}},"layout":{"type":"default"}} -->
<div class="wp-block-group"><!-- wp:paragraph -->
<p><?php echo esc_html_x( 'Use this area to develop the section’s main idea and provide context for the accompanying image.', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p><?php echo esc_html_x( 'Additional copy can explain the work, service, or subject in enough detail to support the next action.', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button" href="#"><?php echo esc_html_x( 'Learn more →', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></section>
<!-- /wp:group -->

<!-- wp:group {"tagName":"section","metadata":{"categories":["absolute-2026/sections"],"patternName":"absolute-2026/two-columns-image-right","name":"Two Columns — Image Right"},"align":"wide","className":"is-style-section-divider two-columns-image-right","layout":{"type":"default"},"anchor":"section-five"} -->
<section class="wp-block-group alignwide is-style-section-divider two-columns-image-right" id="section-five"><!-- wp:group {"className":"two-columns-image-right__intro","style":{"spacing":{"blockGap":"var:preset|spacing|100"}},"layout":{"type":"default"}} -->
<div class="wp-block-group two-columns-image-right__intro"><!-- wp:paragraph {"className":"is-style-eyebrow"} -->
<p class="is-style-eyebrow"><?php echo esc_html_x( 'Section eyebrow', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"style":{"border":{"bottom":{"color":"var:preset|color|border","style":"solid","width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|100"}}}} -->
<h2 class="wp-block-heading" style="border-bottom-color:var(--wp--preset--color--border);border-bottom-style:solid;border-bottom-width:1px;padding-bottom:var(--wp--preset--spacing--100)"><?php echo esc_html_x( 'Two-columns Image Right', 'Sample content for the Work starter page 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 introduces the section and its featured media.', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:image {"aspectRatio":"4/3","scale":"cover","sizeSlug":"full","linkDestination":"none","className":"is-style-framed two-columns-image-right__media"} -->
<figure class="wp-block-image size-full is-style-framed two-columns-image-right__media"><img src="<?php echo esc_url( get_theme_file_uri( 'assets/images/image.png' ) ); ?>" alt="" style="aspect-ratio:4/3;object-fit:cover"/></figure>
<!-- /wp:image -->

<!-- wp:group {"className":"two-columns-image-right__lower","style":{"spacing":{"blockGap":"var:preset|spacing|200"}},"layout":{"type":"default"}} -->
<div class="wp-block-group two-columns-image-right__lower"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|100"}},"layout":{"type":"default"}} -->
<div class="wp-block-group"><!-- wp:paragraph -->
<p><?php echo esc_html_x( 'Use this area to develop the section’s main idea and provide context for the accompanying image.', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p><?php echo esc_html_x( 'Additional copy can explain the work, service, or subject in enough detail to support the next action.', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button" href="#"><?php echo esc_html_x( 'Learn more →', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></section>
<!-- /wp:group -->

<!-- wp:group {"align":"wide","className":"is-style-section-divider","layout":{"type":"default"},"anchor":"section-six"} -->
<div class="wp-block-group alignwide is-style-section-divider" id="section-six"><!-- wp:group {"metadata":{"categories":["absolute-2026/text"],"patternName":"absolute-2026/section-intro","name":"Section Intro"},"layout":{"type":"constrained","contentSize":"640px","justifyContent":"left"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"className":"is-style-eyebrow"} -->
<p class="is-style-eyebrow"><?php echo esc_html_x( 'Section eyebrow', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|100"}},"layout":{"type":"default"}} -->
<div class="wp-block-group"><!-- wp:heading {"style":{"border":{"bottom":{"color":"var:preset|color|border","style":"solid","width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|100"}}}} -->
<h2 class="wp-block-heading" style="border-bottom-color:var(--wp--preset--color--border);border-bottom-style:solid;border-bottom-width:1px;padding-bottom:var(--wp--preset--spacing--100)"><?php echo esc_html_x( 'Section heading', 'Sample content for the Work starter page 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 introduces the section and gives readers a reason to continue.', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p><?php echo esc_html_x( 'Add supporting copy that develops the section’s central idea without overwhelming the introduction.', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:image {"aspectRatio":"4/3","scale":"cover","sizeSlug":"full","linkDestination":"none","className":"is-style-framed"} -->
<figure class="wp-block-image size-full is-style-framed"><img src="<?php echo esc_url( get_theme_file_uri( 'assets/images/image.png' ) ); ?>" alt="" style="aspect-ratio:4/3;object-fit:cover"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->

<!-- wp:group {"tagName":"section","metadata":{"categories":["absolute-2026/sections"],"patternName":"absolute-2026/cta","name":"Call to Action"},"align":"wide","className":"is-style-section-divider","style":{"spacing":{"blockGap":"var:preset|spacing|200"}},"layout":{"type":"constrained","justifyContent":"center"}} -->
<section class="wp-block-group alignwide is-style-section-divider"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|100"}},"layout":{"type":"constrained","justifyContent":"center"}} -->
<div class="wp-block-group"><!-- wp:heading {"style":{"typography":{"textAlign":"center"}}} -->
<h2 class="wp-block-heading has-text-align-center"><?php echo esc_html_x( 'A clear call to action invites the reader to take the next step.', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"className":"is-style-lead","style":{"typography":{"textAlign":"center"}}} -->
<p class="has-text-align-center is-style-lead"><?php echo esc_html_x( 'Use this supporting copy to reinforce the invitation and explain what the reader can expect.', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center","flexWrap":"wrap"}} -->
<div class="wp-block-buttons"><!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="#"><?php echo esc_html_x( 'Get in touch', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></a></div>
<!-- /wp:button -->

<!-- wp:button {"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button" href="#"><?php echo esc_html_x( 'Learn more →', 'Sample content for the Work starter page pattern', 'absolute-2026' ); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></section>
<!-- /wp:group --></div>
<!-- /wp:group -->
