.b-section {
	position: relative;
}

.b-background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	pointer-events: none;
}

.b-background .b-img {
	width: 100%;
	height: 100%;
}

.b-background img,
.b-background video {
	position: absolute !important;
	top: 0;
	left: 50%;
	width: 1920rem !important;
	height: auto !important;
	max-width: none !important;
	object-fit: cover;
	object-position: top center !important;
	transform: translate(-50%, 0);
}

.b-background button {
	display: block;
	position: absolute;
	bottom: 40rem;
	left: 50%;
	width: 48rem;
	height: 48rem;
	padding: 0;
	margin: 0;
	background: url(../../assets/images/ui-pause.svg) no-repeat center / 100%;
	border: none;
	overflow: hidden;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
	z-index: 2;
	pointer-events: all;
	text-indent: -9999rem;
	transform: translate(-620rem, 0);
}

.b-background button.alt-paused {
	background-image: url(../../assets/images/ui-pause-play.svg);
}


.b-section[data-alignment="1"] .b-background img,
.b-section[data-alignment="1"] .b-background video {top: 50%; transform: translate(-50%, -50%);}
.b-section[data-alignment="2"] .b-background img,
.b-section[data-alignment="2"] .b-background video {top: auto; bottom: 0;}

.b-section[data-top="1"] .b-frame {padding-top: 64rem;}
.b-section[data-top="2"] .b-frame {padding-top: 0 !important;}

.b-section[data-bottom="1"] .b-frame {padding-bottom: 64rem;}
.b-section[data-bottom="2"] .b-frame {padding-bottom: 0 !important;}

.b-page .b-section[data-bottom="3"] {padding-bottom: 128rem;}
.b-page .b-section[data-bottom="3"] + .b-section {margin-top: -128rem;}
.b-page .b-section[data-bottom="3"] .b-background button {bottom: 168rem;}

.b-page .b-section[data-bottom="4"] {margin-bottom: -192rem;}
.b-page .b-section[data-bottom="4"] + .b-section {padding-top: 64rem;}

.b-section[data-variant="0"] {background: var(--white);}
.b-section[data-variant="1"] {background: var(--light-grey);}
.b-section[data-variant="8"] {background: var(--light-orange);}
.b-section[data-variant="2"] {background: var(--dark-navy);}
.b-section[data-variant="9"] {background: var(--light-navy);}
.b-section[data-variant="10"] {background: var(--light-green);}
.b-section[data-variant="6"] {background: linear-gradient(var(--light-green), var(--white));}

@media screen and (max-width: 960px) {
	.b-section .b-background {display: none;}

	.b-section[data-top="1"] .b-frame {padding-top: 32rem;}
	.b-section[data-bottom="1"] .b-frame {padding-bottom: 32rem;}

	.b-page .b-section[data-bottom="3"] {padding-bottom: 64rem;}
	.b-page .b-section[data-bottom="3"] + .b-section {margin-top: -64rem;}

	.b-page .b-section[data-bottom="4"] {margin-bottom: -128rem;}
	.b-page .b-section[data-bottom="4"] + .b-section {padding-top: 64rem;}
}



/* FRAMED */

.b-section[data-variant="3"],
.b-section[data-variant="4"],
.b-section[data-variant="7"] {
	max-width: var(--frame-width);
	margin-left: auto;
	margin-right: auto;
	padding: 48rem;
	border-radius: 16rem;
	box-sizing: border-box;
	overflow: hidden;
	z-index: 1;
}

.b-section[data-variant="3"] .b-frame,
.b-section[data-variant="4"] .b-frame,
.b-section[data-variant="7"] .b-frame {padding: 0;}

.b-page .b-section[data-variant="3"][data-bottom="2"],
.b-page .b-section[data-variant="4"][data-bottom="2"],
.b-page .b-section[data-variant="7"][data-bottom="2"] {padding-bottom: 0;}

