/*	Imports  */

@import "fonts.css";
@import "variables.css";
@import "basics.css";
@import "grid.css";


/*	Featured  */

.featured
{	padding: 128px var(--padding-x) var(--padding-y) var(--padding-x); }

@media (max-width: 720px)
{	.featured
	{	padding-top: 168px; } }

.featured + article
{	padding-top: 48px; }

.featured figure
{	display: grid;
	grid-template-columns: 1fr;
	justify-items: center;
	width: 100%; }

.featured figure picture
{	display: grid;
	align-content: center;
	max-height: calc(100vh - 270px + var(--padding-y) / 2);
	overflow: hidden; }

.featured figure picture img
{	width: 100%;
	height: auto; }

.featured figcaption
{	justify-self: center;
	margin: 0;
	max-width: var(--main);
	padding: 0; }

.featured figcaption a
{	display: inline-block;
	padding-top: 24px; }

.featured figcaption p:last-child
{	margin-top: 8px; }

.featured figcaption h2
{	margin-bottom: 0; }

.featured figcaption p:last-child
{	color: var(--yang); }