#nov-banner {
	margin: 20px auto;
}
#nov-banner .banner-inner {
	display: grid;
	grid-template-columns: 100%;
	width: 100%;
	max-width: 1315px;
	background-color: #000000;
	container-type: inline-size;
}
#nov-banner .banner-inner > * {
	grid-area: 1 / 1;
}
#nov-banner .nov-banner-bg img {
	width: 100%;
	height: auto;
}
#nov-banner .nov-banner-content {
	--b: calc(100cqw / 1315);
	--h: calc(var(--b) * 460 / 793);
	align-items: flex-start;
	padding: calc(13.4 * var(--b)) 0 0 calc(182 * var(--b));
	text-align: center;
}
#nov-banner .nov-sr {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}
#nov-banner .nov-headline {
	display: grid;
	flex: 0 0 auto;
	width: calc(793 * var(--h));
	height: calc(387.13 * var(--h));
}
#nov-banner .nov-headline > * {
	grid-area: 1 / 1;
}
#nov-banner .nov-art {
	margin: calc(-2 * var(--h));
}
#nov-banner .nov-art img {
	width: calc(797 * var(--h));
	height: auto;
}
#nov-banner .nov-title {
	align-self: start;
	justify-self: start;
	padding: calc(147 * var(--h)) 0 0 calc(394.6 * var(--h));
	color: #ffffff;
	text-align: left;
	white-space: nowrap;
}
#nov-banner .nov-addons {
	font-family: 'Canva Sans', sans-serif;
	font-weight: 700;
	font-size: calc(62.9 * var(--h));
	line-height: 1;
	-webkit-text-stroke: calc(3.77 * var(--h)) #ffffff;
	text-shadow: calc(5.65 * var(--h)) calc(7.54 * var(--h)) 0 #ff0100;
}
#nov-banner .nov-here {
	margin-top: calc(23 * var(--h));
	font-family: 'avalanche', sans-serif;
	font-weight: 400;
	font-size: calc(60.76 * var(--h));
	letter-spacing: calc(8.51 * var(--h));
	line-height: 1;
	-webkit-text-stroke: calc(2.17 * var(--h)) #ffffff;
	text-shadow: calc(3.26 * var(--h)) calc(4.34 * var(--h)) 0 #000000;
}
#nov-banner .nov-banner-copy {
	width: calc(446 * var(--b));
	margin: calc(40.6 * var(--b)) 0 0 calc(5 * var(--b));
}
#nov-banner .nov-copy {
	color: #ffffff;
	font-family: 'Canva Sans', sans-serif;
	font-weight: 700;
	font-size: calc(22 * var(--b));
	line-height: calc(29.96 * var(--b));
}
#nov-banner .nov-hl {
	display: inline-block;
	padding: 0 calc(9.2 * var(--b));
	background-color: #ff0100;
	line-height: calc(29 * var(--b));
}
#nov-banner .nov-banner-cta {
	width: calc(235 * var(--b));
	height: calc(45 * var(--b));
	margin-top: calc(19.12 * var(--b));
	padding: 0;
	border-radius: calc(50 * var(--b));
	background-color: #ff0100;
	color: #ffffff;
	font-size: calc(20 * var(--b));
	line-height: 1;
	white-space: nowrap;
	transition: background-color .2s;
}
#nov-banner .nov-banner-cta:hover,
#nov-banner .nov-banner-cta:focus-visible {
	background-color: #d00000;
}
@supports (text-box: trim-both cap alphabetic) {
	#nov-banner .nov-banner-cta > span {
		display: block;
		text-box: trim-both cap alphabetic;
	}
}
@media (max-width: 567px) {
	#nov-banner .banner-inner {
		max-width: 450px;
	}
	#nov-banner .nov-banner-content {
		--b: calc(100cqw / 390);
		--h: calc(var(--b) * 424 / 793);
		flex-direction: column;
		align-items: center;
		padding: calc(54.2 * var(--b)) 0 0;
	}
	#nov-banner .nov-banner-copy {
		width: calc(344 * var(--b));
		margin: calc(22.8 * var(--b)) 0 0;
	}
	#nov-banner .nov-copy {
		font-weight: 500;
		font-size: calc(20 * var(--b));
		line-height: calc(27.24 * var(--b));
	}
	#nov-banner .nov-hl {
		margin: calc(-0.88 * var(--b)) 0;
		padding: 0 calc(10 * var(--b));
	}
	#nov-banner .nov-banner-cta {
		margin-top: calc(29.04 * var(--b));
		border-radius: calc(54 * var(--b));
	}
}