#banner-brand {
	margin: 110px 0 0;
}
#banner-brand .container {
	--content-width: 1312px;
}
#banner-brand .banner-brand-inner {
	width: 1282px;
	max-width: 100%;
	height: 326px;
	background-image: url("../../images/home/banner-brand-bg.jpg");
	background-image: image-set(url("../../images/home/banner-brand-bg.webp") 1x, url("../../images/home/banner-brand-bg@2x.webp") 2x);
	background-image: -webkit-image-set(url("../../images/home/banner-brand-bg.webp") 1x, url("../../images/home/banner-brand-bg@2x.webp") 2x);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	overflow: hidden;
}
#banner-brand .banner-brand-text {
	width: 485px;
	max-width: 100%;
	margin-right: 46px;
}
#banner-brand .bb-title {
	font-size: 52px;
	line-height: 56px;
	letter-spacing: 0.52px;
	color: #fff;
	-webkit-text-stroke: 4px #000;
	paint-order: stroke fill;
	filter: drop-shadow(3px 5px 0 #f1712a);
}
#banner-brand .bb-text {
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 19px;
	line-height: 26px;
}
#banner-brand .bb-cta {
	width: 165px;
	height: 40px;
	margin-top: 25px;
	padding: 0;
	border-radius: 200px;
	font-size: 20px;
	line-height: 40px;
	box-sizing: border-box;
}
@media (max-width: 1279px) {
	#banner-brand .banner-brand-text {
		width: 44%;
		margin-right: 3.5%;
	}
	#banner-brand .bb-title {
		font-size: 40px;
		line-height: 44px;
	}
	#banner-brand .bb-text {
		font-size: 17px;
		line-height: 24px;
	}
}
@media (max-width: 767px) {
	#banner-brand {
		margin: 40px 0 0;
	}
	#banner-brand .container {
		--content-width: 390px;
	}
	#banner-brand .banner-brand-inner {
		width: 360px;
		height: 576px;
		align-items: flex-start;
		justify-content: center;
		background-image: url("../../images/home/banner-brand-bg-m.jpg");
		background-image: image-set(url("../../images/home/banner-brand-bg-m.webp") 1x, url("../../images/home/banner-brand-bg-m@2x.webp") 2x);
		background-image: -webkit-image-set(url("../../images/home/banner-brand-bg-m.webp") 1x, url("../../images/home/banner-brand-bg-m@2x.webp") 2x);
	}
	#banner-brand .banner-brand-text {
		width: 313px;
		max-width: calc(100% - 30px);
		margin: 40px 0 0;
	}
	#banner-brand .bb-title {
		width: 302px;
		max-width: 100%;
		margin: 0 auto;
		font-size: 41px;
		line-height: 41px;
		letter-spacing: 0.41px;
	}
	#banner-brand .bb-text {
		padding-top: 10px;
		font-size: 20px;
		line-height: 26px;
	}
	#banner-brand .bb-cta {
		margin-top: 18px;
	}
}