:root {
    --mewak-navy: #071b42;
    --mewak-blue: #1154a3;
    --mewak-sky: #eaf4ff;
    --mewak-gold: #d8a638;
    --mewak-ink: #243853;
    --mewak-muted: #61718a;
    --mewak-line: #dbe6f2;
}

.mewak-page { background: #fff; }
.mewak-page .about-desktop-nav a::after { background: var(--mewak-blue); }

.mewak-hero {
    position: relative;
    min-height: 620px;
    display: grid;
    align-items: center;
    overflow: hidden;
    color: #fff;
    background: #071b42;
}

.mewak-hero__image,
.mewak-hero__overlay { position: absolute; inset: 0; }
.mewak-hero__image { background: url("../images/desing-photos/special-ladies.jpeg") 62% center / cover no-repeat; }
.mewak-hero__overlay {
    background:
        linear-gradient(90deg, rgba(4, 19, 49, .97) 0%, rgba(5, 28, 67, .87) 42%, rgba(5, 28, 67, .25) 76%, rgba(5, 28, 67, .12) 100%),
        linear-gradient(0deg, rgba(3, 16, 42, .62), transparent 55%);
}

.mewak-hero__inner { position: relative; z-index: 1; padding: 86px 0 100px; }
.mewak-hero__copy { width: min(650px, 61%); }
.mewak-breadcrumbs { margin-bottom: 43px; display: flex; flex-wrap: wrap; gap: 9px; color: rgba(255, 255, 255, .72); font-size: 12px; }
.mewak-breadcrumbs a { color: #82cdf9; }
.mewak-kicker { margin: 0 0 12px; color: #68ccf5; font-size: 11px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.mewak-hero h1 { margin: 0; color: #fff; font-size: clamp(70px, 9vw, 126px); font-weight: 900; letter-spacing: -.065em; line-height: .9; }
.mewak-hero h1 span { margin-top: 18px; display: block; color: #fff; font-size: clamp(26px, 3.2vw, 42px); letter-spacing: -.035em; line-height: 1.12; }
.mewak-hero__copy > p:last-of-type { max-width: 590px; margin: 25px 0 0; color: rgba(255, 255, 255, .84); font-size: 17px; line-height: 1.7; }
.mewak-hero__actions { margin-top: 29px; display: flex; flex-wrap: wrap; gap: 12px; }
.mewak-button { min-height: 50px; padding: 0 24px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; border: 1px solid transparent; border-radius: 999px; font-size: 12px; font-weight: 800; letter-spacing: .06em; text-decoration: none; text-transform: uppercase; }
.mewak-button--primary { color: #fff; background: linear-gradient(135deg, #0e79df, #114994); box-shadow: 0 12px 28px rgba(4, 19, 49, .3); }
.mewak-button--outline { color: #fff; border-color: rgba(255, 255, 255, .58); background: rgba(255, 255, 255, .06); }

.mewak-intro { padding: 96px 0 86px; }
.mewak-intro__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 72px; align-items: center; }
.mewak-intro__photo { position: relative; margin: 0; }
.mewak-intro__photo::before { position: absolute; inset: -13px 24px 22px -13px; z-index: 0; border: 2px solid #bbd9f7; border-radius: 20px; content: ""; }
.mewak-intro__photo img { position: relative; z-index: 1; width: 100%; min-height: 400px; display: block; object-fit: cover; border-radius: 18px; box-shadow: 0 22px 50px rgba(7, 36, 78, .16); }
.mewak-section-kicker { margin: 0 0 13px; color: #138dcc; font-size: 11px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.mewak-intro__copy h2,
.mewak-feature__copy h2,
.mewak-purpose__heading h2 { margin: 0; color: var(--mewak-navy); font-size: clamp(37px, 4vw, 54px); font-weight: 850; letter-spacing: -.045em; line-height: 1.08; }
.mewak-intro__copy > p:not(.mewak-section-kicker) { margin: 20px 0 0; color: var(--mewak-muted); font-size: 17px; line-height: 1.75; }
.mewak-intro__note { margin-top: 27px; padding: 20px 22px; display: flex; gap: 14px; color: var(--mewak-ink); background: var(--mewak-sky); border-left: 4px solid var(--mewak-blue); border-radius: 0 12px 12px 0; font-weight: 700; line-height: 1.55; }
.mewak-intro__note i { color: var(--mewak-gold); font-size: 24px; }

.mewak-purpose { padding: 80px 0 88px; background: linear-gradient(135deg, #f5faff, #edf5ff); }
.mewak-purpose__heading { max-width: 760px; margin: 0 auto 38px; text-align: center; }
.mewak-purpose__heading > p:last-child { margin: 15px 0 0; color: var(--mewak-muted); font-size: 16px; line-height: 1.65; }
.mewak-purpose__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.mewak-purpose__grid article { min-height: 245px; padding: 27px 25px; background: #fff; border: 1px solid var(--mewak-line); border-radius: 15px; box-shadow: 0 14px 34px rgba(7, 36, 78, .08); }
.mewak-purpose__grid i { width: 54px; height: 54px; display: grid; place-items: center; color: #fff; background: linear-gradient(145deg, #198bd5, #104690); border-radius: 14px; box-shadow: 0 10px 22px rgba(17, 84, 163, .2); font-size: 21px; }
.mewak-purpose__grid article:nth-child(3) i { color: #5c430b; background: linear-gradient(145deg, #f8d06c, #dba12d); }
.mewak-purpose__grid h3 { margin: 24px 0 10px; color: var(--mewak-navy); font-size: 21px; line-height: 1.2; }
.mewak-purpose__grid p { margin: 0; color: var(--mewak-muted); font-size: 14px; line-height: 1.65; }

.mewak-feature { padding: 96px 0; }
.mewak-feature__grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 68px; align-items: center; }
.mewak-feature__copy > p:not(.mewak-section-kicker) { margin: 19px 0 0; color: var(--mewak-muted); font-size: 16px; line-height: 1.72; }
.mewak-feature__copy ul { margin: 26px 0 0; padding: 0; list-style: none; }
.mewak-feature__copy li { padding: 12px 0; display: flex; align-items: center; gap: 12px; color: var(--mewak-ink); border-bottom: 1px solid #e8eef6; font-weight: 700; }
.mewak-feature__copy li i { width: 28px; height: 28px; display: grid; place-items: center; flex: 0 0 auto; color: #fff; background: var(--mewak-blue); border-radius: 50%; font-size: 11px; }
.mewak-feature__gallery { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; }
.mewak-feature__photo { margin: 0; overflow: hidden; background: #edf5ff; border-radius: 14px; box-shadow: 0 15px 36px rgba(7, 36, 78, .14); }
.mewak-feature__photo--main { grid-column: 1 / -1; border-radius: 18px; box-shadow: 0 24px 54px rgba(7, 36, 78, .17); }
.mewak-feature__photo img { width: 100%; aspect-ratio: 3 / 2; display: block; object-fit: cover; }

.mewak-cta { position: relative; min-height: 390px; display: grid; place-items: center; overflow: hidden; color: #fff; background: #071b42; text-align: center; }
.mewak-cta::before { position: absolute; inset: 0; background: linear-gradient(rgba(4, 22, 57, .9), rgba(4, 24, 61, .92)), url("../images/ministries/mewak.png") center / cover no-repeat; content: ""; }
.mewak-cta__inner { position: relative; z-index: 1; padding: 70px 0; }
.mewak-cta h2 { max-width: 760px; margin: 0 auto; color: #fff; font-size: clamp(38px, 5vw, 58px); letter-spacing: -.045em; line-height: 1.08; }
.mewak-cta p { max-width: 650px; margin: 18px auto 27px; color: rgba(255, 255, 255, .82); font-size: 16px; line-height: 1.7; }

.mewak-footer { padding: 36px 0 18px; color: rgba(255, 255, 255, .75); background: #03132f; }
.mewak-footer__inner { display: flex; align-items: center; gap: 24px; }
.mewak-footer__inner img { width: 170px; }
.mewak-footer__inner p { margin: 0; }
.mewak-footer__inner div { margin-left: auto; display: flex; gap: 10px; }
.mewak-footer__inner div a { width: 36px; height: 36px; display: grid; place-items: center; color: #fff; background: rgba(255, 255, 255, .09); border-radius: 50%; }
.mewak-footer__copyright { margin: 22px 0 0; padding-top: 17px; border-top: 1px solid rgba(255, 255, 255, .1); font-size: 12px; text-align: center; }

@media (max-width: 1000px) {
    .mewak-purpose__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
    .mewak-hero__copy { width: min(650px, 82%); }
    .mewak-hero__overlay { background: linear-gradient(90deg, rgba(4, 19, 49, .96), rgba(5, 28, 67, .7)); }
    .mewak-intro__grid,
    .mewak-feature__grid { grid-template-columns: 1fr; }
    .mewak-feature__grid { gap: 42px; }
}

@media (max-width: 620px) {
    .mewak-page .about-container { width: min(100% - 32px, 1240px); }
    .mewak-hero { min-height: 620px; }
    .mewak-hero__image { background-position: 58% center; }
    .mewak-hero__overlay { background: linear-gradient(0deg, rgba(3, 17, 44, .98), rgba(4, 24, 61, .75)); }
    .mewak-hero__copy { width: 100%; padding-top: 145px; }
    .mewak-hero h1 { font-size: 70px; }
    .mewak-hero h1 span { font-size: 28px; }
    .mewak-hero__copy > p:last-of-type { font-size: 15px; }
    .mewak-button { width: 100%; }
    .mewak-intro { padding: 70px 0 68px; }
    .mewak-intro__grid { gap: 52px; }
    .mewak-intro__photo img { min-height: 270px; }
    .mewak-purpose { padding: 66px 0 72px; }
    .mewak-purpose__grid { grid-template-columns: 1fr; }
    .mewak-purpose__grid article { min-height: 0; }
    .mewak-feature { padding: 70px 0; }
    .mewak-feature__gallery { gap: 8px; }
    .mewak-footer__inner { flex-direction: column; text-align: center; }
    .mewak-footer__inner div { margin-left: 0; }
}