/* Oct 2026 inner banner (flat). The art is one image per breakpoint (Figma 1:118 cropped to the
   1315×252 banner, and 66:134 at 390×624). The live CTA covers the baked-in CTA, positioned in %
   of the banner so it stays in place at any width:
     desktop CTA 1:180 at (1023, 183) 235×45 in 1315×252
     mobile  CTA 66:498 at (77, 525)  235×45 in 390×624 */

#oct-banner {
	margin: 20px auto;
}

#oct-banner .banner-inner {
	width: 100%;
	max-width: 1315px;
	container-type: inline-size;
}

#oct-banner .banner-inner img {
	width: 100%;
	height: auto;
}

#oct-banner .button {
	left: 77.79%;
	top: 72.62%;
	width: 17.87%;
	height: 17.86%;
	padding: 0;
	border-radius: 54px;
	background-color: #f60470;
	color: #ffffff;
	font-size: clamp(9px, 1.52vw, 20px);
	font-size: 1.521cqw;
	line-height: 1;
	white-space: nowrap;
}

#oct-banner .button:hover,
#oct-banner .button:focus-visible {
	background-color: #d80362;
}

@media (max-width: 567px) {
	#oct-banner .banner-inner {
		max-width: 450px;
	}

	#oct-banner .button {
		left: 19.74%;
		top: 84.13%;
		width: 60.26%;
		height: 7.21%;
		font-size: clamp(14px, 5.13vw, 23px);
		font-size: 5.128cqw;
	}
}