.b-page .b-section[data-variant="3"][data-bottom="4"],
.b-page .b-section[data-variant="4"][data-bottom="4"],
.b-page .b-section[data-variant="7"][data-bottom="4"] {margin-bottom: -128rem;}

.b-page .b-section[data-variant="3"][data-bottom="4"] + .b-section,
.b-page .b-section[data-variant="4"][data-bottom="4"] + .b-section,
.b-page .b-section[data-variant="7"][data-bottom="4"] + .b-section {padding-top: 128rem;}

.b-section[data-variant="4"] {background: var(--light-grey);}
.b-section[data-variant="7"] {background: var(--dark-navy);}

.b-section[data-variant="3"] .b-background img,
.b-section[data-variant="4"] .b-background img,
.b-section[data-variant="7"] .b-background img,
.b-section[data-variant="3"] .b-background video,
.b-section[data-variant="4"] .b-background video,
.b-section[data-variant="7"] .b-background video {width: var(--frame-width) !important;}

@media screen and (max-width: 960px) {
	.b-section[data-variant="3"],
	.b-section[data-variant="4"],
	.b-section[data-variant="7"] {padding: 24rem;}

	.b-page .b-section[data-variant="3"][data-bottom="4"],
	.b-page .b-section[data-variant="4"][data-bottom="4"],
	.b-page .b-section[data-variant="7"][data-bottom="4"] {margin-bottom: -64rem;}

	.b-page .b-section[data-variant="3"][data-bottom="4"] + .b-section,
	.b-page .b-section[data-variant="4"][data-bottom="4"] + .b-section,
	.b-page .b-section[data-variant="7"][data-bottom="4"] + .b-section {padding-top: 64rem;}
}

@media screen and (max-width: 510px) {
	.b-section[data-variant="3"],
	.b-section[data-variant="4"],
	.b-section[data-variant="7"] {max-width: none; border-radius: 0;}
}



/* EXTENDED FRAME */

.b-section[data-variant="5"] {
	max-width: 1424rem;
	margin: 0 auto;
	border-radius: 16rem;
	background: linear-gradient(var(--light-grey), var(--white));
}

.b-section[data-variant="5"] .b-background img,
.b-section[data-variant="5"] .b-background video {width: 1424rem !important;}

@media screen and (max-width: 1280px) {
	.b-section[data-variant="5"] {border-radius: 0; max-width: none;}
}



/* ALTS */

/* home pfa and cta */

.b-section.alt-home-pfa .b-background video {
	width: 2560rem !important;
	top: -30%;
	left: 35%;
	filter: contrast(1.5);
	mix-blend-mode: luminosity;
}

.b-section.alt-home-pfa .b-background button {
	display: none;
}

.b-section.alt-home-pfa .b-background::before {
	content: '';
	background: var(--navy);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	opacity: 0.7;
	z-index: 1;
}

.b-section.alt-home-pfa .b-background::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: no-repeat center url(../section/home-glow.svg);
	background-size: cover;
	z-index: 1;
}

.b-section.alt-home-cta .b-background img {top: -30rem;}

@media screen and (max-width: 960px){
	.b-section.alt-home-pfa .b-background video,
	.b-section.alt-home-pfa .b-background::before,
	.b-section.alt-home-pfa .b-background::after {
		display: none;
	}
}

/* about & careers page pfa */

.b-page .b-section.alt-about-pfa .b-frame {padding-bottom: 64rem;}
.b-page .b-section.alt-careers-pfa .b-frame {padding-bottom: 64rem;}
.b-page .b-section.alt-careers-pfa + .b-section::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 128rem;
	background: var(--white);
}

@media screen and (max-width: 960px){
	.b-page .b-section.alt-about-pfa .b-frame {padding-bottom: 32rem;}
	.b-page .b-section.alt-careers-pfa .b-frame {padding-bottom: 32rem;}
	.b-page .b-section.alt-careers-pfa + .b-section::before {height: 64rem;}
}



/* overlay */

@media screen and (min-width: 961px){
	.b-section.alt-dark-overlay .b-background::after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #000;
		opacity: 0.5;
	}
}