/* BRD Content Blocks — layout styles */

/* ── Shared ─────────────────────────────────────────────────────────────── */

.brd-content-blocks {
	width: 100%;
}

.brd-cb-block {
	width: 100%;
}

.brd-cb-block img,
.brd-cb-block video {
	display: block;
	width: 100%;
	height: auto;
}

/* ── Full-width image (no padding) ───────────────────────────────────────── */

.brd-cb-image-full {
	line-height: 0;
}

/* ── Image with padding ──────────────────────────────────────────────────── */

.brd-cb-image-padded {
	padding: 0 80px;
	line-height: 0;
}

@media (max-width: 1024px) {
	.brd-cb-image-padded { padding: 0 40px; }
}

@media (max-width: 767px) {
	.brd-cb-image-padded { padding: 0 20px; }
}

/* ── 2-up images ─────────────────────────────────────────────────────────── */

.brd-cb-2up-images {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
	line-height: 0;
}

.brd-cb-2up-images .brd-cb-2up-item {
	overflow: hidden;
}

@media (max-width: 767px) {
	.brd-cb-2up-images {
		grid-template-columns: 1fr;
	}
}

/* ── Text blocks ─────────────────────────────────────────────────────────── */

.brd-cb-text-left,
.brd-cb-text-right {
	padding: 60px 80px;
}

.brd-cb-text-left .brd-cb-inner,
.brd-cb-text-right .brd-cb-inner {
	max-width: 560px;
}

.brd-cb-text-right .brd-cb-inner {
	margin-left: auto;
}

.brd-cb-text-left p,
.brd-cb-text-right p {
	margin: 0;
	line-height: 1.65;
}

@media (max-width: 1024px) {
	.brd-cb-text-left,
	.brd-cb-text-right { padding: 48px 40px; }
}

@media (max-width: 767px) {
	.brd-cb-text-left,
	.brd-cb-text-right { padding: 36px 20px; }

	.brd-cb-text-right .brd-cb-inner {
		margin-left: 0;
	}
}

/* ── Video — full width (local mp4) ─────────────────────────────────────── */

.brd-cb-video-full {
	line-height: 0;
}

.brd-cb-video-full video {
	object-fit: cover;
}

/* ── 2-up local videos ───────────────────────────────────────────────────── */

.brd-cb-2up-video {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
	line-height: 0;
}

.brd-cb-2up-video .brd-cb-2up-item {
	overflow: hidden;
}

@media (max-width: 767px) {
	.brd-cb-2up-video {
		grid-template-columns: 1fr;
	}
}

/* ── Text 2-up (heading + body) ─────────────────────────────────────────── */

.brd-cb-text2up {
	padding: 60px 80px;
}

.brd-cb-text2up .brd-cb-inner {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 60px;
	align-items: start;
}

.brd-cb-text2up-heading h2 {
	margin: 0;
	font-size: 1.5em;
	line-height: 1.2;
}

.brd-cb-text2up-body > *:first-child { margin-top: 0; }
.brd-cb-text2up-body > *:last-child  { margin-bottom: 0; }

@media (max-width: 1024px) {
	.brd-cb-text2up { padding: 48px 40px; }
	.brd-cb-text2up .brd-cb-inner { gap: 40px; }
}

@media (max-width: 767px) {
	.brd-cb-text2up { padding: 36px 20px; }
	.brd-cb-text2up .brd-cb-inner {
		grid-template-columns: 1fr;
		gap: 20px;
	}
}

/* ── 2-up image + text ───────────────────────────────────────────────────── */

.brd-cb-2up-img-text,
.brd-cb-2up-text-img {
	padding: 60px 80px;
}

.brd-cb-2up-img-text .brd-cb-inner,
.brd-cb-2up-text-img .brd-cb-inner {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 60px;
	align-items: center;
}

.brd-cb-2up-img img {
	width: 100%;
	height: auto;
}

.brd-cb-2up-text > *:first-child { margin-top: 0; }
.brd-cb-2up-text > *:last-child  { margin-bottom: 0; }

@media (max-width: 1024px) {
	.brd-cb-2up-img-text,
	.brd-cb-2up-text-img { padding: 48px 40px; }

	.brd-cb-2up-img-text .brd-cb-inner,
	.brd-cb-2up-text-img .brd-cb-inner { gap: 40px; }
}

@media (max-width: 767px) {
	.brd-cb-2up-img-text,
	.brd-cb-2up-text-img { padding: 36px 20px; }

	.brd-cb-2up-img-text .brd-cb-inner,
	.brd-cb-2up-text-img .brd-cb-inner {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	/* On mobile always put the image on top */
	.brd-cb-2up-text-img .brd-cb-2up-text { order: 2; }
	.brd-cb-2up-text-img .brd-cb-2up-img  { order: 1; }
}

/* ── Vimeo embed ─────────────────────────────────────────────────────────── */

.brd-cb-video-embed {
	line-height: 0;
}

.brd-video-ratio {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
	overflow: hidden;
}

.brd-video-ratio iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/* ── BRD Repeater ────────────────────────────────────────────────────────── */

.brd-repeater {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 0;
}

.brd-repeater-item {
	min-width: 0; /* prevent grid blowout from wide children */
}

.brd-repeater-placeholder {
	padding: 40px;
	text-align: center;
	background: #f5f5f5;
	border: 2px dashed #ccc;
	color: #999;
	font-family: sans-serif;
	line-height: 1.6;
}

/* ── Deprecated: spacer / full-text ─────────────────────────────────────── */

.brd-cb-full-text {
	padding: 60px 80px;
}

.brd-cb-full-text .brd-cb-inner > *:first-child { margin-top: 0; }
.brd-cb-full-text .brd-cb-inner > *:last-child  { margin-bottom: 0; }

@media (max-width: 767px) {
	.brd-cb-full-text { padding: 36px 20px; }
}