/**
 * Manifest Monograph - Grid, Hairlines & Architectural Framework
 * Strict 12-Column System with 1px Engineering Hairlines
 */

.manifest-container {
	width: 100%;
	max-width: var(--grid-max, 1320px);
	margin-inline: auto;
	padding-inline: var(--section-px, clamp(16px, 3.5vw, 32px));
	box-sizing: border-box;
}

/* Strict 12-Column Grid */
.grid-12 {
	display: grid;
	grid-template-columns: repeat(var(--grid-cols), 1fr);
	gap: var(--grid-gap);
	align-items: start;
}

/* Column Spans */
.col-12 { grid-column: span 12; }
.col-10 { grid-column: span 10; }
.col-8  { grid-column: span 8; }
.col-6  { grid-column: span 6; }
.col-5  { grid-column: span 5; }
.col-4  { grid-column: span 4; }
.col-3  { grid-column: span 3; }
.col-2  { grid-column: span 2; }

@media (max-width: 1024px) {
	.col-10, .col-8, .col-6 { grid-column: span 12; }
	.col-5, .col-4 { grid-column: span 6; }
}

@media (max-width: 640px) {
	.col-5, .col-4, .col-3, .col-2 { grid-column: span 12; }
}

/* 1px Engineering Hairlines */
.hairline-top {
	border-top: 1px solid var(--hairline);
}

.hairline-bottom {
	border-bottom: 1px solid var(--hairline);
}

.hairline-start {
	border-inline-start: 1px solid var(--hairline);
}

.hairline-end {
	border-inline-end: 1px solid var(--hairline);
}

.hairline-box {
	border: 1px solid var(--hairline);
	border-radius: var(--radius);
}

/* Monograph Split Rows (Editorial Two-Column Layout) */
.monograph-split {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: clamp(32px, 6vw, 96px);
	align-items: center;
}

@media (max-width: 900px) {
	.monograph-split {
		grid-template-columns: 1fr;
		gap: 32px;
	}
}