/* ============ ABOUT HERO ============ */
.hero--about {
	height: 640px;
}
.hero--about__overlay {
	background: linear-gradient(180deg, rgba(15, 22, 32, .15) 0%, rgba(15, 22, 32, .1) 40%, rgba(15, 22, 32, .95) 100%);
}
.hero--about__title {
	position: relative;
	color: #fff;
	font-size: 88px;
	font-weight: 800;
	letter-spacing: .01em;
	text-transform: uppercase;
	margin: 0 0 110px 40px;
	line-height: .9;
}

/* ============ WHY ABOVE & BEYOND ============ */
.why-section {
	position: relative;
	overflow: hidden;
	padding: 90px 40px 60px;
	max-width: 1280px;
	margin: 0 auto;
	background-image: var(--why-bg);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 50% auto;
}

.why-section__content {
	position: relative;
	z-index: 2;
	max-width: 560px;
}
.why-section__why {
	color: var(--aab-orange);
	font-size: 46px;
	font-weight: 800;
	line-height: 1;
	margin-bottom: 2px;
}
.why-section__brand {
	color: #fff;
	font-size: 46px;
	font-weight: 800;
	line-height: 1.02;
}

.why-section__cards {
	display: flex;
	flex-direction: column;
	gap: 26px;
	margin-top: 40px;
}
.why-card {
	border: 1px solid rgba(255, 255, 255, .1);
	border-radius: 18px;
	padding: 26px 30px;
	background: linear-gradient(109deg, rgba(255, 255, 255, .07) 0%, rgba(255, 255, 255, .02) 100%);
	backdrop-filter: blur(8px);
}
.why-card__num {
	font-size: 30px;
	font-weight: 800;
	margin-bottom: 10px;
}
.why-card p {
	font-size: 15px;
	line-height: 1.55;
	margin: 0;
}
.why-card--orange .why-card__num { color: var(--aab-orange); }
.why-card--orange p { color: #ee8a5e; }
.why-card--teal .why-card__num { color: var(--aab-teal); }
.why-card--teal p { color: #5cc3a8; }
.why-card--blue .why-card__num { color: var(--aab-blue); }
.why-card--blue p { color: #6f97da; }

@media (max-width: 900px) {
	.hero--about {
		height: 460px;
	}
	.hero--about__title {
		font-size: 56px;
		margin-bottom: 60px;
	}
	.why-section {
		padding-left: 24px;
		padding-right: 24px;
		background-image: none;
	}
}
@media (max-width: 480px) {
	.hero--about__title {
		font-size: 38px;
		margin-bottom: 44px;
	}
	.why-section__why,
	.why-section__brand {
		font-size: 34px;
	}
}