/**
 * Containers and section wrappers.
 */

.bes-container {
	width: 100%;
	max-width: var(--bes-container);
	margin-inline: auto;
	padding-inline: var(--bes-gutter);
}

.bes-container--narrow {
	max-width: var(--bes-container-narrow);
}

.bes-container--wide {
	max-width: var(--bes-container-wide);
}

.bes-container--full {
	max-width: none;
	padding-inline: 0;
}

/* Section vertical rhythm */
.bes-section {
	padding-block: clamp(56px, 8vw, 112px);
	position: relative;
}

.bes-section--tight {
	padding-block: clamp(40px, 5vw, 64px);
}

.bes-section--black {
	background: var(--bes-black);
	color: var(--bes-text-on-dark);
}

.bes-section--black-2 {
	background: var(--bes-black-900);
	color: var(--bes-text-on-dark);
}

.bes-section--silver {
	background: var(--bes-silver-50);
}

.bes-section--white {
	background: var(--bes-white);
}

.bes-section--gold {
	background: var(--bes-gold);
	color: var(--bes-text-on-gold);
}

/* Gold top accent bar used by section headers */
.bes-section__bar {
	display: block;
	width: 56px;
	height: var(--bes-accent-bar);
	background: var(--bes-gold);
	margin-bottom: var(--bes-space-5);
}

.bes-section__bar--center {
	margin-inline: auto;
}