.b-section.alt-collapse .b-frame {padding-top: 0; padding-bottom: 0;}
.b-section.alt-collapse-top .b-frame {padding-top: 0;}
.b-section.alt-collapse-bottom .b-frame {padding-bottom: 0;}

.b-container {
	max-width: 1480rem;
	margin: 0 auto;
	border-radius: 80rem;
}

.b-frame {
	max-width: var(--frame-width);
	margin: 0 auto;
	padding: 160rem 40rem;
}

.b-section[data-style="light-purple"] {background: var(--light-purple);}

.b-section[data-style="light-purple-frame"] .b-container {background: var(--light-purple);}
.b-section[data-style="light-purple-inset"] .b-frame {background: var(--light-purple); padding: 120rem 100rem; border-radius: 40rem; box-sizing: border-box;}

.b-section[data-style="purple-inset"] .b-frame {background: var(--purple); padding: 120rem 100rem; border-radius: 40rem; box-sizing: border-box;}
.b-section[data-style="purple-inset"] .b-frame,
.b-section[data-style="purple-inset"] .b-frame h1,
.b-section[data-style="purple-inset"] .b-frame h2,
.b-section[data-style="purple-inset"] .b-frame h3,
.b-section[data-style="purple-inset"] .b-frame h4,
.b-section[data-style="purple-inset"] .b-frame h5,
.b-section[data-style="purple-inset"] .b-frame h6 {color: var(--white);}

.b-section[data-style="purple-inset"] .b-frame h1 em,
.b-section[data-style="purple-inset"] .b-frame h2 em,
.b-section[data-style="purple-inset"] .b-frame h3 em,
.b-section[data-style="purple-inset"] .b-frame h4 em,
.b-section[data-style="purple-inset"] .b-frame h5 em,
.b-section[data-style="purple-inset"] .b-frame h6 em {color: var(--white);}

.b-section .b-container .b-frame {
	position: relative;
}

.b-section .b-container .b-frame  > .deco {
	pointer-events: none;
}

.b-section .b-container .b-frame  > .deco svg{
	position: absolute;
}
.b-section .b-container .b-frame  > .deco svg:first-child {
	bottom: -60px;
	right: -60px;
}
.b-section .b-container .b-frame  > .deco svg:last-child {
	top: -60px;
	left: -60px;
}

@media screen and (min-width: 961px) {
	.b-section.alt-tight .b-frame {padding-top: 80rem; padding-bottom: 80rem;}
	.b-section.alt-tight-top .b-frame {padding-top: 80rem;}
	.b-section.alt-tight-bottom .b-frame {padding-bottom: 80rem;}
}

@media screen and (max-width: 1520px) {
	.b-container {max-width: none; border-radius: 0;}
}

@media screen and (max-width: 960px) {
	.b-frame {padding: 60rem 20rem;}

	.b-section[data-style="light-purple-inset"] .b-container {padding: 0 20rem;}
	.b-section[data-style="light-purple-inset"] .b-frame {padding: 40rem 20rem; border-radius: 20rem;}

	.b-section[data-style="purple-inset"] .b-container {padding: 0 20rem;}
	.b-section[data-style="purple-inset"] .b-frame {padding: 40rem 20rem; border-radius: 20rem;}

	.b-section .b-container .b-frame  > .deco svg{display: none;}



}