#nov-sub {
	container-type: inline-size;
	max-width: 1345px;
	margin-top: 26px;
	padding: 0 15px;
}
#nov-sub .nov-sub-inner {
	--s: calc(100cqw / 1315);
	display: grid;
	grid-template-columns: 100%;
	background-color: #000000;
}
#nov-sub .nov-sub-inner > * {
	grid-area: 1 / 1;
}
#nov-sub .nov-sub-bg img {
	width: 100%;
	height: auto;
}
#nov-sub .nov-sub-content {
	padding-top: calc(3 * var(--s));
}
#nov-sub .nov-sub-title,
#nov-sub .nov-sub-box {
	color: #ffffff;
	font-family: 'SofiaProBold Nov', 'SofiaProBold', sans-serif;
	white-space: nowrap;
}
#nov-sub .nov-sub-title {
	font-size: calc(84.3 * var(--s));
	line-height: calc(91 * var(--s));
	letter-spacing: calc(3.6 * var(--s));
	-webkit-text-stroke: calc(4.98 * var(--s)) #ffffff;
}
#nov-sub .nov-sub-box {
	height: calc(35 * var(--s));
	padding: 0 calc(11 * var(--s)) 0 calc(10.4 * var(--s));
	background-color: #ff0100;
	font-size: calc(32.4 * var(--s));
	line-height: 1;
	letter-spacing: calc(1.4 * var(--s));
	-webkit-text-stroke: calc(1.1 * var(--s)) #ffffff;
}
#nov-sub .nov-sub-box2 {
	margin-top: calc(8 * var(--s));
}
#nov-sub .nov-sub-cta {
	width: calc(219 * var(--s));
	height: calc(45 * var(--s));
	margin-top: calc(17 * var(--s));
	padding: 0;
	border-radius: calc(50 * var(--s));
	background-color: #ffffff;
	color: #000000;
	font-size: calc(20 * var(--s));
	line-height: 1;
	white-space: nowrap;
	transition: background-color .2s;
}
#nov-sub .nov-sub-cta:hover,
#nov-sub .nov-sub-cta:focus-visible {
	background-color: #e6e6e6;
	color: #000000;
}
@supports (text-box: trim-both cap alphabetic) {
	#nov-sub .nov-sub-box > span,
	#nov-sub .nov-sub-cta > span {
		display: block;
		text-box: trim-both cap alphabetic;
	}
}
@media (max-width: 567px) {
	#nov-sub {
		margin-top: 12px;
		padding: 0;
	}
	#nov-sub .nov-sub-inner {
		--s: calc(100cqw / 390);
	}
	#nov-sub .nov-sub-content {
		padding-top: calc(33 * var(--s));
	}
	#nov-sub .nov-sub-title {
		max-width: calc(250 * var(--s));
		font-size: calc(70 * var(--s));
		line-height: calc(69.42 * var(--s));
		letter-spacing: calc(3 * var(--s));
		-webkit-text-stroke: calc(4.13 * var(--s)) #ffffff;
		white-space: normal;
	}
	#nov-sub .nov-sub-box {
		height: calc(27 * var(--s));
		padding: 0 calc(8.2 * var(--s)) 0 calc(7.8 * var(--s));
		font-size: calc(24.3 * var(--s));
		letter-spacing: calc(0.8 * var(--s));
		-webkit-text-stroke: calc(0.83 * var(--s)) #ffffff;
	}
	#nov-sub .nov-sub-box1 {
		margin-top: calc(7.7 * var(--s));
	}
	#nov-sub .nov-sub-box2 {
		margin-top: calc(5 * var(--s));
	}
	#nov-sub .nov-sub-cta {
		width: calc(235 * var(--s));
		margin-top: calc(27 * var(--s));
		border-radius: calc(54 * var(--s));
	}
}
