/* ─── Risk Finance Wing (ops2) Page ──────────────────────────────── */

.rf-page {
    position: relative;
    background-image: url('../img/hero.png');
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 100vh;
    overflow: hidden;
}

.rf-page__overlay {
    position: absolute;
    inset: 0;
    background: #051404bd;
    z-index: 0;
}

.rf-page__content {
    position: relative;
    z-index: 1;
    padding-top: 28px;
}

/* ─── Page Title ─────────────────────────────────────────────────── */
.rf-page-title {
    text-align: center;
    padding: 28px 0 20px;
    color: #fff;
    font-size: 1.7rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-shadow: 0 2px 8px rgba(0,0,0,.45);
    margin: 0;
}

/* ─── Main Image Wrap ────────────────────────────────────────────── */
.rf-main-img-wrap {
    /* background: rgba(255,255,255,0.07); */
    /* backdrop-filter: blur(14px); */
    /* -webkit-backdrop-filter: blur(14px); */
    /* border: 1px solid rgba(255,255,255,0.13); */
    overflow: hidden;
}

.rf-main-img-wrap img {
    width: 100%;
    height: 100%;
    /* object-fit: contain; */
    display: block;
}

/* ─── Mini Quick-Link Cards ──────────────────────────────────────── */
.rf-mini-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.rf-mini-card {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    background: rgba(255,255,255,0.09);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border: 1px solid rgba(255,255,255,0.13);
    text-decoration: none;
    color: rgba(255,255,255,.88);
    transition: background .22s, transform .22s, box-shadow .22s;
    min-height: 52px;
}

.rf-mini-card:hover {
    background: rgba(255,255,255,0.16);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0,0,0,.3);
    color: #fff;
    text-decoration: none;
}

.rf-mini-icon {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .95rem;
    flex-shrink: 0;
    color: #fff;
}

.rf-mini-icon.green { background: #1a7a1a; }
.rf-mini-icon.red   { background: #c0392b; }
.rf-mini-icon.blue  { background: #2563a8; }
.rf-mini-icon.gold  { background: #b5862a; }

.rf-mini-label {
    font-size: 0.76rem;
    font-weight: 600;
    line-height: 1.25;
    color: inherit;
}

/* ─── Inline Image Slider ────────────────────────────────────────── */
.rf-inline-swiper {
    overflow: hidden;
    height: 215px;
}

.rf-inline-swiper .swiper-slide {
    width: 100% !important;
    height: 215px;
}

.rf-slide-link {
    display: block;
    overflow: hidden;
    position: relative;
    height: 215px;
    cursor: zoom-in;
}

.rf-slide-link img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .45s ease;
}

.rf-slide-link:hover img { transform: scale(1.06); }

.rf-slide-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.6rem;
    opacity: 0;
    transition: opacity .3s, background .3s;
}

.rf-slide-link:hover .rf-slide-overlay {
    opacity: 1;
    background: rgba(26,107,60,.4);
}

.rf-inline-swiper .swiper-pagination { bottom: 6px; }

.rf-inline-swiper .swiper-pagination-bullet {
    background: #fff;
    opacity: .55;
}

.rf-inline-swiper .swiper-pagination-bullet-active {
    background: #fff;
    opacity: 1;
}