Featured Article

<div class="featured_article">
	<div class="fs-row">
		<div class="fs-cell">
			{% if breadcrumbNav %}
			<div class="featured_article_breadcrumb">
				{% render '@navigation-breadcrumb' with {
					page: page,
					modifier: '',
					links: breadcrumbNav,
					icon_home: 'home',
					icon_divider: 'angle_right',
					icon_end: ''
				} %}
			</div>
			{% endif %}
			<div class="featured_article_inner">
				<figure class="featured_article_figure">
					<a href="#" class="featured_article_figure_link">
						{% include '@partial-image' with {
							class: 'featured_article',
							alt: image_alt,
							image: image,
							loading: 'lazy',
							sources: [
								img.classic.sml,
								img.classic.xsml,
								img.classic.xxsml
							]
						} %}
					</a>
				</figure>
				<div class="featured_article_wrapper">
					{% if 'layout_listing' in page.classes %}
					<h1 class="featured_article_title">
						<a href="#" class="featured_article_title_link">{{ title }}</a>
					</h1>
					{% else %}
					<h2 class="featured_article_title">
						<a href="#" class="featured_article_title_link">{{ title }}</a>
					</h2>
					{% endif %}
					{% if category %}
					<a href="#" class="featured_article_category">{{ category }}</a>
					{% endif %}
					{% if description %}
					<span class="featured_article_description">{{ description }}</span>
					{% endif %}
				</div>
			</div>
			{% if 'layout_listing' in page.classes %}
			<div class="featured_article_meta">
				<div class="featured_article_meta_categories">
					<h2 id="featured_arcticle_meta_categories_heading" class="featured_article_meta_heading" aria-label="Therapy Spark">TherapySpark</h2>
					<ul class="featured_article_meta_categories_list">
						{% for category in categories %}
						<li class="featured_article_meta_categories_list_item">
							<a href="" class="featured_article_meta_categories_list_item_link">{{ category }}</a>
						</li>
						{% endfor %}
					</ul>
					<select name="categories" id="categories" class="featured_article_meta_categories_mobile_select" aria-labelledby="featured_arcticle_meta_categories_heading">
						{% for category in categories %}
						<option value="#url" class="featured_article_meta_categories_option">{{ category }}</option>
						{% endfor %}
					</select>
				</div>
				<div class="featured_article_meta_search">
					<h2 class="featured_article_meta_heading">Search Articles</h2>
					{% include '@partial-search' with {
						modifier: 'therapy_spark',
						aria: 'Search Articles',
						label: 'Search Articles',
						placeholder: 'Find by Keyword',
						button_text: 'Go'
					} %}
				</div>
			</div>
			{% endif %}
		</div>
	</div>
	{% if 'layout_listing' in page.classes %}
	<div class="featured_article_slant"></div>
	{% endif %}
	<div class="featured_article_circles"></div>
</div>