.bb-landing-intro {
	
}
.bb-landing-intro-text {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	align-items: end;
	padding: 50px 0;
}
.bb-landing-intro-text h2 {
	color: var(--color--offblack);
	text-align: right;
	leading-trim: both;
	text-edge: cap;
	font-variant-numeric: lining-nums proportional-nums;
	font-feature-settings: 'salt' on, 'ss01' on, 'ss02' on, 'ss03' on, 'ss08' on;
	text-shadow: 0px 0px 106.924px rgba(0, 0, 0, 0.05);
	font-family: "DM-Sans";
	font-size: var(--font--size-XXXL) !important;
	font-style: normal;
	font-weight: 900;
	font-variation-settings: "wght" 900;
	line-height: 85%; /* 191.25px */
	letter-spacing: -2px;
	text-align: right;
	margin: 0 !important;
}
.bb-landing-intro-text p {
	color: var( --color--greygreen) !important;
	leading-trim: both !important;
	text-edge: cap !important;
	font-variant-numeric: lining-nums proportional-nums !important;
	font-feature-settings: 'case' on, 'ss01' on, 'ss02' on, 'ss03' on !important;
	font-family: "DM-Sans" !important;
	font-size: var(--font--size-S) !important;
	font-style: normal !important;
	font-weight: 500 !important;
	font-variation-settings: "wght" 500;
	line-height: 135% !important; /* 37.8px */
	margin: 10px 0 0 0 !important;
	letter-spacing: 0 !important;
}
.bb-landing-intro-text p strong {
	color: var(--color--offblack) !important;
	leading-trim: both !important;
	text-edge: cap !important;	
	font-variant-numeric: lining-nums proportional-nums !important;
	font-feature-settings: 'ss02' on, 'ss03' on, 'ss04' on, 'ss05' on, 'ss08' on !important;
	font-family: "DM-Sans" !important;
	font-size: var(--font--size-S) !important;
	font-style: normal !important;
	font-weight: 700 !important;
	font-variation-settings: "wght" 700;
	line-height: 120% !important; /* 33.6px */
	margin: 10px 0 0 0 !important;
	letter-spacing: 0 !important;
}
.bb-landing-intro-text > div:first-child {
	order: 1;
}
.bb-landing-intro-blurb {
	max-width: 500px;
}
.bb-landing-intro-cards {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
	grid-gap: 20px;
}
.bb-landing-intro-card-wrapper {
	position: relative;
	aspect-ratio: 0.67;
}

