/*-------------------------------------------------------------------------*/
/* Owl Carousel (custom)
/*-------------------------------------------------------------------------*/
/*.owl-carousel {}*/

.owl-carousel.owl-dots-inside\[pos\:top\] .owl-dots,
.owl-carousel.owl-dots-inside\[pos\:bottom\] .owl-dots {
	width: 100%;
	height: auto;
	position: absolute;
}

.owl-carousel.owl-dots-inside\[pos\:top\] .owl-dots    {top: 0;}
.owl-carousel.owl-dots-inside\[pos\:bottom\] .owl-dots {bottom: 0;}

.owl-carousel .owl-dots .owl-dot {
	-webkit-box-shadow: none;
	box-shadow: none;
}

/*-------------------------------------------------------------------------*/
/* News
/*-------------------------------------------------------------------------*/
.page-news {
	--itemGap: 0.7rem;
	--itemPadding: 1rem;
	--fixedHeight: 736px;

	width: 100%;
	height: auto;
}

/* News: Items
/*---------------------------------------------------------------*/
.page-news .news-items {
	width: 100%;
	height: auto;
}

/* News: Single article card
/*---------------------------------------------------------------*/
.news-article-card {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 1.5rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.news-article-card .item {
	background: rgba(16, 10, 7, 0.72);
	border: 1px solid rgba(59, 43, 29, 0.65);
	border-radius: 14px;
	padding: 2rem;
	-webkit-box-shadow: 0 12px 28px rgba(0, 0, 0, 0.45);
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.45);
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
}

