.about-hero {
	width: 100vw;
	margin-left: calc(-50vw + 50%);
	margin-top: -28px;
	height: 400px;
	background-size: cover;
	background-position: bottom;
	background-repeat: no-repeat;
	-webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 70%, rgba(0,0,0,0) 100%);
	mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 70%, rgba(0,0,0,0) 100%);
	margin-bottom: -120px;
}

.about-intro {
	position: relative;
	z-index: 1;
}

.about-page .lead {
	font-size: 1.2rem;
	font-style: italic;
	color: var(--dbb-gray, #666);
	line-height: 1.8;
}

.about-page #content h5 {
	color: var(--dbb-text, #1B2936);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	font-size: 0.85rem;
}

.about-page #content p, .about-page #content li {
	color: var(--dbb-gray, #666);
	line-height: 1.7;
}

.card.mission-item {
	background: #f8f9fa;
	border-radius: 12px;
	border: none;
}

.mission-icon {
	font-size: 2.5rem;
	color: var(--dbb-primary, #C53117);
	margin-bottom: 1rem;
}

.mission-item h5 {
	color: var(--dbb-text, #1B2936);
	margin-bottom: 1rem;
}

.mission-item p {
	font-size: 0.95rem;
}

/* Initiatives */
.initiatives-intro {
	color: var(--dbb-gray, #666);
	line-height: 1.7;
	margin-bottom: 1.25rem;
}

.initiative-card {
	background: #f8f9fa;
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid #dee2e6;
}

.initiative-card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.initiative-card h6 {
	font-size: 1rem;
	color: var(--dbb-text, #1B2936);
}

.initiative-card p {
	font-size: 0.9rem;
	line-height: 1.6;
}

@media (max-width: 575.98px) {
	.initiative-card img {
		max-height: 180px;
	}
}

@media (max-width: 768px) {
	.about-hero {
		height: 250px;
	}
	.about-page .lead {
		font-size: 1.05rem;
	}
}