/* Black Canvas — footer band. */

.bc-footer {
	width: 100%;
	min-height: 260px;          /* Fallback for old engines */

	margin: 0;

	background-color: #000;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;      

	display: flex;
	align-items: center;
	justify-content: center;
}

.bc-social {
	display: flex;
	gap: 34px;
}

.bc-social a {
	display: block;
	color: #fff;
	line-height: 0;
	opacity: 0.9;
	transition: opacity 0.2s, transform 0.2s;
}

.bc-social a:hover,
.bc-social a:focus {
	opacity: 1;
	transform: translateY(-2px);
}

.bc-social svg { display: block; }

/* Desktop: Lock the container to the exact 2160:864 (2.5:1) image aspect ratio */
@media (min-width: 621px) {
	.bc-footer {
		aspect-ratio: 2160 / 864; /* Forces height to match width perfectly */
		min-height: 0;             /* Removes fixed height constraint */
		background-position: center center;
	}
}

@media (max-width: 620px) {
	.bc-footer { min-height: 180px; }
	.bc-social { gap: 28px; }
}