{include file="header.tpl" title=$section.name keywords=$section.keywords description=$section.description}

<main class="main">

	{* banner page *}
	{include file="modules/banner.tpl"}
	{* /banner page *}

	<section class="flex:col pad-tb-50">
		<div class="flex:col-max">
			<div class="grid:fr-1 g-gap-40">
				<div class="block-head">
					<div class="text-tmp title-32 title-tt-up title-accent all-center max-w-768 x-center">
						{$section.content|page_break:null nofilter}
					</div>
				</div>

				{fetch_articles limit=20 assign=teams section=$section.sectionId image=true}
				{foreach from=$teams item=team name=teams}
					<div class="both {if $smarty.foreach.teams.iteration%2==0}reverse{/if}">
						<div class="both__item">
							<div class="text-tmp"><img src="{$team.image.original}" alt="{$team.title}"></div>
						</div>

						<div class="both__item">
							<div class="text-tmp title-32 title-dec-24 title-accent title-tt-up y-center">
								<h3>{$team.title}</h3>
								<h4>{$team.alias}</h4>
								{$team.summary nofilter}
							</div>
						</div>
					</div>
				{/foreach}

			</div>

			{* decor bg *}
			<div class="decor-triangle">
				{include file="icon/svg.tpl" svgId="decor_triangle" fill="none"}
			</div>
			{* /decor *}

		</div>
	</section>

</main>

{include file="footer.tpl"}