/* News: Pagination
/*---------------------------------------------------------------*/
.page-news .news-pagination {
	width: 100%;
	height: auto;

	margin: var(--bs-gutter-y) 0 0 0;

	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.page-news .news-pagination .page-link {
	padding: 0;
}

.page-news .news-pagination .page-link a {
	color: inherit;
	display: block;
	padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
}

.page-news .news-pagination .page-link a:hover,
.page-news .news-pagination .page-link a:active {
	color: inherit;
}

/*-------------------------------------------------------------------------*/
/* News: Item (global)
/*-------------------------------------------------------------------------*/
.page-news .item.type-news {
	width: 100%;
	height: auto;
}

/*-------------------------------------------------------------------------*/
/* News: Item (compact)
/*-------------------------------------------------------------------------*/
.page-news .item.type-news.-compact {
	padding: var(--itemPadding);

	-webkit-border-radius: var(--borderRadius-primary);
	border-radius: var(--borderRadius-primary);

	background-color: var(--background-shade);
}

/* Item: Thumbnail
/*---------------------------------------------------------------*/
.page-news .item.type-news.-compact .item-thumbnail {
	-webkit-border-radius: var(--borderRadius-primary);
	border-radius: var(--borderRadius-primary);

	background-size: cover;
	background-color: var(--background-shade);
	background-image: var(--thumbnail);
	background-repeat: no-repeat;
	background-position: center center;
}

/* Item: Info
/*---------------------------------------------------------------*/
.page-news .item.type-news.-compact .item-info {
	width: 100%;
	height: auto;

	gap: var(--itemGap);

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

/* Info (date) */
.page-news .item.type-news.-compact .item-info .info-date {
	width: 100%;
	height: auto;

	color: var(--color-primary);

	display: block;

	font-size: 0.875rem;
	font-family: var(--font-family-secondary);
}

/* Info (title) */
.page-news .item.type-news.-compact .item-info .info-title {
	width: 100%;
	height: auto;

	color: var(--color-primary);

	display: block;

	font-size: 1.5rem;
	font-family: var(--font-family-secondary);

	line-height: 100%;
}

/* Info (summary) */
.page-news .item.type-news.-compact .item-info .info-summary {
	width: 100%;
	height: auto;

	color: var(--color-base);

	display: block;

	font-size: 0.75rem;
	font-family: var(--font-family-quaternary);
}

/* Info (buttons) */
.page-news .item.type-news.-compact .item-info .info-buttons {
	width: 100%;
	height: auto;

	display: block;
}

/*-------------------------------------------------------------------------*/
/* News: Item (lg)
/*-------------------------------------------------------------------------*/
.page-news .item.type-news.-lg {
	height: 400px;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;

	-ms-flex-line-pack: normal;
	align-content: normal;

	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;

	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;

	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

/* Item: Thumbnail
/*---------------------------------------------------------------*/
.page-news .item.type-news.-lg .item-thumbnail {
	width: 100%;
	height: 100%;

	top: 0;
	left: 0;

	position: absolute;
}

.page-news .item.type-news.-lg .item-thumbnail::before {
	width: 100%;
	height: 100%;

	top: 0;
	left: 0;

	content: '';
	position: absolute;

	-webkit-border-radius: 3px;
	border-radius: 3px;

	background: -webkit-gradient(linear, left top, left bottom, from(rgba(16, 11, 7, 0.2)), to(#16110c));
	background: -o-linear-gradient(top, rgba(16, 11, 7, 0.2) 0%, #16110c 100%);
	background: linear-gradient(to bottom, rgba(16, 11, 7, 0.2) 0%, #16110c 100%);
}

/* Item: Info
/*---------------------------------------------------------------*/
/*.page-news .item.type-news.-lg .item-info {}*/

/* Info (buttons) */
.page-news .item.type-news.-lg .item-info .info-buttons {
	text-align: left;
}

/* News: Item (lg): Responsive
/*---------------------------------------------------------------*/
@media screen and (min-width: 1400px) { /* xl+ */
	.page-news .item.type-news.-lg {
		height: var(--fixedHeight);
	}

	/* Item: Info
	/*---------------------------------------------------------------*/
	/*.page-news .item.type-news.-lg .item-info {}*/

	/* Info (buttons) */
	.page-news .item.type-news.-lg .item-info .info-buttons {
		text-align: right;
	}
}

/*-------------------------------------------------------------------------*/
/* News: Item (md)
/*-------------------------------------------------------------------------*/
.page-news .item.type-news.-md {
	--height: auto;
	--thumbnailSize: 0px;

	gap: var(--itemGap);

	height: var(--height);

	margin: var(--bs-gutter-y) 0 0 0;

	overflow: hidden;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;

	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}

.page-news .item.type-news.-md:first-child {
	margin: 0;
}

.page-news .item.type-news.-md::before {
	width: 0;
	height: 0;

	right: 0;
	bottom: 0;

	content: '';
	position: absolute;

	-webkit-box-shadow: 0 0 80px 10px rgba(193, 154, 87, 0.06);
	box-shadow: 0 0 80px 10px rgba(193, 154, 87, 0.06);
}

/* Item: Thumbnail
/*---------------------------------------------------------------*/
.page-news .item.type-news.-md .item-thumbnail {
	width: var(--thumbnailSize);
	height: var(--thumbnailSize);

	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;

	display: none;
}

/* Item: Info
/*---------------------------------------------------------------*/
.page-news .item.type-news.-md .item-info {
	height: 100%;
}

/* Info (summary) */
.page-news .item.type-news.-md .item-info .info-summary {
	overflow: hidden;
	max-height: 110px;
}

/* Info (buttons) */
.page-news .item.type-news.-md .item-info .info-buttons {
	margin: auto 0 0;
	text-align: left;
}

/* News: Item (md): Responsive
/*---------------------------------------------------------------*/
@media screen and (min-width: 1400px) { /* xl+ */
	.page-news .item.type-news.-md {
		--itemPadding: 0px;
		--background-shade: transparent;

		--height: -webkit-calc((var(--fixedHeight) - (var(--bs-gutter-y) * 2)) / 3);
		--height: -moz-calc((var(--fixedHeight) - (var(--bs-gutter-y) * 2)) / 3);
		--height: calc((var(--fixedHeight) - (var(--bs-gutter-y) * 2)) / 3);

		--thumbnailSize: -webkit-calc(var(--height) - (var(--itemPadding) * 2));
		--thumbnailSize: -moz-calc(var(--height) - (var(--itemPadding) * 2));
		--thumbnailSize: calc(var(--height) - (var(--itemPadding) * 2));
	}

	/* Item: Thumbnail
	/*---------------------------------------------------------------*/
	.page-news .item.type-news.-md .item-thumbnail {
		display: block;
	}

	/* Item: Info
	/*---------------------------------------------------------------*/
	.page-news .item.type-news.-md .item-info {
		width: -webkit-calc(100% - (var(--thumbnailSize) + var(--itemGap)));
		width: -moz-calc(100% - (var(--thumbnailSize) + var(--itemGap)));
		width: calc(100% - (var(--thumbnailSize) + var(--itemGap)));
	}
}

/*-------------------------------------------------------------------------*/
/* News: Item (full)
/*-------------------------------------------------------------------------*/
.page-news .item.type-news.-full {
	max-width: 900px;
	margin: 0 auto;
}

/* Item: Head
/*---------------------------------------------------------------*/
.page-news .item.type-news.-full .item-head {
	width: 100%;
	height: auto;

	padding-bottom: 1.25rem;
	margin-bottom: 0.25rem;
	border-bottom: 1px solid rgba(193, 154, 87, 0.15);
}

/* Head (title) */
.page-news .item.type-news.-full .item-head .head-title {
	width: 100%;
	height: auto;

	color: var(--color-idle);

	display: block;

	font-size: clamp(1.5rem, 3vw, 2.2rem);
	font-weight: 700;
	font-family: var(--font-family-nav);
	text-transform: uppercase;
	letter-spacing: .06em;
	line-height: 1.2;
	text-decoration: none;
}

.page-news .item.type-news.-full .item-head .head-title:hover,
.page-news .item.type-news.-full .item-head .head-title:active {
	color: var(--color-active);
	text-decoration: none;
}

/* Head (metadata) */
.page-news .item.type-news.-full .item-head .head-metadata {
	width: 100%;
	height: auto;

	color: var(--color-base);
	opacity: .7;

	display: block;

	font-size: .875rem;
	font-weight: 400;
	font-family: var(--font-family-tertiary);

	margin-top: .5rem;
}

.page-news .item.type-news.-full .item-head .head-metadata a {
	color: var(--color-inactive);
}

.page-news .item.type-news.-full .item-head .head-metadata a:hover,
.page-news .item.type-news.-full .item-head .head-metadata a:active {
	color: var(--color-active);
}

/* Item: Body
/*---------------------------------------------------------------*/
.page-news .item.type-news.-full .item-body {
	width: 100%;
	height: auto;

	margin: var(--bs-gutter-y) 0 0 0;
}

/* Body (thumbnail) */
.page-news .item.type-news.-full .item-body .body-thumbnail {
	width: 100%;
	height: 320px;

	border: 1px solid rgba(193, 154, 87, 0.2);

	overflow: hidden;

	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;

	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start;

	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;

	-webkit-box-shadow: 0 12px 28px rgba(0, 0, 0, 0.45);
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.45);

	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.page-news .item.type-news.-full .item-body .body-thumbnail .thumbnail-item {
	width: 100%;
	height: 320px;

	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;

	display: block;

	background-size: cover;
	background-color: var(--background-primary);
	background-repeat: no-repeat;
	background-position: center center;
}

/* Body (content) */
.page-news .item.type-news.-full .item-body .body-content {
	color: var(--color-base);
	font-family: var(--font-family-tertiary);
	font-size: .95rem;
	line-height: 1.75;
}

.page-news .item.type-news.-full .item-body .body-thumbnail + .body-content {
	margin: var(--bs-gutter-y) 0 0 0;
}

.page-news .item.type-news.-full .item-body .body-content h1,
.page-news .item.type-news.-full .item-body .body-content h2,
.page-news .item.type-news.-full .item-body .body-content h3,
.page-news .item.type-news.-full .item-body .body-content h4 {
	color: var(--color-idle);
	font-family: var(--font-family-nav);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .06em;
	margin: 2rem 0 .65rem;
	padding-bottom: .5rem;
	border-bottom: 1px solid rgba(193, 154, 87, 0.25);
}

.page-news .item.type-news.-full .item-body .body-content p {
	margin-bottom: 1rem;
	opacity: .9;
}

.page-news .item.type-news.-full .item-body .body-content a {
	color: var(--color-inactive);
}

.page-news .item.type-news.-full .item-body .body-content a:hover,
.page-news .item.type-news.-full .item-body .body-content a:active {
	color: var(--color-active);
}

.page-news .item.type-news.-full .item-body .body-content ul,
.page-news .item.type-news.-full .item-body .body-content ol {
	padding-left: 1.5rem;
	margin-bottom: 1rem;
}

.page-news .item.type-news.-full .item-body .body-content li {
	margin-bottom: .35rem;
}

.page-news .item.type-news.-full .item-body .body-content blockquote {
	border-left: 3px solid rgba(193, 154, 87, 0.45);
	padding: .5rem 0 .5rem 1.25rem;
	margin: 1.25rem 0;
	color: var(--color-base);
	opacity: .85;
	font-style: italic;
}

/* Body (tags) */
.page-news .item.type-news.-full .item-body .body-tags {
	width: 100%;
	height: auto;

	margin: var(--bs-gutter-y) 0 0 0;

	display: block;
}

.page-news .item.type-news.-full .item-body .body-tags a {
	display: inline-block;
	padding: .22rem .75rem;
	margin: 0 .35rem .35rem 0;

	color: var(--color-inactive);

	border: 1px solid rgba(193, 154, 87, 0.35);
	border-radius: 999px;

	font-family: var(--font-family-tertiary);
	font-size: .72rem;
	text-transform: uppercase;
	letter-spacing: .07em;
	text-decoration: none;

	-webkit-transition: border-color 200ms ease, color 200ms ease;
	-o-transition: border-color 200ms ease, color 200ms ease;
	transition: border-color 200ms ease, color 200ms ease;
}

.page-news .item.type-news.-full .item-body .body-tags a:hover,
.page-news .item.type-news.-full .item-body .body-tags a:active {
	border-color: rgba(254, 227, 115, 0.6);
	color: var(--color-idle);
	text-decoration: none;
}

/* Body (comments) */
.page-news .item.type-news.-full .item-body .body-comments {
	width: 100%;
	height: auto;

	margin: var(--bs-gutter-y) 0 0 0;

	display: block;
}

/* News: Item (full): Responsive
/*---------------------------------------------------------------*/
@media screen and (min-width: 1200px) { /* xl */
	/*.page-news .item.type-news.-full {}*/

	/* Item: Body
	/*---------------------------------------------------------------*/
	.page-news .item.type-news.-full .item-body {
		margin: 0;
		padding: 1rem 0 0;
	}
}

/*-------------------------------------------------------------------------*/
/* News: Comments
/*-------------------------------------------------------------------------*/
/*.page-news [news-comments] {}*/

/* News: Comments: Area
/*---------------------------------------------------------------*/
.page-news [news-comments] .comments_area {
	--margin-primary: 1rem;

	width: 100%;
	height: auto;

	display: block;
}

.page-news [news-comments] .comments_area .comments {
	width: 100%;
	height: auto;

	display: block;
}

/* News: Comments: Area: Grid
/*-----------------------------------------------------*/
.page-news [news-comments] .comments_area .row {
	gap: var(--margin-primary);
}

.page-news [news-comments] .comments_area .row .col-md-12 {
	-webkit-box-flex: 0;
	-ms-flex: 0;
	flex: 0;
}

.page-news [news-comments] .comments_area .row .col-md-12 + .col-md-12 {
	-webkit-box-flex: 10;
	-ms-flex: 10;
	flex: 10;
}

/* News: Comments: Area: Comment
/*-----------------------------------------------------*/
.page-news [news-comments] .comments_area .comments .comment {
	width: 100%;
	height: auto;

	color: var(--color-base);

	margin: var(--margin-primary) 0 0 0 !important;
	padding: 1rem;

	-webkit-border-radius: var(--borderRadius-primary);
	border-radius: var(--borderRadius-primary);
} .page-news [news-comments] .comments_area .comments .comment:first-child {margin: 0 !important;}

.page-news [news-comments] .comments_area .comments .comment::before {
	width: 100%;
	height: 100%;

	top: 0;
	left: 0;

	opacity: 0.5;

	content: '';
	position: absolute;

	-webkit-border-radius: var(--borderRadius-primary);
	border-radius: var(--borderRadius-primary);

	background-color: var(--background-shade);
}

.page-news [news-comments] .comments_area .comments .comment p {
	margin: 0;
}

.page-news [news-comments] .comments_area .comments .comment i,
.page-news [news-comments] .comments_area .comments .comment img,
.page-news [news-comments] .comments_area .comments .comment svg {
	vertical-align: middle;
}

/*.page-news [news-comments] .comments_area .comments .comment strong {}*/

.page-news [news-comments] .comments_area .comments .comment strong a {
	color: var(--color-idle);
}

.page-news [news-comments] .comments_area .comments .comment strong a:hover,
.page-news [news-comments] .comments_area .comments .comment strong a:active {
	color: var(--color-active);
}

.page-news [news-comments] .comments_area .comments .comment strong::after {
	content: ' ';
}

.page-news [news-comments] .comments_area .comments .comment .avatar {
	width: 80px;
	height: 80px;

	float: none;
	margin: 0;
}

/* News: Comments: Area: Staff comment
/*-----------------------------------------------------*/
.page-news [news-comments] .comments_area .comments .staff_comment {
	--color-base: #00aeff;
	--color-idle: rgba(255, 255, 255, 0.8);
	--color-active: #fff;
}

/* News: Comments: Form
/*---------------------------------------------------------------*/
.page-news [news-comments] form {
	--margin-primary: 1rem;

	margin: var(--margin-primary) 0 0 0;
	text-align: right;
}

/* News: Comments: Form: RESET
/*-----------------------------------------------------*/
.page-news [news-comments] form > div[class] {
	padding: 0 !important;
}

/* News: Comments: Form: Textarea
/*-----------------------------------------------------*/
.page-news [news-comments] form textarea {
	width: 100%;
	min-height: 100px;

	display: block;
}

/* News: Comments: Form: Characters remaining
/*-----------------------------------------------------*/
.page-news [news-comments] form textarea + div {
	top: auto;

	right: -webkit-calc(var(--bs-gutter-x) * 0.5);
	right: -moz-calc(var(--bs-gutter-x) * 0.5);
	right: calc(var(--bs-gutter-x) * 0.5);

	color: inherit;

	margin: -25px var(--field-padding) 0 0;

	position: absolute;

	font-size: var(--field-font-size);
	font-family: var(--font-family-tertiary);
}

/* News: Comments: Form: Button
/*-----------------------------------------------------*/
.page-news [news-comments] form .nice_button {
	margin: var(--margin-primary) 0 0 0;
}

/*-------------------------------------------------------------------------*/
/* News: Features Section (index / listing)
/*-------------------------------------------------------------------------*/
.news-features-section {
	padding: 1rem 0 1rem;
}

.news-features-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;

	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;

	max-width: 1280px;
	margin: 0 auto;
	padding: 0 1.5rem;
}

/* Left: intro panel
/*---------------------------------------------------------------*/
.news-features-intro {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 270px;
	flex: 0 0 270px;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;

	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;

	gap: 1.1rem;
}

.features-eyebrow {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: .6rem;

	color: var(--color-inactive);
	font-family: var(--font-family-tertiary);
	font-size: .7rem;
	text-transform: uppercase;
	letter-spacing: .15em;
}

.features-eyebrow::before {
	content: '';
	display: block;
	width: 24px;
	height: 1px;
	background: var(--color-inactive);
	-webkit-box-flex: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.features-heading {
	color: var(--color-idle);
	font-family: var(--font-family-nav);
	font-size: 1.875rem;
	line-height: 1.2;
	margin: 0;
}

.features-subtitle {
	color: var(--color-base);
	font-family: var(--font-family-tertiary);
	font-size: .875rem;
	line-height: 1.65;
	margin: 0;
	opacity: .85;
}

.features-cta {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;

	padding: .5rem 1.4rem;

	color: var(--color-idle);

	border: 1px solid rgba(193, 154, 87, 0.5);
	border-radius: 999px;

	background: linear-gradient(135deg, rgba(110, 78, 28, 0.25), rgba(36, 23, 8, 0.6));

	font-family: var(--font-family-nav);
	font-size: .78rem;
	font-weight: 700;
	letter-spacing: .07em;
	text-transform: uppercase;
	text-decoration: none;

	-webkit-transition: background 200ms ease, border-color 200ms ease, color 200ms ease, -webkit-box-shadow 200ms ease;
	-o-transition: background 200ms ease, border-color 200ms ease, color 200ms ease, box-shadow 200ms ease;
	transition: background 200ms ease, border-color 200ms ease, color 200ms ease, box-shadow 200ms ease;
}

.features-cta:hover,
.features-cta:focus {
	background: linear-gradient(135deg, rgba(110, 78, 28, 0.45), rgba(36, 23, 8, 0.8));
	border-color: rgba(254, 227, 115, 0.65);
	color: var(--color-active);
	-webkit-box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
	text-decoration: none;
}

/* Right: cards grid
/*---------------------------------------------------------------*/
.news-features-grid {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;

	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1rem;
}

/* Feature card — full background image with text overlay
/*---------------------------------------------------------------*/
.feature-card {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;

	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;

	background-image: var(--card-bg, linear-gradient(145deg, #22170f, #110a06));
	background-size: cover;
	background-position: center top;

	border: 1px solid rgba(193, 154, 87, 0.2);
	border-radius: 14px;

	overflow: hidden;
	text-decoration: none;

	aspect-ratio: 4 / 3;

	-webkit-box-shadow: 0 8px 28px rgba(0, 0, 0, 0.6), inset 0 0 50px rgba(0, 0, 0, 0.35);
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.6), inset 0 0 50px rgba(0, 0, 0, 0.35);

	-webkit-transition: border-color 250ms ease, -webkit-transform 250ms ease, -webkit-box-shadow 250ms ease;
	-o-transition: border-color 250ms ease, transform 250ms ease, box-shadow 250ms ease;
	transition: border-color 250ms ease, transform 250ms ease, box-shadow 250ms ease;
}

.feature-card:hover,
.feature-card:focus {
	border-color: rgba(254, 227, 115, 0.5);
	-webkit-transform: translateY(-4px);
	-ms-transform: translateY(-4px);
	transform: translateY(-4px);
	-webkit-box-shadow: 0 20px 44px rgba(0, 0, 0, 0.65);
	box-shadow: 0 20px 44px rgba(0, 0, 0, 0.65);
	text-decoration: none;
}

/* Card: body — gradient shadow over image for text legibility
/*---------------------------------------------------------------*/
.feature-card-body {
	padding: 1.5rem 1rem 1rem;

	background: -webkit-gradient(linear, left bottom, left top, from(rgba(10, 6, 3, 0.97)), color-stop(45%, rgba(14, 9, 5, 0.88)), color-stop(72%, rgba(16, 10, 7, 0.5)), to(transparent));
	background: -o-linear-gradient(bottom, rgba(10, 6, 3, 0.97) 0%, rgba(14, 9, 5, 0.88) 45%, rgba(16, 10, 7, 0.5) 72%, transparent 100%);
	background: linear-gradient(to top, rgba(10, 6, 3, 0.97) 0%, rgba(14, 9, 5, 0.88) 45%, rgba(16, 10, 7, 0.5) 72%, transparent 100%);

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;

	gap: .4rem;
}

.feature-card-title {
	color: var(--color-idle);
	font-family: var(--font-family-nav);
	font-size: .88rem;
	font-weight: 700;
	line-height: 1.3;
	margin: 0;
	text-shadow: 0 1px 5px rgba(0, 0, 0, 0.85);
}

.feature-card:hover .feature-card-title {
	color: var(--color-active);
}

.feature-card-desc {
	display: none;
}

/* Responsive: tablet
/*---------------------------------------------------------------*/
@media screen and (max-width: 1199px) {
	.news-features-inner {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;

		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;

		gap: 2rem;
	}

	.news-features-intro {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 100%;
	}

	.news-features-grid {
		grid-template-columns: repeat(2, 1fr);
		width: 100%;
	}

	.feature-card {
		aspect-ratio: 4 / 3;
	}
}

/* Responsive: mobile
/*---------------------------------------------------------------*/
@media screen and (max-width: 575px) {
	.news-features-grid {
		grid-template-columns: 1fr;
	}

	.feature-card {
		aspect-ratio: 16 / 9;
	}
}