/**
 * Section rhythm and gutters.
 * No fixed artboard widths; no absolute positioning.
 */

.hbn-section {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: var(--hbn-section-gap);
	padding-block: var(--hbn-section-py);
	padding-inline: var(--hbn-gutter);
	width: 100%;
}

/* Outer header/footer containers only */
.hbn-gutter {
	padding-inline: var(--hbn-gutter);
}