/* Box sizing reset */
.acb-sg-wrapper,
.acb-sg-wrapper * {
	box-sizing: border-box;
}

.acb-sg-wrapper {
	width: 100%;
	background-color: #0b071e;
	padding: 80px 20px;
}

.acb-sg-container {
	max-width: 1140px;
	margin: 0 auto;
	width: 100%;
}

/* Header */
.acb-sg-header {
	text-align: center;
	margin-bottom: 50px;
}

.acb-sg-subtitle {
	color: #c7b3ce;
	font-size: 13px;
	letter-spacing: 2.5px;
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 12px;
}

.acb-sg-title {
	color: #d99a6c;
	font-size: 48px;
	font-family: 'Georgia', serif;
	line-height: 1.2;
	margin: 0;
}

/* 3-Column Asymmetric Grid Layout */
.acb-sg-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: repeat(2, 260px);
	gap: 24px;
}

/* Individual Card Frame */
.acb-sg-item {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.acb-sg-item a {
	display: block;
	width: 100%;
	height: 100%;
}

.acb-sg-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.4s ease;
}

/* Center Image spans 2 rows */
.acb-sg-item.item-center {
	grid-row: span 2;
}

/* Hover Zoom Effect */
.acb-sg-grid.has-hover-zoom .acb-sg-item:hover img {
	transform: scale(1.06);
}

/* Tablet Responsive */
@media (max-width: 991px) {
	.acb-sg-grid {
		grid-template-rows: repeat(2, 200px);
		gap: 16px;
	}
}

/* Mobile Responsive */
@media (max-width: 600px) {
	.acb-sg-wrapper {
		padding: 50px 15px;
	}

	.acb-sg-title {
		font-size: 32px;
	}

	.acb-sg-grid {
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		gap: 16px;
	}

	.acb-sg-item {
		height: 250px;
	}

	.acb-sg-item.item-center {
		grid-row: span 1;
		height: 340px;
	}
}