.nha-featured-media {
	position: relative;
	overflow: hidden;
	background: #062f28;
}

.nha-featured-media [hidden] {
	display: none !important;
}

.nha-featured-media__track,
.nha-featured-media__slide {
	width: 100%;
	height: 100%;
	margin: 0;
}

.nha-featured-media[data-transition="fade"] .nha-featured-media__slide.is-active {
	animation: nha-media-fade 420ms ease both;
}

.nha-featured-media[data-transition="slide"] .nha-featured-media__slide.is-active {
	animation: nha-media-slide 480ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes nha-media-fade {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes nha-media-slide {
	from { opacity: 0; transform: translateX(3%); }
	to { opacity: 1; transform: translateX(0); }
}

.nha-featured-media__slide > img,
.nha-featured-media__slide picture,
.nha-featured-media__slide picture img,
.nha-featured-media__slide video,
.nha-featured-media__slide iframe,
.nha-featured-media__play {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 360px;
	border: 0;
	object-fit: cover;
}

.nha-featured-media__play {
	position: relative;
	padding: 0;
	cursor: pointer;
	background: #062f28;
}

.nha-featured-media__play > span:last-child {
	position: absolute;
	top: 50%;
	left: 50%;
	display: grid;
	width: 64px;
	height: 64px;
	place-items: center;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	background: #d62f47;
	color: #fff;
	font-size: 24px;
}

.nha-featured-media__video-placeholder {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 360px;
	background: linear-gradient(135deg, #062f28, #205b4d);
}

.nha-featured-media figcaption {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	gap: 8px 16px;
	align-items: baseline;
	padding: 14px 22px;
	background: linear-gradient(transparent, rgba(0, 0, 0, 0.78));
	color: #fff;
}

.nha-featured-media figcaption span {
	font-size: 0.9em;
}

.nha-featured-media__controls {
	position: absolute;
	right: 18px;
	bottom: 18px;
	z-index: 3;
	display: flex;
	gap: 8px;
	align-items: center;
	padding: 6px;
	border-radius: 999px;
	background: rgba(4, 39, 33, 0.86);
	color: #fff;
}

.nha-featured-media__controls button {
	display: grid;
	width: 36px;
	height: 36px;
	padding: 0;
	place-items: center;
	border: 1px solid rgba(255, 255, 255, 0.55);
	border-radius: 50%;
	background: transparent;
	color: #fff;
	cursor: pointer;
}

@media (max-width: 767px) {
	.nha-featured-media__slide > img,
	.nha-featured-media__slide picture,
	.nha-featured-media__slide picture img,
	.nha-featured-media__slide video,
	.nha-featured-media__slide iframe,
	.nha-featured-media__play,
	.nha-featured-media__video-placeholder {
		min-height: 260px;
	}

	.nha-featured-media figcaption {
		padding: 12px 16px 64px;
		flex-direction: column;
	}
}

@media (prefers-reduced-motion: reduce) {
	.nha-featured-media * {
		animation: none !important;
		scroll-behavior: auto !important;
		transition: none !important;
	}
}