/* Hangar Group — Layout (container, grid, section spacing) */

.hg-container {
	width: 100%;
	max-width: var(--hg-container);
	margin-inline: auto;
	padding-inline: 1rem;
}
@media (min-width: 768px)  { .hg-container { padding-inline: 1.5rem; } }
@media (min-width: 1200px) { .hg-container { padding-inline: 2rem; } }

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

.hg-main { min-height: 40vh; }

.hg-section {
	padding-block: clamp(3rem, 6vw, 5.5rem);
	position: relative;
}
.hg-section--tight { padding-block: clamp(2rem, 4vw, 3.5rem); }

.hg-surface   { background: var(--hg-surface); }
.hg-surface-2 { background: var(--hg-surface-2); }

.hg-brand-bg {
	background: var(--hg-accent);
	color: #fff;
}
.hg-brand-bg h1, .hg-brand-bg h2, .hg-brand-bg h3, .hg-brand-bg p, .hg-brand-bg small { color: #fff; }

.hg-section__head {
	text-align: center;
	max-width: 760px;
	margin-inline: auto;
	margin-bottom: 2.5rem;
}
.hg-section__foot {
	text-align: center;
	margin-top: 2.5rem;
}

.hg-grid {
	display: grid;
	gap: 1.5rem;
	grid-template-columns: 1fr;
}
@media (min-width: 640px)  { .hg-grid-2, .hg-grid-3, .hg-grid-4 { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 900px)  { .hg-grid-3, .hg-grid-4 { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1100px) { .hg-grid-4 { grid-template-columns: repeat(4, 1fr); } }

.hg-split {
	display: grid;
	gap: 3rem;
	grid-template-columns: 1fr;
	align-items: center;
}
@media (min-width: 900px) {
	.hg-split { grid-template-columns: 1.05fr 1fr; }
	.hg-split--reverse { grid-template-columns: 1fr 1.05fr; }
	.hg-split--reverse .hg-split__media { order: -1; }
}

.hg-split__media img,
.hg-split__media .hg-ph {
	width: 100%;
	height: auto;
	border-radius: var(--hg-r-lg);
	box-shadow: var(--hg-shadow-lg);
}