/*
 * KTFM Missions — Premium UI V2
 * Scoped to the Missions page classes already used by this view.
 */

/* Hero */
.page-missions .ministry-detail-hero {
    min-height: min(920px, calc(100vh - 72px));
}

.page-missions .ministry-detail-hero__veil {
    background:
        linear-gradient(
            90deg,
            rgba(4, 21, 39, .96) 0%,
            rgba(4, 21, 39, .86) 42%,
            rgba(4, 21, 39, .50) 72%,
            rgba(4, 21, 39, .24) 100%
        ),
        linear-gradient(
            0deg,
            rgba(5, 22, 40, .7),
            transparent 50%
        );
}

.page-missions .ministry-detail-hero__content {
    width: min(930px, 78%);
}

.page-missions .ministry-detail-hero h1 {
    max-width: 920px;
    font-size: clamp(4.2rem, 7.5vw, 7.9rem);
}

.page-missions .ministry-detail-hero__actions .button {
    min-height: 54px;
    box-shadow: 0 14px 36px rgba(0,0,0,.2);
}

/* Page nav */
.page-missions .ministry-detail-nav {
    box-shadow: 0 10px 30px rgba(10,32,55,.07);
}

.page-missions .ministry-detail-nav__inner {
    overflow-x: auto;
    scrollbar-width: none;
}

.page-missions .ministry-detail-nav__inner::-webkit-scrollbar {
    display: none;
}

/* Welcome */
.missions-welcome__grid {
    gap: clamp(50px, 8vw, 110px);
    align-items: center;
}

.missions-welcome__image {
    border-radius: 34px 150px 34px 34px;
    box-shadow: 0 34px 85px rgba(10,32,55,.14);
}

.missions-welcome__mark {
    box-shadow: 0 20px 46px rgba(10,32,55,.18);
}

/* Vision cards */
.missions-vision {
    background:
        radial-gradient(circle at 86% 12%, rgba(224,178,88,.13), transparent 28rem),
        #0c2946;
}

.missions-vision__cards {
    gap: 14px;
}

.missions-vision__cards article {
    position: relative;
    overflow: hidden;
    min-height: 290px;
    border-radius: 24px;
    border: 1px solid rgba(255,255,255,.1);
    background:
        linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.025));
    box-shadow: 0 22px 50px rgba(0,0,0,.1);
    transition:
        transform .22s ease,
        border-color .22s ease,
        background .22s ease;
}

.missions-vision__cards article:hover {
    transform: translateY(-5px);
    border-color: rgba(224,178,88,.34);
    background:
        linear-gradient(145deg, rgba(224,178,88,.12), rgba(255,255,255,.025));
}

/* Mission list */
.missions-mission__grid {
    gap: clamp(50px, 8vw, 110px);
}

.missions-mission__image {
    border-radius: 34px;
    box-shadow: 0 30px 75px rgba(10,32,55,.13);
}

.missions-mission__content ol {
    display: grid;
    gap: 9px;
}

.missions-mission__content li {
    border-radius: 15px;
    border: 1px solid rgba(10,32,55,.08);
    background: #fff;
}

/* Strategy */
.missions-strategy {
    background:
        radial-gradient(circle at 12% 12%, rgba(224,178,88,.12), transparent 30rem),
        #071e36;
}

.missions-strategy-card {
    border-radius: 26px;
    overflow: hidden;
    box-shadow: 0 25px 60px rgba(0,0,0,.2);
}

.missions-strategy-card__veil {
    background:
        linear-gradient(
            180deg,
            rgba(4,18,33,.05),
            rgba(4,18,33,.28) 35%,
            rgba(4,18,33,.95) 100%
        );
}

/* Nations */
.missions-nations {
    background:
        radial-gradient(circle at 80% 10%, rgba(224,178,88,.14), transparent 26rem),
        #0b2947;
}

.missions-nations__grid {
    gap: clamp(48px, 8vw, 100px);
}

.missions-nations__image {
    border-radius: 34px 150px 34px 34px;
    box-shadow: 0 30px 75px rgba(0,0,0,.2);
}

.missions-nations__list {
    display: grid;
    gap: 9px;
}

.missions-nations__list a {
    border-radius: 15px;
    border: 1px solid rgba(255,255,255,.1);
    background: rgba(255,255,255,.045);
    transition:
        transform .2s ease,
        border-color .2s ease,
        background .2s ease;
}

.missions-nations__list a:hover {
    transform: translateX(5px);
    border-color: rgba(224,178,88,.35);
    background: rgba(224,178,88,.08);
}

/* Initiatives */
.missions-initiatives__stage {
    overflow: hidden;
    border-radius: 32px;
    box-shadow: 0 30px 80px rgba(10,32,55,.13);
}

.missions-initiatives__cards article {
    backdrop-filter: blur(14px);
}

/* Partnership */
.missions-partner {
    background:
        radial-gradient(circle at 15% 16%, rgba(224,178,88,.14), transparent 26rem),
        #f6f1e7;
}

.missions-partner__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(360px, .72fr);
    gap: clamp(48px, 8vw, 110px);
    align-items: center;
}

.missions-partner__content > p:not(.eyebrow) {
    max-width: 720px;
    color: #657185;
    line-height: 1.8;
}

.missions-partner__principles {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 10px;
    margin-top: 28px;
}

.missions-partner__principles article {
    padding: 20px;
    border: 1px solid rgba(12,41,70,.09);
    border-radius: 18px;
    background: rgba(255,255,255,.72);
}

