.PFA { position: relative; }

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

.PFA :where(.b-frame) > .b-columns { margin: -25rem; }
.PFA :where(.b-frame) > .b-columns > .b-column { padding: 25rem; }

.PFA .content > * { margin: 0 0 10rem; }
.PFA .content > * .b-button { margin: 40rem 0 0; }
.PFA .content a:last-child::after { display: inline-block; }

.PFA .image {
	overflow: hidden;
	margin: -60rem 0;
	border-radius: 15rem;
}


/* background image */
.PFA .bg-image {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50%, -50%);
	width: 100%;
	max-width: 1600rem;
	height: auto;
}

/* make sure background image is behind content  */
.PFA .bg-image + .b-frame { position: relative; }

@media screen and (max-width: 960px) {
	.PFA .image { margin: 0; }
	.PFA .bg-image { display: none; }
}

@media screen and (max-width: 960px) {
	.PFA.alt-italicize-single-line .content h1 em { white-space: nowrap; }
}


/* VARIANTS */

/* Centered */
.PFA[data-variant="_centered"] .b-columns { text-align: center; }




/* with cards */

.PFA[data-variant="_with_cards"] .cards .container {
	box-sizing: border-box;
	padding: 45rem 37rem;
	border-radius: 10rem;
	height: 100%;
}

.PFA[data-variant="_with_cards"] .cards .image {
	width: 108rem;
	aspect-ratio: 1;
	margin: 0 0 15rem;
}

@media screen and (min-width: 960px) {
	.PFA[data-variant="_with_cards"] .b-frame > .b-columns { margin: -30rem; }
	.PFA[data-variant="_with_cards"] .b-frame > .b-columns > .b-column { padding: 30rem; }
	.PFA[data-variant="_with_cards"] .b-column > .content { text-align: center; }
}

@media screen and (max-width: 960px) {
	.PFA[data-variant="_with_cards"] .cards .image { width: 80rem; }
	.PFA[data-variant="_with_cards"] .cards .container { padding: 25rem; }
}



/* With Form */

.PFA[data-variant="_with_form"] .b-columns { text-align: center; }

.PFA[data-variant="_with_form"] .content h1 { font-weight: 400; letter-spacing: -0.72px; }
.PFA[data-variant="_with_form"] .content h1 em { letter-spacing: -1.36px; }

@media screen and (min-width: 961px) {
	.PFA[data-variant="_with_form"] .content h1 {
		font-size: 36rem;
		font-weight: 400;
		line-height: calc(46/36);
	}
	
	.PFA[data-variant="_with_form"] .content h1 em {
		font-size: 68rem;
		line-height: calc(72/68);
	}
}


/* With Embed */

.PFA[data-variant="_with_music"] {}



.PFA[data-variant="_with_music"] .embed { margin: 0 0 40rem; }

.PFA[data-variant="_with_music"] .inner > p { margin: 0; }

.PFA[data-variant="_with_music"] .buttons {
	gap: 20rem;
	display: flex;
}

.PFA[data-variant="_with_music"] .buttons .apple,
.PFA[data-variant="_with_music"] .buttons .spotify {
	flex: 1 1 50%;
	margin: 20rem 0 0;
}

.PFA[data-variant="_with_embed"] .buttons .apple::after,
.PFA[data-variant="_with_embed"] .buttons .spotify::after { display: none; }

@media screen and (max-width: 960px) {
	.PFA[data-variant="_with_music"] .embed { margin: 0 0 20rem; }
}