.PFA {
	background: var(--teal);
	overflow: hidden;
	position: relative;
}

.PFA::before {
	content: '';
	position: absolute;
	top: 60%;
	left: 0;
	border-top: 1px dashed var(--white);
	width: 100%;
	transform: translateY(-50%);
}

.PFA :is(h1, h2, h3, p, .b-eyebrow) {
	color: var(--white);
}

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

.PFA .content {
	padding: 40rem 0;
}

.PFA .subhead {
	max-width: 350rem;
}

.PFA .video {
	margin-left: 100rem;
	margin-bottom: -20rem;
	background: var(--teal);
	position: relative;
}

.PFA .video video {
	border-radius: 500rem 0 0 500rem;
	position: relative;
	z-index: 3;
}

.PFA .video::before {
     content: '';
     position: absolute;
     width: 1000rem;
     height: 1000rem;
     border: 1px dashed var(--white);
     border-radius: 500rem 0 0 500rem;
     top: -30rem;
     left: -50rem;
     background: var(--teal);
     z-index: 1;
}

.PFA .flex-container {
	display: flex;
	padding: 75rem 0 0;
	gap: 40rem;
}

.PFA .buttons {
	display: flex;
	gap: 16rem;
	align-items: center;
}

.PFA .image-grid {
	display: flex;
	gap: 40rem;
	align-items: center;
	padding-top: 23rem;
}

.PFA .image-grid .img {
	width: 15%;
	max-width: 100rem;
	overflow-x: hidden;
	cursor: pointer;
	transition: width 1s ease-in-out, aspect-ratio 1s ease-in-out; 
 }
 
 .PFA .image-grid .img img {
	border-radius: 50%;
	aspect-ratio: 1 / 1 !important;
 }

 .PFA .image-grid .img:hover {
	/* width: 100%;
	height: 100rem;
	max-width: 300rem;
	aspect-ratio: 2/1; 
	transition: .25s ease; */
	transform: scale(1.05);
 }

 .PFA .image-grid .img:hover img {
	border-radius: 180rem;
	max-height: 100rem;
 }
 
 .PFA .image-grid .img.current {
	width: 100%;
	height: 100rem;
	max-width: 300rem;
	aspect-ratio: 2/1; 
 }
 
 .PFA .image-grid .img.current img {
	border-radius: 180rem;
	max-height: 100rem;
 }
 

@media screen and (min-width:1451px) {
	.PFA .video::before {top: -8%; left: -50rem;}
}


@media screen and (min-width: 961px) {
	.PFA .b-frame {
		max-width: 1470rem;
		padding: 0 0 0 40rem;
	}
}


@media screen and (max-width: 1100px) {
	.PFA {background: var(--teal);}
	.PFA::before {display: none;}
	.PFA .flex-container {padding: 32rem 0; flex-flow: row wrap;}
	.PFA .buttons {flex-flow: row wrap;}
	.PFA .subhead {display: none!important;}

	.PFA .image-grid {padding-top: 0;}
	.PFA .video {margin-left: -70rem;margin-bottom: -577rem;margin-top: 50rem;}
	.PFA .video::before {width: 734rem;height: 734rem;border-radius: 500rem 500rem 0 0;}
	.PFA .video video {border-radius: 500rem 500rem 0 0;}

	.PFA .image-grid .img {width: 30%;}
	.PFA .image-grid .img.current {width: 50%;}
}