/* ============================================================
   Leadership Block
   ============================================================ */

.leadership-block {
    padding-block:var(--space-96);
    background: var(--surface-base);
	@media (max-width:767px){
		margin-inline:var(--space-16);
		padding-block:var(--space-48);
	}
}

.leadership-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 48px;
	background: var(--surface-base);
    border: 1px solid #e6e8ee;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.04);
    border-radius: var(--space-34);
    padding: var(--space-48) !important;
	@media (max-width:767px){
		  padding: var(--space-24) !important;
		  gap:var(--space-24);
	}
}

/* ── Heading ─────────────────────────────────────────────── */

.leadership-heading {
    font-size: var(--space-36);
    font-weight: 600;
/*     color: var(--color-full-black); */
    text-align: center;
    line-height: 1.25;
    margin: 0;
}

/* ── Content Row ─────────────────────────────────────────── */

.leadership-content {
    display: grid;
    grid-template-columns: 1fr 220px;
    gap: 48px;
    align-items: start;
}

/* ── Leaders Grid ────────────────────────────────────────── */

.leadership-leaders {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px 48px;
}

.leadership-leader {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.leadership-leader-name {
    font-size:var(--space-15);
    font-weight: 900;
    color: #111;
    margin: 0;
}

.leadership-leader-title {
    font-size:var(--space-15);
    font-weight: 500;
/*     color: #111; */
    margin: 0;
}

.leadership-leader-desc {
   font-size:var(--space-15);
    line-height: 1.7;
    color: #555;
    margin: 8px 0 0;
}

/* ── Image + Link ────────────────────────────────────────── */

.leadership-image-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
	@media (max-width:767px){
		align-items:center;
	}
}

.leadership-image {
    width: 100%;
    border-radius: 12px;
    object-fit: cover;
    display: block;
}

.leadership-link {
    font-size: var(--space-18);
    font-weight: 400;
    color:var(--color-full-pink);
    text-decoration: none;
    transition: opacity 0.2s;
}

.leadership-link:hover {
    opacity: 0.75;
}

/* ── Responsive ──────────────────────────────────────────── */

@media (max-width: 768px) {
    .leadership-heading {
        font-size: 26px;
		text-align:left;
    }

    .leadership-content {
        grid-template-columns: 1fr;
    }

    .leadership-leaders {
        grid-template-columns: 1fr;
    }
}