News Card

<div class="news_card {% if item.featured %}is_featured{% endif %}">
	<div class="news_card_grid">
		{% if item.image %}
			<div class="news_card_grid_item is_media">
				<a href="#" aria-label="{{ item.title }}">
					<figure class="news_card_figure">
						{% if item.media_mention %}
							<div class="news_card_figure_pill_wrap">
								<div class="news_card_figure_pill">
									Media Mention
								</div>
							</div>
						{% endif %}

						{% if item.featured %}
							{% include '@partial-image' with {
								class: 'news_card',
								alt: '',
								image: item.image,
								loading: 'lazy',
								sources: [
									img.ultrawide.xlrg,
									img.ultrawide.lrg,
									img.ultrawide.med,
									img.ultrawide.sml,
									img.ultrawide.xsml,
									img.ultrawide.xxsml
								],
								sizes: [
									'(min-width: 1220px) 1315px',
									'(min-width: 982px) 960px',
									'90vw'
								]
							} %}
						{% else %}
							{% include '@partial-image' with {
								class: 'news_card',
								alt: '',
								image: item.image,
								loading: 'lazy',
								sources: [
									img.classic.sml,
									img.classic.xsml,
									img.classic.xxsml
								],
								sizes: [
									'(min-width: 1220px) 402px',
									'(min-width: 740px) 445px',
									'90vw'
								]
							} %}
						{% endif %}
					</figure>
				</a>
			</div>
		{% endif %}

		<div class="news_card_grid_item is_body">
			<div class="news_card_body">
				{% if item.topic or item.date %}
					<div class="news_card_meta">
						{% if item.topic %}
							<div class="news_card_meta_item">
								<a href="#">{{ item.topic }}</a>
							</div>
						{% endif %}

						{% if item.topic and item.date %}
							<div class="news_card_meta_item">&bull;</div>
						{% endif %}

						{% if item.date %}
							<div class="news_card_meta_item">
								{{ item.date }}
							</div>
						{% endif %}
					</div>
				{% endif %}

				<div class="news_card_title_wrap">
					<h2 class="news_card_title">
						{% if item.featured %}
							{% include '@partial-link' with {
								title: item.title,
								url: item.url,
								class: 'news_card_title_featured',
								js: false,
								icon: item.external_url ? 'external' : 'chevron_right',
								aria: '',
								nowrap: item.external_url
							} %}
						{% else %}
							{% include '@partial-link' with {
								title: item.title,
								url: item.url,
								class: 'news_card_title',
								js: false,
								icon: item.external_url ? 'external' : false,
								aria: '',
								nowrap: item.external_url
							} %}
						{% endif %}
					</h2>
				</div>
			</div>
		</div>
	</div>
</div>