.FEATURED .container {
	border-radius: 16rem;
	overflow: hidden;
	background: var(--dark-navy);
	position: relative;
}

.FEATURED .container .slide {
	padding: 64rem;
	position: relative;
	width: 100%;
	box-sizing: border-box;
	z-index: 1;
}

.FEATURED .container h2 span {
	color: var(--primary-orange);
}

.FEATURED .b-stat-number {
	color: var(--primary-orange);
}

.FEATURED .container a:not(.b-button):hover {
	color: inherit;
}

.FEATURED .container a:not(.b-button)::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.FEATURED .actions {
	margin-top: 128rem;
}

.FEATURED .actions .b-button {
	display: inline-block;
	border-radius: 24rem;
	box-shadow: none;
	padding: 13rem 0;
	min-width: 48rem;
	line-height: 22rem;
	pointer-events: none;
}

.FEATURED .actions .b-button > span {
	overflow: hidden;
	max-width: 0;
	display: inline-block;
	vertical-align: top;
	white-space: nowrap;
	transition: max-width 0.25s;
	line-height: 22rem;
}

.FEATURED .actions .b-button span span{
	display: inline-block;
	vertical-align: top;
	padding: 0 24rem;
}

.FEATURED .actions .b-button svg {
	margin: -12rem 0;
	vertical-align: middle;
	display: inline-block;
	transform: translate(-2rem, -2rem);
}

.FEATURED .hash-nav {
	color: var(--grey);
	text-align: center;
	margin-top: 32rem;
}

.FEATURED .hash-nav ul {
	display: flex;
	list-style: none;
	padding: 0;
	margin: 0;
	justify-content: center;
}

.FEATURED .hash-nav li {
	width: 20%;
	border-top: 2rem solid var(--dark-navy);
	margin: 0;
	box-sizing: border-box;
	transition: color 0.25s;
	color: var(--dark-navy);
}

.FEATURED .hash-nav .b-button {
	color: inherit !important;
	transition: none;
	display: block;
	padding: 12rem 8rem 4rem;
	font-size: 16rem;
	text-align: center;
	width: 100%;
}

.FEATURED .background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	pointer-events: none;
}

.FEATURED .background::before {
	content: '';
	background: var(--dark-navy);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	opacity: 0.3;
	z-index: 1;
	border-radius: 16rem;
}

.FEATURED .background .b-img {
	width: 100%;
	height: 100%;
}

.FEATURED .background img,
.FEATURED .background video {
	position: absolute !important;
	top: 70%;
	left: 50%;
	width: 1216rem !important;
	height: auto !important;
	max-width: none !important;
	object-fit: cover;
	object-position: top center !important;
	transform: translate(-50%, -50%);
}

.FEATURED .background button {
	display: block;
	position: absolute;
	bottom: 65rem;
	right: 52rem;
	width: 48rem;
	height: 48rem;
	padding: 0;
	margin: 0;
	background: url(../../assets/images/ui-pause.svg) no-repeat center / 100%;
	border: none;
	overflow: hidden;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
	z-index: 2;
	pointer-events: all;
	text-indent: -9999rem;
}

.FEATURED .background button.alt-paused {
	background-image: url(../../assets/images/ui-pause-play.svg);
}

.FEATURED .hash-nav li[data-active] {border-color: currentColor; color: var(--green);}

.FEATURED .container .slide:nth-child(n+3) {display: none;}
.FEATURED .container.flickity-enabled .slide {display: block;}
.FEATURED .flickity-viewport {transition: height 0.25s; z-index: 1;}

.FEATURED[data-count="1"] .hash-nav {display: none;}

@media screen and (min-width: 961px) {
	.FEATURED .b-stat-number {font-size: 60rem;}
	.FEATURED .slide:hover .actions .b-button > span {max-width: 320rem;}
	.FEATURED .slide:hover .actions .b-button svg {transform: translate(-16rem, -2rem);}

	.FEATURED .slide > .b-columns {margin: 0 -32rem;}
	.FEATURED .slide > .b-columns > .b-column {padding: 0 32rem;}
	.FEATURED .slide > .b-columns > .b-column[data-width="6"]:first-child {border-right: 1rem solid var(--grey);}
}

@media screen and (max-width: 960px) {
	.FEATURED .slide > .b-columns {margin: -16rem 0;}
	.FEATURED .slide > .b-columns > .b-column {padding: 16rem 0;}
	.FEATURED .slide > .b-columns > .b-column[data-width="6"]:first-child {border-bottom: 1rem solid var(--grey);}

	.FEATURED .background {display: none;}
	.FEATURED .container .slide {padding: 24rem;}
	.FEATURED .actions {margin-top: 24rem;}

	.FEATURED .hash-nav li {border-top-width: 4rem; margin: 0 2rem;}
	.FEATURED .hash-nav .b-button {text-indent: -999rem; font-size: 0; line-height: 0; margin-top: -10rem;}
}
