.b-page-body > .PFA.b-section:first-child .b-frame {margin-top: -20rem;}
.b-page-body > .PFA.b-section[data-style="simple"]:first-child .b-frame,
.b-page-body > .PFA.b-section[data-style="subnav"]:first-child .b-frame {margin-top: -60rem;}



.PFA {
	position: relative;
	background: var(--blue) url(images/noise.webp) repeat-x top center / auto 100%;
	margin-bottom: 80rem;
}

.PFA .b-frame {
	position: relative;
}

.PFA .b-frame::before,
.PFA .b-frame::after {
	content: "";
	display: block;
	overflow: hidden;
}

/* .PFA .b-column:last-child {
	align-self: flex-end;
} [bottom overlap] */

.PFA .content,
.PFA .content h1,
.PFA .content h2,
.PFA .content h3,
.PFA .content h4,
.PFA .content h5,
.PFA .content h6 {
	color: var(--white);
}

.PFA .content p:last-child .b-button {
	margin-top: 1em;
}

.PFA .image {
	/* margin: -80rem 0 -240rem; [bottom overlap] */
	margin: -80rem 0;
	margin-right: calc((100vw - 1180rem) / 2 * -1);
}

.PFA .subnav {
	margin: 40rem 0 -20rem;
	height: 100rem;
}

.PFA .subnav-container {
	padding: 20rem 0;
	height: 60rem;
	white-space: nowrap;
	transition: background 0.25s;
}

.PFA .subnav.alt-fixed .subnav-container {
	z-index: 1;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: var(--blue);
}

.PFA .subnav .b-button:not(:last-child) {margin-right: 20rem;}
.PFA .subnav .b-button.alt-outline:not(:hover) {box-shadow: inset 0 0 0 2px var(--white); color: var(--white);}

/* simple */

.PFA[data-style="simple"] {text-align: center; margin-bottom: 0; overflow: hidden;}
.PFA[data-style="simple"] .content {min-height: 150rem;}
.PFA[data-style="simple"] .deco {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 1920rem;
	height: 430rem;
	transform: translate(-50%, 15rem);
	pointer-events: none;
}
.PFA[data-style="simple"].pipe-1  {
	padding: 50rem 0;
}
.PFA[data-style="simple"].pipe-1 .deco {
	background: url(images/PFA_Option_1.svg) no-repeat center / 100%;
	height: 540rem;
	transform: translate(-50%, 35rem);
}
.PFA[data-style="simple"].pipe-2 {
	padding: 30rem 0;
}
.PFA[data-style="simple"].pipe-2 .deco {
	background: url(images/PFA_Option_2.svg) no-repeat center / 100%;
	height: 620rem;
	transform: translate(-50%, 35rem);
}
.PFA[data-style="simple"].pipe-3 {
	padding: 60rem 0;
}
.PFA[data-style="simple"].pipe-3 .deco {
	background: url(images/PFA_Option_3.svg) no-repeat center / 100%;
	height: 620rem;
	transform: translate(-50%, 35rem); 
}
.PFA[data-style="simple"].pipe-4 {
	padding: 40rem 0;
}
.PFA[data-style="simple"].pipe-4 .deco {
	background: url(images/PFA_Option_4.svg) no-repeat center / 100%;
	height: 610rem;
	transform: translate(-50%, 35rem);
}

/* subnav */

.PFA[data-style="subnav"] {text-align: center; margin-bottom: 0; overflow: hidden;}
.PFA[data-style="subnav"] .content {min-height: 150rem;}
.PFA[data-style="subnav"] .deco {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 1920rem;
	height: 540rem;
	background: url(images/deco-subnav.svg) no-repeat center / 100%;
	transform: translate(-50%, 0rem);
	pointer-events: none;
}

@media screen and (max-width: 960px) {
	.b-page-body > .PFA.b-section:first-child .b-frame {margin-top: -20rem !important;}

	.PFA {margin-bottom: 60rem;}
	.PFA .deco {display: none !important;}
	.PFA .content {min-height: 0 !important;}
	.PFA .content br {display: none;}
	.PFA .image {margin: 20rem 0 -120rem;}
	.PFA .subnav {display: none;}

	.PFA[data-style="simple"],
	.PFA[data-style="subnav"] {text-align: left; margin-bottom: 0;}

	.PFA[data-style="simple"] {padding: 0 !important;}
}