#nov-promo {
	container-type: inline-size;
	background-color: #000000;
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url(../images/hero/back.jpg);
	background-image: -webkit-image-set(url("../images/hero/back.webp") 1x, url("../images/hero/back@2x.webp") 2x);
	background-image: image-set(url("../images/hero/back.webp") 1x, url("../images/hero/back@2x.webp") 2x);
}
#nov-hero {
	--u: min(1px, calc(100cqw / 900));
	--h: var(--u);
	padding: calc(60.43 * var(--u)) 0 calc(56 * var(--u));
}
#nov-promo .nov-sr {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}
#nov-promo .nov-headline {
	display: grid;
	width: calc(793 * var(--h));
	height: calc(387.13 * var(--h));
	margin-left: calc(3 * var(--h));
}
#nov-promo .nov-headline > * {
	grid-area: 1 / 1;
}
#nov-promo .nov-art {
	margin: calc(-2 * var(--h));
}
#nov-promo .nov-art img {
	width: calc(797 * var(--h));
	height: auto;
}
#nov-promo .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-promo .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-promo .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-promo .nov-copy {
	max-width: calc(758 * var(--u));
	margin-top: calc(19.44 * var(--u));
	color: #ffffff;
	font-family: 'Canva Sans', sans-serif;
	font-weight: 700;
	font-size: calc(24 * var(--u));
	line-height: calc(32.68 * var(--u));
}
#nov-promo .nov-hl {
	display: inline-block;
	padding: 0 calc(10 * var(--u));
	background-color: #ff0100;
	line-height: calc(29 * var(--u));
}
#nov-promo .nov-cta {
	min-width: calc(235 * var(--u));
	height: calc(45 * var(--u));
	margin-top: calc(31.6 * var(--u));
	padding: 0 calc(30 * var(--u));
	border-radius: calc(54 * var(--u));
	background-color: #ff0100;
	color: #ffffff;
	font-size: calc(20 * var(--u));
	line-height: 1;
	white-space: nowrap;
	transition: background-color .2s;
}
#nov-promo .nov-cta:hover,
#nov-promo .nov-cta:focus-visible {
	background-color: #d00000;
}
@supports (text-box: trim-both cap alphabetic) {
	#nov-promo .nov-cta > span {
		display: block;
		text-box: trim-both cap alphabetic;
	}
}
@media (max-width: 567px) {
	#nov-promo {
		background-image: url(../images/hero/back-m.jpg);
		background-image: -webkit-image-set(url("../images/hero/back-m.webp") 1x, url("../images/hero/back-m@2x.webp") 2x);
		background-image: image-set(url("../images/hero/back-m.webp") 1x, url("../images/hero/back-m@2x.webp") 2x);
	}
	#nov-hero {
		--u: calc(100cqw / 390);
		--h: calc(var(--u) * 424 / 793);
		padding: calc(94.22 * var(--u)) 0 calc(89 * var(--u));
	}
	#nov-promo .nov-headline {
		margin-left: 0;
	}
	#nov-promo .nov-copy {
		max-width: calc(344 * var(--u));
		margin-top: calc(28.79 * var(--u));
		font-weight: 500;
		font-size: calc(20 * var(--u));
		line-height: calc(27.24 * var(--u));
	}
	#nov-promo .nov-hl {
		margin: calc(-0.88 * var(--u)) 0;
		padding: 0 calc(10 * var(--u));
	}
	#nov-promo .nov-cta {
		margin-top: calc(24.04 * var(--u));
	}
}