.bb-landing-intro-card {
	background: var(--color--black);
	color: var(--color--white);
	padding: 60px;
	border-radius: 12px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	opacity: 1;
	transition: 0.3s;
}
.bb-landing-intro-card {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.bb-landing-intro-card img {
	width: 130px;
	height: auto;
	display: block;
	margin-bottom: 110px;
}
.bb-landing-intro-card h3 {
	leading-trim: both;
	text-edge: cap;
	font-variant-numeric: lining-nums proportional-nums;
	font-feature-settings: 'salt' on, 'ss02' on, 'ss03' on, 'ss04' on, 'ss05' on, 'ss08' on;
	font-family: "DM-Sans";
	font-size: var(--font--size-L);
	font-style: normal;
	font-weight: 700;
	font-variation-settings: "wght" 700;
	line-height: 100%; /* 48px */
	margin: 20px 0 50px 0;
}
.bb-landing-intro-card hr {
	height: 1px;
	width: 100%;
	background: var(--color--white);
	margin: 10px 0 0 0;
}
.bb-landing-intro-card p {
	color: var(--color--white) !important;
	margin: 30px 0 0 0 !important;
	leading-trim: both !important;
	text-edge: cap !important;
	font-variant-numeric: lining-nums proportional-nums !important;
	font-feature-settings: 'ss02' on, 'ss03' on, 'ss04' on, 'ss05' on, 'ss08' on;
	font-family: "DM-Sans" !important;
	font-size: var(--font--size-S) !important;
	font-style: normal !important;
	font-weight: 500 !important;
	font-variation-settings: "wght" 500;
	line-height: 120% !important; /* 33.6px */
	letter-spacing: 0 !important;
}
.bb-landing-intro-card-rollover {
	background: var(--color--second--green);
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	border-radius: 12px;
	padding: 60px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.bb-landing-intro-card-rollover-ul {
	list-style: none;
	padding: 0;
	margin: 0;
	border-top: 1px solid var(--color--white);
}
.bb-landing-intro-card-rollover-ul li {
	border-bottom: 1px solid var(--color--white);
	width: 100%;
}
.bb-landing-intro-card-rollover-ul li a {
	color: var(--color--white);
	text-decoration: none;
	display: block;
	color: var(--Bend-Pure-White, #FFF);
	leading-trim: both;
	text-edge: cap;
	font-variant-numeric: lining-nums proportional-nums;
	font-feature-settings: 'ss02' on, 'ss03' on, 'ss04' on, 'ss05' on, 'ss08' on;
	font-family: "DM-Sans";
	font-size: var(--font--size-S);
	font-style: normal;
	font-weight: 500;
	font-variation-settings: "wght" 500;
	line-height: 120%; /* 33.6px */
	padding: 12px 0;
	text-decoration: none !important;
	text-decoration-color: unset !important;
	text-underline-offset: unset !important;
	text-decoration-thickness: unset !important;
}
.bb-landing-intro-card-rollover-ul li a:hover {
	color: var(--color--main--green);
}
@media(max-width: 1599px) and (min-width: 1280px) {
	.bb-landing-intro-card-wrapper {
		position: relative;
		aspect-ratio: 0.5844;
	}
}
@media(max-width: 1279px) and (min-width: 780px) {
	.bb-landing-intro-card-wrapper {
		position: relative;
		aspect-ratio: 0.5844;
	}
}

@media(min-width: 1600px) {
	.bb-landing-intro-card-touch-link {
		display: none;
		text-decoration: none;
	}
}
@media(min-width: 1100px) {
	.bb-landing-intro-card-wrapper-rolled .bb-landing-intro-card {
		display: none;
	}
	.bb-landing-intro-card-wrapper:hover .bb-landing-intro-card {
		opacity: 0;
		transition: 0.3s;
	}
}

@media(max-width: 1599px) and (min-width: 1280px) {
	.bb-landing-intro-card {
		padding: 50px;
	}
	.bb-landing-intro-card-rollover {
		padding: 50px;
	}
	.bb-landing-intro-card-touch-link {
		display: none;
	}
}

@media(max-width: 1279px) and (min-width: 780px) {
	.bb-landing-intro-card {
		padding: 40px;
	}
	.bb-landing-intro-card-rollover {
		padding: 40px;
	}
	.bb-landing-intro-card h3 {
		margin: 20px 0 35px 0 !important;
	}
	.bb-landing-intro-card img {
		width: 33%;
		margin-bottom: 75px;
	}
	.bb-landing-intro-card-touch-link {
		display: block;
		text-decoration: none;
	}
	.bb-landing-intro-card-touch-link:before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
}

@media(max-width: 779px) and (min-width: 480px) {
	.bb-landing-intro-text {
	  display: grid;
	  grid-template-columns: minmax(0, 1fr);
	}
	.bb-landing-intro-text h2 {
		text-align: center !important;
	}
	.bb-landing-intro-cards {
		grid-template-columns: minmax(0, 1fr);
	}
	.bb-landing-intro-text > div:first-child {
		order: unset;
	}
	.bb-landing-intro-card {
		padding: 35px;
	}
	.bb-landing-intro-card-rollover {
		padding: 35px;
	}
	.bb-landing-intro-card-touch-link {
		display: block;
		text-decoration: none;
	}
	.bb-landing-intro-card-touch-link:before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
}

@media screen and (max-width: 479px) {
	.bb-landing-intro-text {
	  display: grid;
	  grid-template-columns: minmax(0, 1fr);
	}
	.bb-landing-intro-text h2 {
		text-align: center !important;
		margin: 0 0 20px 0 !important;
	}
	.bb-landing-intro-cards {
		grid-template-columns: minmax(0, 1fr);
	}
	.bb-landing-intro-text > div:first-child {
		order: unset;
	}
	.bb-landing-intro-card {
		padding: 35px 20px;
	}
	.bb-landing-intro-card-wrapper {
		position: relative;
		aspect-ratio: 0.67;
	}
	.bb-landing-intro-card h3 {
		margin: 20px 0 25px 0 !important;
	}
	.bb-landing-intro-card img {
		width: 33%;
		margin-bottom: 20px;
	}
	.bb-landing-intro-card-rollover {
		padding: 35px;
		display: none;
	}
	.bb-landing-intro-card-touch-link {
		display: block;
		text-decoration: none;
	}
	.bb-landing-intro-card-touch-link:before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
}