<!-- wp:template-part {"slug":"header","tagName":"header"} /-->

<!-- wp:group {"tagName":"main","layout":{"type":"default"}} -->
<main class="wp-block-group">

	<!-- Portfolio Header -->
	<!-- wp:pattern {"slug":"technicalistic/portfolio-header"} /-->

	<!-- Category Filter Bar -->
	<!-- wp:group {"className":"category-filter","layout":{"type":"constrained","contentSize":"80rem"}} -->
	<div class="wp-block-group category-filter">
		<!-- wp:html -->
		<div class="filter-btns" id="jb-filter-btns" style="padding:0 1rem;">
			<button class="filter-btn active" data-tag="all">All</button>
			<button class="filter-btn" data-tag="technical-writing">Technical Writing</button>
			<button class="filter-btn" data-tag="content-strategy">Content Strategy</button>
			<button class="filter-btn" data-tag="information-architecture">Information Architecture</button>
			<button class="filter-btn" data-tag="content-engineering">Content Engineering</button>
			<button class="filter-btn" data-tag="content-migration">Content Migration</button>
			<button class="filter-btn" data-tag="ux">User Experience</button>
			<button class="filter-btn" data-tag="training-consulting">Training &amp; Consulting</button>
		</div>
		<!-- /wp:html -->
	</div>
	<!-- /wp:group -->

	<!-- Portfolio Grid — Query Loop -->
	<!-- wp:group {"style":{"spacing":{"padding":{"top":"3rem","bottom":"3rem"}}},"backgroundColor":"slate-950","layout":{"type":"constrained","contentSize":"80rem"}} -->
	<div class="wp-block-group has-slate-950-background-color has-background" style="padding-top:3rem;padding-bottom:3rem">

		<!-- wp:query {"queryId":20,"query":{"perPage":12,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","categoryIds":[],"tagIds":[],"inherit":false}} -->
		<div class="wp-block-query">
			<!-- wp:post-template {"layout":{"type":"grid","columnCount":3},"className":"jb-portfolio-grid"} -->
				<!-- wp:group {"className":"port-card","style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"var:preset|spacing|30","left":"0"}},"border":{"radius":"0.75rem","width":"1px","color":"rgba(6, 182, 212, 0.2)"}},"backgroundColor":"card","layout":{"type":"constrained"}} -->
				<div class="wp-block-group port-card has-border-color has-card-background-color has-background" style="border-color:rgba(6, 182, 212, 0.2);border-width:1px;border-radius:0.75rem;padding-top:0;padding-right:0;padding-bottom:var(--wp--preset--spacing--30);padding-left:0">
					<!-- wp:post-featured-image {"isLink":true,"aspectRatio":"16/9","style":{"border":{"radius":{"topLeft":"0.75rem","topRight":"0.75rem"}}}} /-->

					<!-- wp:group {"style":{"spacing":{"padding":{"right":"1.5rem","left":"1.5rem","top":"1rem"}}}} -->
					<div class="wp-block-group" style="padding-top:1rem;padding-right:1.5rem;padding-left:1.5rem">
						<!-- wp:post-title {"isLink":true,"style":{"typography":{"fontSize":"1.25rem","fontWeight":"700"}},"textColor":"white"} /-->
						<!-- wp:post-excerpt {"excerptLength":20,"style":{"typography":{"fontSize":"0.95rem"}},"textColor":"slate-400"} /-->

						<!-- wp:post-date {"style":{"typography":{"fontSize":"0.875rem"}},"textColor":"slate-500"} /-->
					</div>
					<!-- /wp:group -->
				</div>
				<!-- /wp:group -->
			<!-- /wp:post-template -->

			<!-- wp:query-no-results -->
			<!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"1.25rem"},"spacing":{"padding":{"top":"5rem","bottom":"5rem"}}},"textColor":"slate-400"} -->
			<p class="has-text-align-center has-slate-400-color has-text-color" style="font-size:1.25rem;padding-top:5rem;padding-bottom:5rem">No portfolio projects found. Check back soon!</p>
			<!-- /wp:paragraph -->
			<!-- /wp:query-no-results -->
		</div>
		<!-- /wp:query -->

	</div>
	<!-- /wp:group -->

</main>
<!-- /wp:group -->

<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->