.missions-partner__principles span {
    display: block;
    margin-bottom: 20px;
    color: #a87322;
    font-size: .66rem;
    font-weight: 850;
}

.missions-partner__principles strong {
    display: block;
    color: #0c2946;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.2rem;
}

.missions-partner__principles p {
    margin: 8px 0 0;
    color: #6b7788;
    font-size: .8rem;
    line-height: 1.6;
}

.missions-partner__actions {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 26px;
}

.missions-partner__visual {
    position: relative;
    max-width: 520px;
    justify-self: end;
}

.missions-partner__image {
    border-radius: 170px 170px 30px 30px;
    box-shadow: 0 32px 80px rgba(12,41,70,.15);
}

.missions-partner__seal {
    position: absolute;
    right: -18px;
    bottom: 28px;
    display: grid;
    place-items: center;
    width: 134px;
    height: 134px;
    border: 1px solid rgba(224,178,88,.48);
    border-radius: 50%;
    background: #0c2946;
    color: #fff;
    text-align: center;
    box-shadow: 0 20px 50px rgba(0,0,0,.18);
}

.missions-partner__seal small,
.missions-partner__seal span {
    font-size: .52rem;
    letter-spacing: .08em;
}

.missions-partner__seal strong {
    color: #e0b258;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1rem;
}

/* Involvement */
.missions-involvement {
    background:
        radial-gradient(circle at 90% 4%, rgba(224,178,88,.16), transparent 28rem),
        #08213b;
}

.missions-involvement__stage {
    overflow: hidden;
    border-radius: 32px;
    box-shadow: 0 30px 80px rgba(0,0,0,.2);
}

.missions-involvement__cards {
    grid-template-columns: repeat(5, minmax(0,1fr));
}

.missions-involvement__cards article {
    min-height: 300px;
    backdrop-filter: blur(14px);
}

.missions-involvement__cards article:hover {
    background: rgba(224,178,88,.11);
}

/* Impact */
.missions-impact__measures {
    gap: 10px;
}

.missions-impact__measures article {
    border-radius: 18px;
    box-shadow: 0 16px 38px rgba(10,32,55,.05);
}

/* Opportunities */
.missions-opportunities {
    background:
        radial-gradient(circle at 90% 10%, rgba(224,178,88,.14), transparent 26rem),
        #0b2947;
}

.missions-opportunities__grid {
    gap: clamp(50px, 8vw, 110px);
}

.missions-opportunities__image {
    border-radius: 34px 150px 34px 34px;
    box-shadow: 0 30px 80px rgba(0,0,0,.2);
}

.missions-opportunities__content li {
    border-radius: 14px;
}

.missions-opportunities__actions {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 24px;
}

/* Stories */
.missions-stories__stage {
    overflow: hidden;
    border-radius: 32px;
    box-shadow: 0 30px 80px rgba(0,0,0,.18);
}

.missions-stories__quotes blockquote {
    backdrop-filter: blur(14px);
}

/* Pillars */
.missions-pillars__stage {
    overflow: hidden;
    border-radius: 32px;
    box-shadow: 0 30px 80px rgba(10,32,55,.12);
}

.missions-pillars__cards article {
    backdrop-filter: blur(14px);
}

/* FAQ */
.missions-faq details {
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid rgba(10,32,55,.09);
    background: #fff;
}

/* Final CTA */
.missions-cta__veil {
    background:
        linear-gradient(
            90deg,
            rgba(4,20,38,.95),
            rgba(4,20,38,.70) 58%,
            rgba(4,20,38,.3)
        );
}

.missions-cta__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}

.missions-cta__actions .button {
    min-height: 52px;
}

/* Reliable local anchors */
#missions-welcome,
#missions-vision,
#missions-strategy,
#missions-nations,
#missions-involvement,
#missions-impact,
#missions-opportunities,
.missions-partner {
    scroll-margin-top: 120px;
}

@media (max-width: 1180px) {
    .missions-involvement__cards {
        grid-template-columns: repeat(3, minmax(0,1fr));
    }

    .missions-partner__principles {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .page-missions .ministry-detail-hero__content {
        width: min(920px, 92%);
    }

    .missions-partner__grid {
        grid-template-columns: 1fr;
    }

    .missions-partner__visual {
        justify-self: start;
        width: min(100%, 540px);
    }

    .missions-involvement__cards {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }
}

@media (max-width: 650px) {
    .page-missions .ministry-detail-hero {
        min-height: 820px;
    }

    .page-missions .ministry-detail-hero__content {
        width: 100%;
    }

    .page-missions .ministry-detail-hero h1 {
        font-size: clamp(3.6rem, 16vw, 5.8rem);
    }

    .page-missions .ministry-detail-hero__actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .page-missions .ministry-detail-hero__actions .button {
        width: 100%;
        justify-content: center;
    }

    .missions-partner__principles,
    .missions-involvement__cards {
        grid-template-columns: 1fr;
    }

    .missions-partner__seal {
        right: 12px;
        width: 114px;
        height: 114px;
    }

    .missions-partner__actions,
    .missions-opportunities__actions,
    .missions-cta__actions {
        align-items: stretch;
        flex-direction: column;
    }

    .missions-partner__actions .button,
    .missions-opportunities__actions .button,
    .missions-cta__actions .button {
        width: 100%;
        justify-content: center;
    }
}