/*
|--------------------------------------------------------------------------
| MF Management Services
| Production Design System
|--------------------------------------------------------------------------
*/


:root {

    --navy:#102638;

    --navy-light:#18364c;

    --gold:#B8894A;

    --gold-dark:#956d39;

    --cream:#F7F4EE;

    --white:#ffffff;

    --text:#182530;

    --muted:#66727c;

    --border:#ded8cd;


    --shadow:
    0 15px 45px rgba(16,38,56,.12);


    --radius:6px;


    --container:1200px;


    --heading:
    "Plus Jakarta Sans",
    sans-serif;


    --body:
    "Inter",
    sans-serif;


    --serif:
    "Libre Baskerville",
    serif;

}



/*
|--------------------------------------------------------------------------
| Reset
|--------------------------------------------------------------------------
*/


*,
*::before,
*::after{

box-sizing:border-box;

}



html{

scroll-behavior:smooth;

}



body{

margin:0;

background:var(--cream);

color:var(--text);

font-family:var(--body);

}



img{

max-width:100%;

display:block;

}



a{

text-decoration:none;

color:inherit;

}



.container{

width:min(
92%,
var(--container)
);

margin:auto;

}



/*
|--------------------------------------------------------------------------
| Typography
|--------------------------------------------------------------------------
*/


h1,
h2,
h3,
h4{

font-family:var(--heading);

color:var(--navy);

line-height:1.15;

}



h1{

font-size:
clamp(
2.3rem,
5vw,
4rem
);

font-weight:800;

}



h2{

font-size:
clamp(
1.8rem,
4vw,
2.8rem
);

font-weight:700;

}



h3{

font-size:1.35rem;

}



p{

line-height:1.75;

}



.text-gold{

color:var(--gold);

}



/*
|--------------------------------------------------------------------------
| Header
|--------------------------------------------------------------------------
*/


.site-header{

position:sticky;

top:0;

z-index:1000;

background:
rgba(
247,
244,
238,
.96
);

border-bottom:
1px solid var(--border);

}



.header-inner{

height:78px;

display:flex;

align-items:center;

justify-content:space-between;

}



.logo{

display:flex;

align-items:center;

gap:12px;

}



.logo-mark{

width:44px;

height:44px;

background:var(--navy);

color:var(--gold);

display:flex;

align-items:center;

justify-content:center;

font-weight:800;

border-radius:5px;

}



.logo small{

display:block;

font-size:.65rem;

letter-spacing:.22em;

color:var(--muted);

text-transform:uppercase;

}



.desktop-nav{

display:flex;

gap:22px;

}



.desktop-nav a{

font-size:.9rem;

font-weight:600;

}



.desktop-nav a:hover{

color:var(--gold);

}



/*
|--------------------------------------------------------------------------
| Mobile Navigation
|--------------------------------------------------------------------------
*/


.mobile-toggle{

display:none;

background:none;

border:0;

font-size:28px;

}



@media(max-width:900px){


.desktop-nav{

display:none;

}


.mobile-toggle{

display:block;

}


}



/*
|--------------------------------------------------------------------------
| Buttons
|--------------------------------------------------------------------------
*/


.btn{

display:inline-flex;

align-items:center;

justify-content:center;

padding:14px 30px;

border-radius:5px;

font-weight:700;

transition:.25s;

}



.btn-primary{

background:var(--gold);

color:white;

}



.btn-primary:hover{

background:var(--gold-dark);

}



.btn-dark{

background:var(--navy);

color:white;

}



/*
|--------------------------------------------------------------------------
| Hero
|--------------------------------------------------------------------------
*/


.hero{

background:

linear-gradient(
120deg,
var(--navy),
var(--navy-light)
);

padding:110px 0;

}



.hero h1{

color:white;

max-width:850px;

}



.hero p{

color:
rgba(
255,
255,
255,
.8
);

max-width:700px;

font-size:1.2rem;

}



/*
|--------------------------------------------------------------------------
| Sections
|--------------------------------------------------------------------------
*/


.section{

padding:90px 0;

}



.section-dark{

background:var(--navy);

}



.section-dark h1,
.section-dark h2,
.section-dark h3{

color:white;

}



/*
|--------------------------------------------------------------------------
| Cards
|--------------------------------------------------------------------------
*/


.grid{

display:grid;

gap:30px;

}



.grid-3{

grid-template-columns:
repeat(
3,
1fr
);

}



.card{

background:white;

border:

1px solid var(--border);

padding:32px;

border-radius:var(--radius);

transition:.3s;

}



.card:hover{

transform:translateY(-6px);

box-shadow:var(--shadow);

}



.card a{

color:var(--gold);

font-weight:700;

}



/*
|--------------------------------------------------------------------------
| Service / Standard Blocks
|--------------------------------------------------------------------------
*/


.service-card,
.standard-card{

min-height:280px;

display:flex;

flex-direction:column;

justify-content:space-between;

}



/*
|--------------------------------------------------------------------------
| Training
|--------------------------------------------------------------------------
*/


.training-meta{

font-size:.85rem;

color:var(--muted);

}



/*
|--------------------------------------------------------------------------
| Industry Cards
|--------------------------------------------------------------------------
*/


.industry-card{

background:var(--navy);

color:white;

padding:40px;

border-radius:6px;

}



.industry-card h3{

color:white;

}



.industry-card:hover{

background:var(--navy-light);

}



/*
|--------------------------------------------------------------------------
| Articles
|--------------------------------------------------------------------------
*/


.article-card{

overflow:hidden;

}



.article-card img{

height:220px;

object-fit:cover;

}



/*
|--------------------------------------------------------------------------
| Forms
|--------------------------------------------------------------------------
*/


form{

background:white;

padding:35px;

border-radius:6px;

border:1px solid var(--border);

}



input,
textarea,
select{

width:100%;

padding:15px;

border:

1px solid var(--border);

border-radius:4px;

font-family:inherit;

margin-bottom:18px;

}



textarea{

min-height:180px;

}



input:focus,
textarea:focus{

outline:none;

border-color:var(--gold);

}



/*
|--------------------------------------------------------------------------
| FAQ
|--------------------------------------------------------------------------
*/


.faq-item{

background:white;

border:

1px solid var(--border);

padding:20px;

margin-bottom:15px;

border-radius:5px;

}



.faq-item summary{

cursor:pointer;

font-weight:700;

color:var(--navy);

}



/*
|--------------------------------------------------------------------------
| Footer
|--------------------------------------------------------------------------
*/


.site-footer{

background:var(--navy);

color:white;

padding:80px 0 20px;

}



.site-footer h3,
.site-footer h4{

color:white;

}



.site-footer p,
.site-footer a{

color:
rgba(
255,
255,
255,
.75
);

}



.footer-grid{

display:grid;

grid-template-columns:
repeat(
4,
1fr
);

gap:35px;

}



.footer-bottom{

margin-top:50px;

padding-top:20px;

border-top:

1px solid rgba(
255,
255,
255,
.15
);

text-align:center;

}



/*
|--------------------------------------------------------------------------
| Breadcrumbs
|--------------------------------------------------------------------------
*/


.breadcrumbs{

padding:25px 0;

font-size:.85rem;

color:var(--muted);

}



/*
|--------------------------------------------------------------------------
| Pagination
|--------------------------------------------------------------------------
*/


.pagination{

margin-top:40px;

display:flex;

gap:10px;

}



/*
|--------------------------------------------------------------------------
| Responsive
|--------------------------------------------------------------------------
*/


@media(max-width:900px){


.grid-3{

grid-template-columns:1fr;

}



.footer-grid{

grid-template-columns:1fr;

}



.section{

padding:60px 0;

}


}
/*
|--------------------------------------------------------------------------
| Premium Homepage
|--------------------------------------------------------------------------
*/


.hero-premium{

    position:relative;
    
    min-height:650px;
    
    display:flex;
    
    align-items:center;
    
    background:
    
    linear-gradient(
    120deg,
    #102638,
    #19384f
    );
    
    overflow:hidden;
    
    }
    
    
    
    .hero-content{
    
    position:relative;
    
    z-index:2;
    
    }
    
    
    
    .hero-label,
    .eyebrow{
    
    color:var(--gold);
    
    font-weight:700;
    
    text-transform:uppercase;
    
    letter-spacing:.18em;
    
    font-size:.8rem;
    
    margin-bottom:20px;
    
    }
    
    
    
    .hero h1 span{
    
    color:var(--gold);
    
    }
    
    
    
    .hero-actions{
    
    display:flex;
    
    gap:15px;
    
    margin-top:35px;
    
    }
    
    
    
    .btn-outline{
    
    border:
    1px solid rgba(255,255,255,.4);
    
    color:white;
    
    }
    
    
    
    .trust-bar{
    
    background:var(--navy);
    
    color:white;
    
    padding:35px 0;
    
    }
    
    
    
    .trust-grid{
    
    display:grid;
    
    grid-template-columns:
    repeat(4,1fr);
    
    text-align:center;
    
    gap:20px;
    
    }
    
    
    
    .trust-grid strong{
    
    display:block;
    
    font-size:2.2rem;
    
    color:var(--gold);
    
    }
    
    
    
    .trust-grid span{
    
    opacity:.8;
    
    }
    
    
    
    .section-heading{
    
    max-width:700px;
    
    margin-bottom:50px;
    
    }
    
    
    
    .about-grid{
    
    display:grid;
    
    grid-template-columns:
    repeat(2,1fr);
    
    gap:50px;
    
    align-items:center;
    
    }
    
    
    
    .about-box{
    
    background:var(--navy);
    
    padding:45px;
    
    color:white;
    
    }
    
    
    
    .about-box h3{
    
    color:white;
    
    }
    
    
    
    .framework-grid{
    
    display:grid;
    
    grid-template-columns:
    repeat(5,1fr);
    
    margin-top:40px;
    
    gap:2px;
    
    }
    
    
    
    .framework-grid div{
    
    background:
    rgba(255,255,255,.08);
    
    padding:35px 20px;
    
    text-align:center;
    
    color:white;
    
    font-weight:700;
    
    }
    
    
    
    
    @media(max-width:900px){
    
    
    .trust-grid,
    .about-grid,
    .framework-grid{
    
    grid-template-columns:1fr;
    
    }
    
    
    .hero-actions{
    
    flex-direction:column;
    
    }
    
    
    }
    /*
|--------------------------------------------------------------------------
| CTA Section
|--------------------------------------------------------------------------
*/


.cta-section{

    background:
    
    linear-gradient(
    120deg,
    var(--navy),
    var(--navy-light)
    );
    
    padding:90px 0;
    
    text-align:center;
    
    color:white;
    
    }
    
    
    
    .cta-section h2{
    
    color:white;
    
    }
    
    
    
    .cta-section p{
    
    color:
    rgba(
    255,
    255,255,.8
    );
    
    max-width:700px;
    
    margin:
    20px auto 35px;
    
    }
    .faq-item details{

        cursor:pointer;
        
        }
        
        
        
        .faq-item summary{
        
        list-style:none;
        
        font-size:1.05rem;
        
        }
        
        
        
        .faq-item summary::-webkit-details-marker{
        
        display:none;
        
        }
        @media(max-width:900px){


            .desktop-nav.mobile-open{
            
            display:flex;
            
            position:absolute;
            
            top:78px;
            
            left:0;
            
            right:0;
            
            background:white;
            
            padding:25px;
            
            flex-direction:column;
            
            box-shadow:var(--shadow);
            
            }
            
            
            
            .mobile-toggle.active{
            
            color:var(--gold);
            
            }
            
            }
            /*
|--------------------------------------------------------------------------
| Authentication
|--------------------------------------------------------------------------
*/


.auth-page{

    background:
    var(--cream);
    
    }
    
    
    .auth-card{
    
    background:white;
    
    padding:45px;
    
    border:
    
    1px solid var(--border);
    
    border-radius:8px;
    
    box-shadow:
    
    0 15px 40px rgba(0,0,0,.08);
    
    }
    
    
    .auth-card h1{
    
    margin-bottom:10px;
    
    }
    
    
    .auth-error{
    
    background:#fee2e2;
    
    color:#991b1b;
    
    padding:12px;
    
    margin-bottom:20px;
    
    border-radius:5px;
    
    }
    
    
    .checkbox{
    
    display:flex;
    
    gap:10px;
    
    align-items:center;
    
    margin-bottom:20px;
    
    }
    /*
|--------------------------------------------------------------------------
| Premium Header
|--------------------------------------------------------------------------
*/


.site-header{

    position:sticky;
    
    top:0;
    
    z-index:1000;
    
    background:
    rgba(247,244,238,.82);
    
    backdrop-filter:
    blur(12px);
    
    border-bottom:
    1px solid rgba(0,0,0,.08);
    
    }
    
    
    
    .header-inner{
    
    height:68px;
    
    display:flex;
    
    align-items:center;
    
    justify-content:space-between;
    
    }
    
    
    
    .brand-logo{
    
    display:flex;
    
    align-items:center;
    
    gap:10px;
    
    }
    
    
    
    .brand-text{
    
    display:flex;
    
    flex-direction:column;
    
    line-height:1;
    
    }
    
    
    
    .brand-name{
    
    font-family:
    "Plus Jakarta Sans";
    
    font-size:15px;
    
    font-weight:800;
    
    color:#102638;
    
    }
    
    
    
    .brand-sub{
    
    font-size:10px;
    
    letter-spacing:.22em;
    
    text-transform:uppercase;
    
    margin-top:5px;
    
    color:#66727c;
    
    }
    
    
    
    
    
    .main-navigation{
    
    display:flex;
    
    align-items:center;
    
    gap:4px;
    
    }
    
    
    
    .nav-link{
    
    padding:10px 13px;
    
    font-size:13.5px;
    
    font-weight:600;
    
    color:#182530;
    
    transition:.2s;
    
    }
    
    
    
    .nav-link:hover,
    .nav-link.active{
    
    color:#B8894A;
    
    }
    
    
    
    .arrow{
    
    font-size:13px;
    
    margin-left:4px;
    
    opacity:.6;
    
    }
    
    
    
    
    
    .nav-dropdown{
    
    position:relative;
    
    }
    
    
    
    .dropdown-menu{
    
    position:absolute;
    
    top:42px;
    
    left:0;
    
    min-width:240px;
    
    background:white;
    
    border:
    
    1px solid #e5e1d8;
    
    box-shadow:
    
    0 15px 35px rgba(0,0,0,.12);
    
    border-radius:6px;
    
    padding:12px;
    
    opacity:0;
    
    visibility:hidden;
    
    transform:
    translateY(10px);
    
    transition:.2s;
    
    }
    
    
    
    .nav-dropdown:hover .dropdown-menu{
    
    opacity:1;
    
    visibility:visible;
    
    transform:
    translateY(0);
    
    }
    
    
    
    .dropdown-menu a{
    
    display:block;
    
    padding:10px;
    
    font-size:13px;
    
    border-radius:4px;
    
    }
    
    
    
    .dropdown-menu a:hover{
    
    background:#f7f4ee;
    
    color:#B8894A;
    
    }
    
    
    
    
    
    .contact-button{
    
    display:flex;
    
    align-items:center;
    
    gap:8px;
    
    background:#B8894A;
    
    color:white;
    
    padding:
    
    11px 18px;
    
    font-size:13px;
    
    font-weight:700;
    
    border-radius:4px;
    
    }
    
    
    
    
    
    .mobile-menu-button{
    
    display:none;
    
    background:none;
    
    border:0;
    
    }
    
    
    
    .mobile-menu-button span{
    
    display:block;
    
    width:25px;
    
    height:2px;
    
    background:#102638;
    
    margin:5px;
    
    }
    
    
    
    
    
    .skip-link{
    
    position:absolute;
    
    left:-999px;
    
    }
    
    
    
    .skip-link:focus{
    
    left:20px;
    
    top:20px;
    
    background:#102638;
    
    color:white;
    
    padding:10px 15px;
    
    z-index:9999;
    
    }
    
    
    
    
    
    @media(max-width:1100px){
    
    
    .main-navigation,
    .header-action{
    
    display:none;
    
    }
    
    
    
    .mobile-menu-button{
    
    display:block;
    
    }
    
    
    }
    @media(max-width:1100px){


        .main-navigation.mobile-visible{
        
        
        display:flex;
        
        position:absolute;
        
        top:68px;
        
        left:0;
        
        right:0;
        
        background:white;
        
        padding:25px;
        
        flex-direction:column;
        
        box-shadow:
        0 15px 30px rgba(0,0,0,.1);
        
        
        }
        
        
        
        .nav-dropdown:hover .dropdown-menu{
        
        position:static;
        
        box-shadow:none;
        
        border:0;
        
        opacity:1;
        
        visibility:visible;
        
        }
        
        
        }
        .page-hero{

            padding:80px 0 50px;
            
            }
            
            
            
            .contact-layout{
            
            display:grid;
            
            grid-template-columns:
            
            2fr 1fr;
            
            gap:40px;
            
            align-items:start;
            
            }
            
            
            
            .contact-panel{
            
            background:white;
            
            padding:35px;
            
            border:
            
            1px solid var(--border);
            
            }
            
            
            
            .info-panel{
            
            background:var(--navy);
            
            color:white;
            
            padding:35px;
            
            }
            
            
            
            .info-panel h3{
            
            color:white;
            
            }
            
            
            
            .info-panel li{
            
            margin-bottom:15px;
            
            }
            
            
            
            @media(max-width:900px){
            
            .contact-layout{
            
            grid-template-columns:1fr;
            
            }
            
            }
            /*
|--------------------------------------------------------------------------
| WhatsApp CTA
|--------------------------------------------------------------------------
*/


.contact-button,
.whatsapp-button{

transition:
all .25s ease;

}



.contact-button:hover,
.whatsapp-button:hover{

transform:
translateY(-2px);

opacity:.92;

}



.phone-icon{

font-size:14px;

}
/*
|--------------------------------------------------------------------------
| Industry Pages
|--------------------------------------------------------------------------
*/


.page-hero{

    padding:90px 0 60px;
    
    }
    
    
    
    .industry-layout{
    
    display:grid;
    
    grid-template-columns:
    
    2fr 1fr;
    
    gap:50px;
    
    }
    
    
    
    .industry-sidebar{
    
    background:
    
    var(--navy);
    
    padding:35px;
    
    color:white;
    
    }
    
    
    
    .industry-sidebar h3{
    
    color:white;
    
    }
    
    
    
    .industry-sidebar a{
    
    display:block;
    
    color:white;
    
    margin-bottom:15px;
    
    }
    
    
    
    .industry-list-card{
    
    min-height:320px;
    
    }
    
    
    
    @media(max-width:900px){
    
    
    .industry-layout{
    
    grid-template-columns:1fr;
    
    }
    
    
    }
    /*
|--------------------------------------------------------------------------
| Industry Landing Pages
|--------------------------------------------------------------------------
*/


.page-hero{

    background:
    var(--cream);

    padding:
    80px 0 60px;

}



.page-hero h1{

    max-width:800px;

}



.industry-layout{

    display:grid;

    grid-template-columns:
    minmax(0,2fr)
    minmax(280px,1fr);

    gap:60px;

    align-items:start;

}



.industry-content h2{

    margin-top:45px;

}



.industry-content p{

    color:
    var(--text);

}



.industry-sidebar{

    background:
    var(--navy);

    padding:35px;

    position:sticky;

    top:100px;

}



.industry-sidebar h3{

    color:white;

    margin-bottom:25px;

}



.industry-sidebar a:not(.btn){

    display:block;

    color:white;

    padding:

    12px 0;

    border-bottom:

    1px solid rgba(255,255,255,.15);

}



.industry-sidebar .btn{

    margin-top:25px;

    width:100%;

}





.industry-list-card{

    min-height:300px;

}



.section-light{

    background:
    #f8f6f1;

}





@media(max-width:900px){


.industry-layout{

    grid-template-columns:1fr;

}


.industry-sidebar{

    position:relative;

}


}
/*
|--------------------------------------------------------------------------
| Breadcrumb Alignment
|--------------------------------------------------------------------------
*/


.breadcrumb-section{

    padding-top:30px;
    
    background:
    var(--cream);
    
    }
    
    
    
    .breadcrumbs{
    
    width:100%;
    
    font-size:.9rem;
    
    color:
    var(--muted);
    
    display:flex;
    
    align-items:center;
    
    gap:8px;
    
    }
    
    
    
    .breadcrumbs a{
    
    color:
    var(--navy);
    
    }
    
    
    
    .breadcrumbs a:hover{
    
    color:
    var(--gold);
    
    }
    
    
    
    .breadcrumbs .current{
    
    color:
    var(--muted);
    
    font-weight:500;
    
    }
    /*
|--------------------------------------------------------------------------
| Standards Pages
|--------------------------------------------------------------------------
*/


.standard-card{

    min-height:320px;
    
    }
    
    
    
    .standard-card .text-gold{
    
    font-size:.8rem;
    
    font-weight:700;
    
    text-transform:uppercase;
    
    letter-spacing:.15em;
    
    }
    
    
    
    .standard-card h3{
    
    margin-top:15px;
    
    }
    
    
    
    .challenge-list{
    
    padding-left:20px;
    
    }
    
    
    
    .challenge-list li{
    
    margin-bottom:12px;
    
    }
    
  /*
|--------------------------------------------------------------------------
| Training Pages
|--------------------------------------------------------------------------
*/


.training-card{

    min-height:330px;
    
    }
    
    
    
    .training-card .text-gold{
    
    font-size:.8rem;
    
    font-weight:700;
    
    letter-spacing:.15em;
    
    text-transform:uppercase;
    
    }
    
    
    
    .training-meta{
    
    color:var(--muted);
    
    font-size:.9rem;
    
    }
    
    
    
    .training-card h3{
    
    margin-top:15px;
    
    }  
    /*
|--------------------------------------------------------------------------
| Section Spacing Refinement
| MF Management Services
|--------------------------------------------------------------------------
*/


/* Main content sections */

.section{

    padding-top:35px;

    padding-bottom:35px;

}



/* Hero areas */

.hero,
.hero-premium{

    padding-top:80px;

    padding-bottom:80px;

}



.page-hero,
.industry-page-hero{

    padding-top:55px;

    padding-bottom:40px;

}





/* Reduce distance after hero */

.page-hero + .section,
.industry-page-hero + .section,
.hero + .section{

    padding-top:35px;

}





/* Headings closer to their content */

.section h2{

    margin-bottom:20px;

}



.section h3{

    margin-bottom:15px;

}





/* Card sections */

.grid{

    gap:15px;

}





/* Light sections between related blocks */

.section-light{

    padding-top:45px;

    padding-bottom:45px;

}





/* CTA spacing */

.cta-section{

    padding-top:60px;

    padding-bottom:60px;

}
/*
|--------------------------------------------------------------------------
| Premium Footer
|--------------------------------------------------------------------------
*/


.site-footer{

    background:
    var(--navy);
    
    color:white;
    
    padding:
    70px 0 0;
    
    }
    
    
    
    .footer-grid{
    
    display:grid;
    
    grid-template-columns:
    1.4fr 1fr 1fr 1fr 1fr;
    
    gap:40px;
    
    }
    
    
    
    .site-footer h3,
    .site-footer h4{
    
    color:white;
    
    }
    
    
    
    .site-footer h4{
    
    color:
    var(--gold);
    
    font-size:13px;
    
    text-transform:uppercase;
    
    letter-spacing:.15em;
    
    margin-bottom:20px;
    
    }
    
    
    
    .site-footer a{
    
    display:block;
    
    color:
    rgba(255,255,255,.75);
    
    margin-bottom:12px;
    
    font-size:14px;
    
    }
    
    
    
    .site-footer a:hover{
    
    color:white;
    
    }
    
    
    
    .footer-company p{
    
    max-width:260px;
    
    line-height:1.7;
    
    }
    
    
    
    .footer-bottom{
    
    margin-top:50px;
    
    padding:
    25px 0;
    
    border-top:
    1px solid rgba(255,255,255,.15);
    
    }
    
    
    
    .footer-links{
    
    display:flex;
    
    gap:25px;
    
    margin-bottom:20px;
    
    }
    
    
    
    .footer-links a{
    
    margin:0;
    
    }
    
    
    
    .footer-bottom p{
    
    color:
    rgba(255,255,255,.7);
    
    font-size:14px;
    
    }
    
    
    
    @media(max-width:900px){
    
    
    .footer-grid{
    
    grid-template-columns:1fr;
    
    }
    
    
    .footer-links{
    
    flex-wrap:wrap;
    
    }
    
    
    }
    /*
|--------------------------------------------------------------------------
| MF Logo Image
|--------------------------------------------------------------------------
*/

.brand-logo-image{

    width:34px;

    height:34px;

    display:block;

    flex:0 0 34px;

    object-fit:contain;

    border-radius:7px;

}



/*
|--------------------------------------------------------------------------
| Brand Refinement
|--------------------------------------------------------------------------
*/

.brand-logo{

    display:flex;

    align-items:center;

    gap:10px;

    flex-shrink:0;

}



.brand-text{

    display:flex;

    flex-direction:column;

    line-height:1;

}



.brand-name{

    font-family:var(--heading);

    font-size:15px;

    font-weight:800;

    letter-spacing:-.02em;

    color:var(--navy);

}



.brand-sub{

    margin-top:4px;

    font-family:var(--heading);

    font-size:10px;

    font-weight:500;

    letter-spacing:.22em;

    text-transform:uppercase;

    color:var(--muted);

}



/*
|--------------------------------------------------------------------------
| Navigation — No Arrow Icons
|--------------------------------------------------------------------------
*/

.dropdown-trigger{

    display:inline-flex;

    align-items:center;

    gap:0;

}



.arrow{

    display:none !important;

}



/*
|--------------------------------------------------------------------------
| Dropdown Refinement
|--------------------------------------------------------------------------
*/

.nav-dropdown{

    position:relative;

}



.dropdown-menu{

    position:absolute;

    top:calc(100% + 8px);

    left:0;

    min-width:250px;

    max-height:75vh;

    overflow-y:auto;

    background:var(--white);

    border:1px solid var(--border);

    border-radius:4px;

    box-shadow:

        0 18px 45px rgba(16,38,56,.14);

    padding:10px;

    opacity:0;

    visibility:hidden;

    pointer-events:none;

    transform:translateY(8px);

    transition:

        opacity .18s ease,

        visibility .18s ease,

        transform .18s ease;

}



.nav-dropdown:hover .dropdown-menu,

.nav-dropdown:focus-within .dropdown-menu{

    opacity:1;

    visibility:visible;

    pointer-events:auto;

    transform:translateY(0);

}



.dropdown-menu a{

    display:block;

    padding:10px 12px;

    border-radius:4px;

    color:var(--text);

    font-size:13px;

    line-height:1.35;

}



.dropdown-menu a:hover{

    background:var(--cream);

    color:var(--gold);

}



/*
|--------------------------------------------------------------------------
| Mobile Logo
|--------------------------------------------------------------------------
*/

@media(max-width:1100px){

    .brand-logo-image{

        width:34px;

        height:34px;

        flex-basis:34px;

    }

}
/*
|--------------------------------------------------------------------------
| MF Management Services
| Premium Footer
|--------------------------------------------------------------------------
*/


.site-footer{

    background:var(--navy);

    color:var(--white);

    padding:70px 0 0;

    margin-top:0;

}





/*
|--------------------------------------------------------------------------
| Footer Grid
|--------------------------------------------------------------------------
*/


.footer-grid{

    display:grid;

    grid-template-columns:

        minmax(230px,1.35fr)

        minmax(170px,1fr)

        minmax(170px,1fr)

        minmax(170px,1fr)

        minmax(170px,1fr);

    gap:45px;

    align-items:start;

}





/*
|--------------------------------------------------------------------------
| Footer Company
|--------------------------------------------------------------------------
*/


.footer-company{

    min-width:0;

}



.footer-company h3{

    margin:0 0 18px;

    color:var(--white);

    font-family:var(--heading);

    font-size:18px;

    font-weight:800;

    line-height:1.2;

}



.footer-company p{

    max-width:270px;

    margin:0;

    color:rgba(255,255,255,.72);

    font-size:13.5px;

    line-height:1.75;

}





/*
|--------------------------------------------------------------------------
| Footer Headings
|--------------------------------------------------------------------------
*/


.site-footer h4{

    margin:0 0 20px;

    color:var(--gold);

    font-family:var(--heading);

    font-size:11px;

    font-weight:700;

    line-height:1.2;

    text-transform:uppercase;

    letter-spacing:.18em;

}





/*
|--------------------------------------------------------------------------
| Footer Links
|--------------------------------------------------------------------------
*/


.site-footer a{

    display:block;

    width:max-content;

    max-width:100%;

    margin:0 0 12px;

    color:rgba(255,255,255,.72);

    font-size:13px;

    line-height:1.45;

    text-decoration:none;

    transition:

        color .2s ease,

        transform .2s ease;

}



.site-footer a:hover{

    color:var(--white);

}



.site-footer a:focus-visible{

    outline:

        2px solid var(--gold);

    outline-offset:4px;

    border-radius:2px;

}





/*
|--------------------------------------------------------------------------
| Footer Bottom
|--------------------------------------------------------------------------
*/


.footer-bottom{

    margin-top:55px;

    padding:26px 0 28px;

    border-top:

        1px solid rgba(255,255,255,.14);

}





.footer-bottom .container{

    display:flex;

    flex-direction:column;

    gap:18px;

}





/*
|--------------------------------------------------------------------------
| Legal Links
|--------------------------------------------------------------------------
*/


.footer-links{

    display:flex;

    flex-wrap:wrap;

    align-items:center;

    gap:8px 24px;

}



.footer-links a{

    width:auto;

    margin:0;

    color:rgba(255,255,255,.62);

    font-size:12.5px;

    line-height:1.4;

}



.footer-links a:hover{

    color:var(--gold);

}





/*
|--------------------------------------------------------------------------
| Copyright
|--------------------------------------------------------------------------
*/


.footer-bottom p{

    margin:0;

    color:rgba(255,255,255,.52);

    font-size:12px;

    line-height:1.6;

}





/*
|--------------------------------------------------------------------------
| Footer Logo
|--------------------------------------------------------------------------
|
| Works with:
|
| <img class="footer-logo" ...>
|
|--------------------------------------------------------------------------
*/


.footer-logo{

    width:42px;

    height:42px;

    display:block;

    object-fit:contain;

    margin-bottom:16px;

}





/*
|--------------------------------------------------------------------------
| Footer Brand
|--------------------------------------------------------------------------
*/


.footer-brand{

    display:flex;

    align-items:center;

    gap:10px;

    margin-bottom:18px;

    width:max-content;

}



.footer-brand img{

    width:42px;

    height:42px;

    object-fit:contain;

    flex-shrink:0;

}



.footer-brand-text{

    display:flex;

    flex-direction:column;

    line-height:1;

}



.footer-brand-name{

    color:var(--white);

    font-family:var(--heading);

    font-size:15px;

    font-weight:800;

    letter-spacing:-.01em;

}



.footer-brand-sub{

    margin-top:5px;

    color:rgba(255,255,255,.6);

    font-family:var(--heading);

    font-size:10px;

    font-weight:500;

    text-transform:uppercase;

    letter-spacing:.22em;

}





/*
|--------------------------------------------------------------------------
| Footer Social Links
|--------------------------------------------------------------------------
*/


.footer-social{

    display:flex;

    align-items:center;

    gap:10px;

    margin-top:20px;

}



.footer-social a{

    width:36px;

    height:36px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin:0;

    border:

        1px solid rgba(255,255,255,.2);

    border-radius:50%;

    color:rgba(255,255,255,.72);

}



.footer-social a:hover{

    color:var(--white);

    border-color:var(--gold);

    background:var(--gold);

}



.footer-social svg{

    width:16px;

    height:16px;

}





/*
|--------------------------------------------------------------------------
| Responsive Footer
|--------------------------------------------------------------------------
*/


@media(max-width:1100px){

    .footer-grid{

        grid-template-columns:

            repeat(3,1fr);

        gap:35px;

    }

}





@media(max-width:900px){

    .site-footer{

        padding-top:55px;

    }



    .footer-grid{

        grid-template-columns:

            repeat(2,1fr);

        gap:35px 28px;

    }



    .footer-bottom{

        margin-top:40px;

    }

}





@media(max-width:600px){

    .footer-grid{

        grid-template-columns:1fr;

        gap:30px;

    }



    .footer-company p{

        max-width:100%;

    }



    .footer-links{

        flex-direction:column;

        align-items:flex-start;

        gap:12px;

    }



    .footer-bottom .container{

        gap:20px;

    }

}





/*
|--------------------------------------------------------------------------
| Footer Accessibility
|--------------------------------------------------------------------------
*/


.site-footer a:focus{

    outline:none;

}



.site-footer a:focus-visible{

    outline:

        2px solid var(--gold);

    outline-offset:4px;

}
/*
|--------------------------------------------------------------------------
| MF Management Services
| Complete Landing Page
|--------------------------------------------------------------------------
*/


.mf-home{

    overflow:hidden;

}



.mf-home-container{

    width:min(
        calc(100% - 32px),
        1120px
    );

    margin-inline:auto;

}



.mf-home-container--narrow{

    max-width:760px;

}



.mf-home-section{

    padding:80px 0;

}



.mf-home-section--muted{

    background:
        rgba(222,216,205,.25);

}



.mf-home-heading{

    margin:0;

    color:var(--navy);

    font-family:var(--heading);

    font-size:
        clamp(
            2rem,
            4vw,
            2.5rem
        );

    font-weight:700;

    line-height:1.1;

    letter-spacing:-.025em;

}



.mf-home-label{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:16px;

    color:var(--gold);

    font-family:var(--heading);

    font-size:11px;

    font-weight:700;

    line-height:1;

    letter-spacing:.18em;

    text-transform:uppercase;

}



.mf-home-label--center{

    justify-content:center;

}



.mf-home-label--light{

    color:var(--gold);

}



.mf-home-label__line{

    width:32px;

    height:1px;

    display:block;

    flex:0 0 auto;

    background:var(--gold);

}



.mf-home-label--center .mf-home-label__line:last-child{

    display:none;

}



.mf-home-intro{

    max-width:760px;

}



.mf-home-intro--center{

    margin-inline:auto;

    text-align:center;

}



.mf-home-intro > p{

    margin:20px 0 0;

    color:rgba(24,37,48,.74);

    font-size:17px;

    line-height:1.7;

}



.mf-home-button{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:9px;

    min-height:50px;

    padding:13px 24px;

    border:1px solid transparent;

    border-radius:2px;

    font-family:var(--body);

    font-size:14px;

    font-weight:700;

    line-height:1;

    text-decoration:none;

    transition:

        background-color .2s ease,

        border-color .2s ease,

        color .2s ease,

        transform .2s ease;

}



.mf-home-button--gold{

    background:var(--gold);

    color:var(--white);

}



.mf-home-button--gold:hover{

    background:var(--gold-dark);

    color:var(--white);

    transform:translateY(-1px);

}



.mf-home-button--outline{

    border-color:
        rgba(255,255,255,.32);

    background:
        rgba(255,255,255,.02);

    color:var(--white);

}



.mf-home-button--outline:hover{

    background:
        rgba(255,255,255,.1);

    color:var(--white);

}



.mf-home-text-link{

    display:inline-flex;

    align-items:center;

    gap:8px;

    color:var(--gold);

    font-size:14px;

    font-weight:700;

    text-decoration:none;

    transition:gap .2s ease;

}



.mf-home-text-link:hover{

    gap:12px;

    color:var(--gold-dark);

}



.mf-home-text-link--light:hover{

    color:var(--white);

}





/*
|--------------------------------------------------------------------------
| Hero
|--------------------------------------------------------------------------
*/


.mf-home-hero{

    position:relative;

    min-height:560px;

    display:flex;

    flex-direction:column;

    overflow:hidden;

    background:var(--navy);

    color:var(--white);

}



.mf-home-hero__video{

    position:absolute;

    inset:0;

    z-index:0;

    width:100%;

    height:100%;

    object-fit:cover;

    pointer-events:none;

}



.mf-home-hero__overlay{

    position:absolute;

    inset:0;

    z-index:1;

    background:

        linear-gradient(
            90deg,
            rgba(16,38,56,.96) 0%,
            rgba(16,38,56,.82) 48%,
            rgba(16,38,56,.44) 100%
        );

}



.mf-home-hero__content{

    position:relative;

    z-index:2;

    min-height:490px;

    display:flex;

    align-items:center;

    flex:1;

    padding:64px 0 72px;

}



.mf-home-hero__copy{

    max-width:690px;

}



.mf-home-hero__title{

    max-width:680px;

    margin:0;

    color:var(--white);

    font-family:var(--heading);

    font-size:
        clamp(
            2.65rem,
            5.3vw,
            3.5rem
        );

    font-weight:800;

    line-height:1.05;

    letter-spacing:-.04em;

}



.mf-home-hero__title span{

    color:var(--gold);

}



.mf-home-hero__description{

    max-width:610px;

    margin:24px 0 0;

    color:
        rgba(255,255,255,.84);

    font-size:18px;

    line-height:1.7;

}



.mf-home-hero__actions{

    display:flex;

    flex-wrap:wrap;

    gap:12px;

    margin-top:34px;

}



.mf-home-hero__trust{

    position:relative;

    z-index:2;

    border-top:
        1px solid rgba(255,255,255,.11);

}



.mf-home-trust-list{

    display:flex;

    flex-wrap:wrap;

    align-items:center;

    justify-content:center;

    gap:9px 32px;

    padding:18px 0 20px;

}



.mf-home-trust-item{

    display:inline-flex;

    align-items:center;

    gap:9px;

    color:
        rgba(255,255,255,.7);

    font-family:var(--serif);

    font-size:12.5px;

    line-height:1.4;

}



.mf-home-trust-item i{

    width:4px;

    height:4px;

    display:block;

    flex:0 0 auto;

    border-radius:50%;

    background:var(--gold);

}





/*
|--------------------------------------------------------------------------
| Philosophy
|--------------------------------------------------------------------------
*/


.mf-home-philosophy__grid{

    display:grid;

    grid-template-columns:
        minmax(0,5fr)
        minmax(0,7fr);

    gap:56px;

    align-items:start;

}



.mf-home-philosophy__copy{

    padding-top:5px;

}



.mf-home-philosophy__copy p{

    margin:0 0 16px;

    color:
        rgba(24,37,48,.8);

    font-size:17px;

    line-height:1.7;

}



.mf-home-philosophy__copy .mf-home-text-link{

    margin-top:8px;

}





/*
|--------------------------------------------------------------------------
| Core Capabilities
|--------------------------------------------------------------------------
*/


.mf-home-capability-grid{

    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:1px;

    margin-top:46px;

    overflow:hidden;

    border:1px solid var(--border);

    border-radius:2px;

    background:var(--border);

}



.mf-home-capability-card{

    min-height:218px;

    display:block;

    padding:28px;

    background:var(--white);

    color:var(--text);

    text-decoration:none;

    transition:background-color .2s ease;

}



.mf-home-capability-card:hover{

    background:
        rgba(247,244,238,.78);

}



.mf-home-capability-card__top{

    display:flex;

    align-items:center;

    justify-content:space-between;

    margin-bottom:22px;

}



.mf-home-capability-card__top span{

    color:var(--gold);

    font-family:var(--heading);

    font-size:14px;

    font-weight:700;

}



.mf-home-capability-card__top svg{

    color:var(--muted);

    transition:

        color .2s ease,

        transform .2s ease;

}



.mf-home-capability-card:hover .mf-home-capability-card__top svg{

    color:var(--gold);

    transform:translateX(4px);

}



.mf-home-capability-card h3{

    margin:0;

    color:var(--navy);

    font-family:var(--heading);

    font-size:18px;

    font-weight:700;

    line-height:1.3;

    transition:color .2s ease;

}



.mf-home-capability-card:hover h3{

    color:var(--gold);

}



.mf-home-capability-card p{

    margin:10px 0 0;

    color:var(--muted);

    font-size:14px;

    line-height:1.65;

}



.mf-home-center-link{

    margin-top:30px;

    text-align:center;

}





/*
|--------------------------------------------------------------------------
| Standards
|--------------------------------------------------------------------------
*/


.mf-home-standard-grid{

    display:grid;

    grid-template-columns:
        repeat(5,minmax(0,1fr));

    gap:12px;

    margin-top:38px;

}



.mf-home-standard-card{

    min-height:110px;

    display:flex;

    flex-direction:column;

    justify-content:space-between;

    padding:20px;

    border:1px solid var(--border);

    border-radius:2px;

    background:var(--white);

    text-decoration:none;

    transition:

        border-color .2s ease,

        transform .2s ease;

}



.mf-home-standard-card:hover{

    border-color:var(--gold);

    transform:translateY(-2px);

}



.mf-home-standard-card strong{

    color:var(--navy);

    font-family:var(--heading);

    font-size:16px;

    font-weight:700;

    line-height:1.3;

    transition:color .2s ease;

}



.mf-home-standard-card:hover strong{

    color:var(--gold);

}



.mf-home-standard-card span{

    margin-top:12px;

    color:var(--muted);

    font-size:11px;

    font-weight:600;

    line-height:1.3;

    letter-spacing:.08em;

    text-transform:uppercase;

}





/*
|--------------------------------------------------------------------------
| About
|--------------------------------------------------------------------------
*/


.mf-home-about{

    padding:64px 0;

    background:var(--navy);

    color:var(--white);

}



.mf-home-about__grid{

    display:grid;

    grid-template-columns:
        minmax(0,5fr)
        minmax(0,7fr);

    gap:54px;

    align-items:center;

}



.mf-home-about__image{

    position:relative;

    aspect-ratio:4 / 3;

    overflow:hidden;

    border:1px solid rgba(255,255,255,.12);

    border-radius:2px;

}



.mf-home-about__image img{

    width:100%;

    height:100%;

    object-fit:cover;

}



.mf-home-about__copy h2{

    margin:0;

    color:var(--white);

    font-family:var(--heading);

    font-size:
        clamp(
            2rem,
            4vw,
            2.5rem
        );

    font-weight:700;

    line-height:1.12;

    letter-spacing:-.025em;

}



.mf-home-about__copy p{

    margin:20px 0 0;

    color:
        rgba(255,255,255,.75);

    font-size:17px;

    line-height:1.7;

}



.mf-home-about__copy .mf-home-text-link{

    margin-top:26px;

}





/*
|--------------------------------------------------------------------------
| Framework
|--------------------------------------------------------------------------
*/


.mf-home-framework-grid{

    display:grid;

    grid-template-columns:
        repeat(5,minmax(0,1fr));

    gap:1px;

    margin-top:46px;

    background:var(--border);

}



.mf-home-framework-card{

    min-height:180px;

    padding:24px;

    background:var(--cream);

}



.mf-home-framework-card__number{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:14px;

}



.mf-home-framework-card__number span{

    color:var(--gold);

    font-family:var(--heading);

    font-size:14px;

    font-weight:700;

}



.mf-home-framework-card__number i{

    height:1px;

    flex:1;

    background:
        rgba(184,137,74,.34);

}



.mf-home-framework-card h3{

    margin:0;

    color:var(--navy);

    font-family:var(--heading);

    font-size:18px;

    font-weight:700;

}



.mf-home-framework-card p{

    margin:8px 0 0;

    color:var(--muted);

    font-size:13.5px;

    line-height:1.6;

}



.mf-home-framework-note{

    margin:18px 0 0;

    color:var(--muted);

    font-family:var(--serif);

    font-size:13px;

    font-style:italic;

}





/*
|--------------------------------------------------------------------------
| Outcomes
|--------------------------------------------------------------------------
*/


.mf-home-outcomes__grid{

    display:grid;

    grid-template-columns:
        minmax(0,4fr)
        minmax(0,8fr);

    gap:58px;

    align-items:start;

}



.mf-home-outcomes-list{

    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:0 32px;

    margin:0;

    padding:0;

    list-style:none;

}



.mf-home-outcomes-list li{

    display:flex;

    align-items:flex-start;

    gap:12px;

    padding:13px 0;

    border-bottom:1px solid var(--border);

    color:
        rgba(24,37,48,.85);

    font-size:15px;

    line-height:1.5;

}



.mf-home-outcomes-list svg{

    flex:0 0 auto;

    margin-top:1px;

    color:var(--gold);

}





/*
|--------------------------------------------------------------------------
| Training
|--------------------------------------------------------------------------
*/


.mf-home-training__grid{

    display:grid;

    grid-template-columns:
        minmax(0,7fr)
        minmax(0,5fr);

    gap:54px;

    align-items:center;

}



.mf-home-training__copy p{

    margin:18px 0 0;

    color:
        rgba(24,37,48,.8);

    font-size:17px;

    line-height:1.7;

}



.mf-home-training__copy > .mf-home-text-link{

    margin-top:26px;

}



.mf-home-training__image{

    position:relative;

    aspect-ratio:4 / 3;

    overflow:hidden;

    border:1px solid var(--border);

    border-radius:2px;

}



.mf-home-training__image img{

    width:100%;

    height:100%;

    object-fit:cover;

}



.mf-home-tag-list{

    display:flex;

    flex-wrap:wrap;

    gap:8px;

    margin-top:24px;

}



.mf-home-tag-list a{

    display:inline-flex;

    align-items:center;

    min-height:32px;

    padding:6px 12px;

    border:1px solid var(--border);

    border-radius:999px;

    background:var(--cream);

    color:
        rgba(24,37,48,.75);

    font-size:12.5px;

    line-height:1.3;

    text-decoration:none;

    transition:

        border-color .2s ease,

        color .2s ease;

}



.mf-home-tag-list a:hover{

    border-color:var(--gold);

    color:var(--gold);

}





/*
|--------------------------------------------------------------------------
| Statistics
|--------------------------------------------------------------------------
*/


.mf-home-statistics{

    padding:58px 0;

    background:var(--navy);

    color:var(--white);

}



.mf-home-statistics__grid{

    display:grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:32px;

}



.mf-home-statistic{

    text-align:center;

}



.mf-home-statistic strong{

    display:block;

    color:var(--gold);

    font-family:var(--heading);

    font-size:
        clamp(
            2.5rem,
            5vw,
            3.15rem
        );

    font-weight:800;

    line-height:1;

}



.mf-home-statistic__word{

    font-size:
        clamp(
            1.8rem,
            4vw,
            2.65rem
        ) !important;

}



.mf-home-statistic span{

    display:block;

    margin-top:10px;

    color:
        rgba(255,255,255,.7);

    font-size:13px;

    line-height:1.4;

}



.mf-home-statistic small{

    display:block;

    margin-top:5px;

    color:
        rgba(255,255,255,.42);

    font-size:11px;

    font-style:italic;

    line-height:1.4;

}





/*
|--------------------------------------------------------------------------
| Industries
|--------------------------------------------------------------------------
*/


.mf-home-industry-grid{

    display:grid;

    grid-template-columns:
        repeat(5,minmax(0,1fr));

    gap:12px;

    margin-top:38px;

}



.mf-home-industry-card{

    min-height:66px;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:16px;

    border:1px solid var(--border);

    border-radius:2px;

    background:var(--white);

    color:var(--navy);

    font-family:var(--heading);

    font-size:15px;

    font-weight:600;

    line-height:1.35;

    text-align:center;

    text-decoration:none;

    transition:

        border-color .2s ease,

        color .2s ease,

        transform .2s ease;

}



.mf-home-industry-card:hover{

    border-color:var(--gold);

    color:var(--gold);

    transform:translateY(-2px);

}





/*
|--------------------------------------------------------------------------
| Insights
|--------------------------------------------------------------------------
*/


.mf-home-insights__heading{

    display:flex;

    align-items:flex-end;

    justify-content:space-between;

    gap:32px;

    margin-bottom:38px;

}



.mf-home-article-grid{

    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:24px;

}



.mf-home-article-card{

    display:block;

    overflow:hidden;

    border:1px solid var(--border);

    border-radius:2px;

    background:var(--white);

    color:var(--text);

    text-decoration:none;

    transition:

        border-color .2s ease,

        transform .2s ease;

}



.mf-home-article-card:hover{

    border-color:var(--gold);

    transform:translateY(-3px);

}



.mf-home-article-card__image{

    position:relative;

    aspect-ratio:16 / 10;

    overflow:hidden;

    background:var(--border);

}



.mf-home-article-card__image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:transform .35s ease;

}



.mf-home-article-card:hover .mf-home-article-card__image img{

    transform:scale(1.035);

}



.mf-home-article-card__body{

    padding:24px;

}



.mf-home-article-card__category{

    display:block;

    color:var(--gold);

    font-family:var(--heading);

    font-size:11px;

    font-weight:700;

    line-height:1.3;

    letter-spacing:.14em;

    text-transform:uppercase;

}



.mf-home-article-card h3{

    margin:12px 0 0;

    color:var(--navy);

    font-family:var(--heading);

    font-size:18px;

    font-weight:700;

    line-height:1.35;

    transition:color .2s ease;

}



.mf-home-article-card:hover h3{

    color:var(--gold);

}



.mf-home-article-card p{

    display:-webkit-box;

    margin:10px 0 0;

    overflow:hidden;

    color:var(--muted);

    font-size:13.5px;

    line-height:1.65;

    -webkit-box-orient:vertical;

    -webkit-line-clamp:3;

}



.mf-home-article-card__link{

    display:inline-flex;

    align-items:center;

    gap:6px;

    margin-top:16px;

    color:var(--gold);

    font-size:13px;

    font-weight:700;

}



.mf-home-article-card small{

    display:block;

    margin-top:12px;

    color:var(--muted);

    font-size:11.5px;

    line-height:1.4;

}





/*
|--------------------------------------------------------------------------
| Final CTA
|--------------------------------------------------------------------------
*/


.mf-home-cta{

    padding:78px 0;

    background:var(--navy);

    color:var(--white);

    text-align:center;

}



.mf-home-cta__line{

    width:48px;

    height:1px;

    display:block;

    margin:0 auto 24px;

    background:var(--gold);

}



.mf-home-cta h2{

    margin:0;

    color:var(--white);

    font-family:var(--heading);

    font-size:
        clamp(
            2rem,
            4vw,
            2.5rem
        );

    font-weight:700;

    line-height:1.15;

    letter-spacing:-.025em;

}



.mf-home-cta p{

    max-width:680px;

    margin:20px auto 0;

    color:
        rgba(255,255,255,.74);

    font-size:17px;

    line-height:1.7;

}



.mf-home-cta__actions{

    display:flex;

    flex-wrap:wrap;

    align-items:center;

    justify-content:center;

    gap:12px;

    margin-top:34px;

}





/*
|--------------------------------------------------------------------------
| Responsive
|--------------------------------------------------------------------------
*/


@media(max-width:1024px){

    .mf-home-capability-grid{

        grid-template-columns:
            repeat(2,minmax(0,1fr));

    }



    .mf-home-standard-grid,
    .mf-home-industry-grid{

        grid-template-columns:
            repeat(3,minmax(0,1fr));

    }



    .mf-home-framework-grid{

        grid-template-columns:
            repeat(3,minmax(0,1fr));

    }

}





@media(max-width:850px){

    .mf-home-section{

        padding:64px 0;

    }



    .mf-home-philosophy__grid,
    .mf-home-about__grid,
    .mf-home-outcomes__grid,
    .mf-home-training__grid{

        grid-template-columns:1fr;

        gap:38px;

    }



    .mf-home-about__image{

        max-width:620px;

    }



    .mf-home-training__image{

        max-width:620px;

        grid-row:1;

    }



    .mf-home-statistics__grid{

        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:38px 24px;

    }



    .mf-home-article-grid{

        grid-template-columns:1fr;

    }



    .mf-home-insights__heading{

        align-items:flex-start;

    }

}





@media(max-width:650px){

    .mf-home-hero{

        min-height:620px;

    }



    .mf-home-hero__content{

        min-height:530px;

        padding:56px 0 60px;

    }



    .mf-home-hero__overlay{

        background:

            linear-gradient(
                90deg,
                rgba(16,38,56,.96) 0%,
                rgba(16,38,56,.88) 70%,
                rgba(16,38,56,.72) 100%
            );

    }



    .mf-home-hero__title{

        font-size:
            clamp(
                2.35rem,
                11vw,
                3rem
            );

    }



    .mf-home-hero__actions,
    .mf-home-cta__actions{

        flex-direction:column;

        align-items:stretch;

    }



    .mf-home-button{

        width:100%;

    }



    .mf-home-trust-list{

        justify-content:flex-start;

        gap:10px 18px;

    }



    .mf-home-capability-grid,
    .mf-home-framework-grid{

        grid-template-columns:1fr;

    }



    .mf-home-standard-grid,
    .mf-home-industry-grid{

        grid-template-columns:
            repeat(2,minmax(0,1fr));

    }



    .mf-home-outcomes-list{

        grid-template-columns:1fr;

    }



    .mf-home-insights__heading{

        flex-direction:column;

        align-items:flex-start;

    }



    .mf-home-insights__all{

        display:inline-flex;

    }

}





@media(max-width:420px){

    .mf-home-standard-grid,
    .mf-home-industry-grid{

        grid-template-columns:1fr;

    }



    .mf-home-statistics__grid{

        grid-template-columns:1fr;

    }

}





@media(prefers-reduced-motion:reduce){

    .mf-home-hero__video{

        display:none;

    }



    .mf-home-capability-card,
    .mf-home-standard-card,
    .mf-home-industry-card,
    .mf-home-article-card,
    .mf-home-button{

        transition:none;

    }

}
/*
|--------------------------------------------------------------------------
| MF Management Services
| Insight Article Detail
|--------------------------------------------------------------------------
*/


.mf-article-page{

    background:var(--cream);

}



.mf-article-wide-container,
.mf-article-breadcrumb,
.mf-article-image-wrapper{

    width:min(
        calc(100% - 32px),
        1120px
    );

    margin-inline:auto;

}



.mf-article-header,
.mf-article-content{

    width:min(
        calc(100% - 32px),
        760px
    );

    margin-inline:auto;

}





/*
|--------------------------------------------------------------------------
| Breadcrumb
|--------------------------------------------------------------------------
*/


.mf-article-breadcrumb{

    padding-top:24px;

    padding-bottom:8px;

}



.mf-article-breadcrumb ol{

    display:flex;

    flex-wrap:wrap;

    align-items:center;

    gap:6px;

    margin:0;

    padding:0;

    list-style:none;

}



.mf-article-breadcrumb li{

    display:flex;

    align-items:center;

    gap:6px;

    color:var(--muted);

    font-size:12.5px;

    line-height:1.5;

}



.mf-article-breadcrumb a{

    color:var(--muted);

    text-decoration:none;

    transition:color .2s ease;

}



.mf-article-breadcrumb a:hover{

    color:var(--gold);

}



.mf-article-breadcrumb svg{

    flex:0 0 auto;

    color:var(--muted);

    opacity:.5;

}



.mf-article-breadcrumb span{

    color:var(--text);

    font-weight:600;

}





/*
|--------------------------------------------------------------------------
| Article Header
|--------------------------------------------------------------------------
*/


.mf-article-header{

    padding-top:44px;

    padding-bottom:36px;

}



.mf-article-category{

    display:block;

    color:var(--gold);

    font-family:var(--heading);

    font-size:11px;

    font-weight:700;

    line-height:1.3;

    letter-spacing:.16em;

    text-transform:uppercase;

}



.mf-article-header h1{

    margin:12px 0 0;

    color:var(--navy);

    font-family:var(--heading);

    font-size:
        clamp(
            2.15rem,
            5vw,
            2.75rem
        );

    font-weight:700;

    line-height:1.1;

    letter-spacing:-.035em;

}



.mf-article-meta{

    display:flex;

    flex-wrap:wrap;

    align-items:center;

    gap:10px 18px;

    margin-top:18px;

    color:var(--muted);

    font-size:13px;

    line-height:1.4;

}



.mf-article-meta span{

    display:inline-flex;

    align-items:center;

    gap:6px;

}



.mf-article-meta svg{

    flex:0 0 auto;

}





/*
|--------------------------------------------------------------------------
| Feature Image
|--------------------------------------------------------------------------
*/


.mf-article-image-wrapper{

    padding-bottom:42px;

}



.mf-article-image{

    position:relative;

    aspect-ratio:21 / 9;

    overflow:hidden;

    border:1px solid var(--border);

    border-radius:2px;

    background:var(--border);

}



.mf-article-image img{

    width:100%;

    height:100%;

    object-fit:cover;

}





/*
|--------------------------------------------------------------------------
| Article Body
|--------------------------------------------------------------------------
*/


.mf-article-content{

    padding-bottom:64px;

}



.mf-article-prose{

    max-width:720px;

}



.mf-article-prose h2{

    margin:

        38px 0

        13px;

    color:var(--navy);

    font-family:var(--heading);

    font-size:
        clamp(
            1.45rem,
            3vw,
            1.75rem
        );

    font-weight:700;

    line-height:1.25;

    letter-spacing:-.02em;

}



.mf-article-prose h2:first-child{

    margin-top:0;

}



.mf-article-prose h3{

    margin:

        30px 0

        12px;

    color:var(--navy);

    font-family:var(--heading);

    font-size:1.25rem;

    font-weight:700;

    line-height:1.3;

}



.mf-article-prose p{

    margin:0 0 17px;

    color:
        rgba(24,37,48,.86);

    font-size:15.5px;

    line-height:1.78;

}



.mf-article-prose ul,
.mf-article-prose ol{

    margin:

        0 0

        22px;

    padding-left:22px;

}



.mf-article-prose li{

    margin-bottom:9px;

    color:
        rgba(24,37,48,.86);

    font-size:15.5px;

    line-height:1.7;

}



.mf-article-prose li::marker{

    color:var(--gold);

}



.mf-article-prose blockquote{

    margin:

        28px 0;

    padding:

        4px 0

        4px 22px;

    border-left:

        3px solid var(--gold);

    color:var(--muted);

    font-family:var(--serif);

    font-size:17px;

    font-style:italic;

    line-height:1.7;

}





/*
|--------------------------------------------------------------------------
| Related Content
|--------------------------------------------------------------------------
*/


.mf-article-related{

    padding:54px 0;

    background:
        rgba(222,216,205,.3);

}



.mf-article-related + .mf-article-related{

    padding-top:0;

}



.mf-article-related h2{

    margin:

        0 0

        28px;

    color:var(--navy);

    font-family:var(--heading);

    font-size:24px;

    font-weight:700;

    line-height:1.25;

    letter-spacing:-.02em;

}



.mf-article-related-grid{

    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:20px;

}



.mf-article-related-card{

    min-height:188px;

    display:block;

    padding:24px;

    border:1px solid var(--border);

    border-radius:2px;

    background:var(--white);

    color:var(--text);

    text-decoration:none;

    transition:

        border-color .2s ease,

        transform .2s ease;

}



.mf-article-related-card:hover{

    border-color:var(--gold);

    transform:translateY(-2px);

}



.mf-article-related-card__icon{

    display:flex;

    justify-content:flex-end;

    margin-bottom:18px;

    color:var(--muted);

}



.mf-article-related-card__icon svg{

    transition:

        color .2s ease,

        transform .2s ease;

}



.mf-article-related-card:hover
.mf-article-related-card__icon svg{

    color:var(--gold);

    transform:translateX(4px);

}



.mf-article-related-card h3{

    margin:0;

    color:var(--navy);

    font-family:var(--heading);

    font-size:16px;

    font-weight:700;

    line-height:1.35;

    transition:color .2s ease;

}



.mf-article-related-card:hover h3{

    color:var(--gold);

}



.mf-article-related-card p{

    display:-webkit-box;

    margin:10px 0 0;

    overflow:hidden;

    color:var(--muted);

    font-size:13.5px;

    line-height:1.65;

    -webkit-box-orient:vertical;

    -webkit-line-clamp:3;

}





/*
|--------------------------------------------------------------------------
| CTA
|--------------------------------------------------------------------------
*/


.mf-article-cta{

    padding:78px 16px;

    background:var(--navy);

    color:var(--white);

    text-align:center;

}



.mf-article-cta__inner{

    width:min(
        100%,
        760px
    );

    margin-inline:auto;

}



.mf-article-cta__line{

    width:48px;

    height:1px;

    display:block;

    margin:

        0 auto

        24px;

    background:var(--gold);

}



.mf-article-cta h2{

    margin:0;

    color:var(--white);

    font-family:var(--heading);

    font-size:
        clamp(
            2rem,
            4vw,
            2.5rem
        );

    font-weight:700;

    line-height:1.15;

    letter-spacing:-.025em;

}



.mf-article-cta p{

    max-width:670px;

    margin:

        20px auto

        0;

    color:
        rgba(255,255,255,.74);

    font-size:17px;

    line-height:1.7;

}



.mf-article-cta__actions{

    display:flex;

    flex-wrap:wrap;

    align-items:center;

    justify-content:center;

    gap:12px;

    margin-top:34px;

}



.mf-article-button{

    min-height:50px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:9px;

    padding:13px 24px;

    border:1px solid transparent;

    border-radius:2px;

    font-size:14px;

    font-weight:700;

    line-height:1;

    text-decoration:none;

    transition:

        background-color .2s ease,

        border-color .2s ease,

        color .2s ease,

        transform .2s ease;

}



.mf-article-button--gold{

    background:var(--gold);

    color:var(--white);

}



.mf-article-button--gold:hover{

    background:var(--gold-dark);

    color:var(--white);

    transform:translateY(-1px);

}



.mf-article-button--outline{

    border-color:
        rgba(255,255,255,.3);

    background:transparent;

    color:var(--white);

}



.mf-article-button--outline:hover{

    background:
        rgba(255,255,255,.1);

    color:var(--white);

}





/*
|--------------------------------------------------------------------------
| Responsive Article Layout
|--------------------------------------------------------------------------
*/


@media(max-width:900px){

    .mf-article-related-grid{

        grid-template-columns:
            repeat(2,minmax(0,1fr));

    }

}





@media(max-width:650px){

    .mf-article-header{

        padding-top:34px;

        padding-bottom:28px;

    }



    .mf-article-image-wrapper{

        padding-bottom:32px;

    }



    .mf-article-image{

        aspect-ratio:16 / 9;

    }



    .mf-article-content{

        padding-bottom:50px;

    }



    .mf-article-related{

        padding:46px 0;

    }



    .mf-article-related + .mf-article-related{

        padding-top:0;

    }



    .mf-article-related-grid{

        grid-template-columns:1fr;

    }



    .mf-article-cta{

        padding-top:62px;

        padding-bottom:62px;

    }



    .mf-article-cta__actions{

        flex-direction:column;

        align-items:stretch;

    }



    .mf-article-button{

        width:100%;

    }

}
/*
|--------------------------------------------------------------------------
| MF Management Services
| Complete Contact Page
|--------------------------------------------------------------------------
*/


.mf-contact-page{

    background:var(--cream);

}



.mf-contact-breadcrumb,
.mf-contact-intro,
.mf-contact-layout{

    width:min(
        calc(100% - 32px),
        1120px
    );

    margin-inline:auto;

}





/*
|--------------------------------------------------------------------------
| Breadcrumb
|--------------------------------------------------------------------------
*/


.mf-contact-breadcrumb{

    padding-top:24px;

    padding-bottom:8px;

}



.mf-contact-breadcrumb ol{

    display:flex;

    flex-wrap:wrap;

    align-items:center;

    gap:6px;

    margin:0;

    padding:0;

    list-style:none;

}



.mf-contact-breadcrumb li{

    display:flex;

    align-items:center;

    gap:6px;

    color:var(--muted);

    font-size:12.5px;

    line-height:1.5;

}



.mf-contact-breadcrumb a{

    color:var(--muted);

    text-decoration:none;

    transition:color .2s ease;

}



.mf-contact-breadcrumb a:hover{

    color:var(--gold);

}



.mf-contact-breadcrumb svg{

    flex:0 0 auto;

    color:var(--muted);

    opacity:.5;

}



.mf-contact-breadcrumb span{

    color:var(--text);

    font-weight:600;

}





/*
|--------------------------------------------------------------------------
| Introduction
|--------------------------------------------------------------------------
*/


.mf-contact-intro{

    padding-top:44px;

    padding-bottom:48px;

}



.mf-contact-intro__content{

    max-width:760px;

}



.mf-contact-label{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:16px;

    color:var(--gold);

    font-family:var(--heading);

    font-size:11px;

    font-weight:700;

    line-height:1;

    letter-spacing:.18em;

    text-transform:uppercase;

}



.mf-contact-label__line{

    width:32px;

    height:1px;

    display:block;

    flex:0 0 auto;

    background:var(--gold);

}



.mf-contact-intro h1{

    margin:0;

    color:var(--navy);

    font-family:var(--heading);

    font-size:
        clamp(
            2rem,
            4vw,
            2.5rem
        );

    font-weight:700;

    line-height:1.1;

    letter-spacing:-.03em;

}



.mf-contact-intro p{

    max-width:720px;

    margin:20px 0 0;

    color:
        rgba(24,37,48,.74);

    font-size:17px;

    line-height:1.7;

}





/*
|--------------------------------------------------------------------------
| Main Contact Layout
|--------------------------------------------------------------------------
*/


.mf-contact-layout{

    display:grid;

    grid-template-columns:
        minmax(0,7fr)
        minmax(300px,5fr);

    gap:48px;

    align-items:start;

    padding-bottom:80px;

}



.mf-contact-form-column{

    min-width:0;

}





/*
|--------------------------------------------------------------------------
| Alerts
|--------------------------------------------------------------------------
*/


.mf-contact-alert{

    margin-bottom:20px;

    padding:15px 17px;

    border:1px solid;

    border-radius:2px;

    font-size:13.5px;

    line-height:1.6;

}



.mf-contact-alert strong{

    display:block;

    margin-bottom:6px;

}



.mf-contact-alert ul{

    margin:0;

    padding-left:20px;

}



.mf-contact-alert--success{

    border-color:#bbd9c5;

    background:#edf8f0;

    color:#176b35;

}



.mf-contact-alert--error{

    border-color:#efc2c2;

    background:#fff1f1;

    color:#922b2b;

}





/*
|--------------------------------------------------------------------------
| Contact Form
|--------------------------------------------------------------------------
*/


.mf-contact-form{

    display:flex;

    flex-direction:column;

    gap:20px;

    margin:0;

    padding:32px;

    border:1px solid var(--border);

    border-radius:2px;

    background:var(--white);

    box-shadow:none;

}



.mf-contact-fields-grid{

    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:20px;

}



.mf-contact-field{

    min-width:0;

}



.mf-contact-field label,
.mf-contact-preference legend{

    display:block;

    margin:0 0 7px;

    color:var(--text);

    font-size:13px;

    font-weight:600;

    line-height:1.4;

}



.mf-contact-field label span{

    margin-left:2px;

    color:var(--gold);

}



.mf-contact-form input[type="text"],
.mf-contact-form input[type="email"],
.mf-contact-form input[type="tel"],
.mf-contact-form select{

    width:100%;

    height:40px;

    display:block;

    margin:0;

    padding:8px 12px;

    border:1px solid var(--border);

    border-radius:2px;

    background:var(--white);

    color:var(--text);

    font-family:var(--body);

    font-size:14px;

    line-height:1.4;

    box-shadow:
        0 1px 2px rgba(16,38,56,.025);

    transition:

        border-color .2s ease,

        box-shadow .2s ease;

}



.mf-contact-form select{

    cursor:pointer;

}



.mf-contact-form textarea{

    width:100%;

    min-height:150px;

    display:block;

    margin:0;

    padding:11px 12px;

    resize:vertical;

    border:1px solid var(--border);

    border-radius:2px;

    background:var(--white);

    color:var(--text);

    font-family:var(--body);

    font-size:14px;

    line-height:1.6;

    box-shadow:
        0 1px 2px rgba(16,38,56,.025);

    transition:

        border-color .2s ease,

        box-shadow .2s ease;

}



.mf-contact-form input:focus,
.mf-contact-form select:focus,
.mf-contact-form textarea:focus{

    outline:none;

    border-color:var(--gold);

    box-shadow:
        0 0 0 3px rgba(184,137,74,.13);

}



.mf-contact-form input[aria-invalid="true"],
.mf-contact-form select[aria-invalid="true"],
.mf-contact-form textarea[aria-invalid="true"]{

    border-color:#bd3d3d;

}



.mf-contact-field-error{

    display:block;

    margin-top:6px;

    color:#a52929;

    font-size:12px;

    line-height:1.45;

}





/*
|--------------------------------------------------------------------------
| Contact Preference Radios
|--------------------------------------------------------------------------
*/


.mf-contact-preference{

    margin:0;

    padding:0;

    border:0;

}



.mf-contact-radio-group{

    display:flex;

    flex-wrap:wrap;

    gap:14px 26px;

}



.mf-contact-radio-group label{

    display:inline-flex;

    align-items:center;

    gap:8px;

    margin:0;

    color:var(--text);

    font-size:14px;

    cursor:pointer;

}



.mf-contact-radio-group input{

    width:16px;

    height:16px;

    flex:0 0 auto;

    margin:0;

    padding:0;

    accent-color:var(--gold);

    cursor:pointer;

}





/*
|--------------------------------------------------------------------------
| Consent
|--------------------------------------------------------------------------
*/


.mf-contact-consent{

    display:flex;

    align-items:flex-start;

    gap:11px;

    margin:0;

    color:var(--muted);

    font-size:13px;

    line-height:1.65;

    cursor:pointer;

}



.mf-contact-consent input{

    width:16px;

    height:16px;

    flex:0 0 auto;

    margin:3px 0 0;

    padding:0;

    accent-color:var(--gold);

    cursor:pointer;

}



.mf-contact-consent span{

    display:block;

}



.mf-contact-consent a{

    color:var(--gold);

    text-decoration:underline;

    text-underline-offset:2px;

}



.mf-contact-consent a:hover{

    color:var(--gold-dark);

}





/*
|--------------------------------------------------------------------------
| Submit Button
|--------------------------------------------------------------------------
*/


.mf-contact-submit{

    width:max-content;

    min-height:40px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:9px;

    margin:0;

    padding:10px 18px;

    border:1px solid var(--gold);

    border-radius:2px;

    background:var(--gold);

    color:var(--white);

    font-family:var(--body);

    font-size:13px;

    font-weight:700;

    line-height:1;

    cursor:pointer;

    transition:

        background-color .2s ease,

        border-color .2s ease,

        opacity .2s ease,

        transform .2s ease;

}



.mf-contact-submit:hover:not(:disabled){

    border-color:var(--gold-dark);

    background:var(--gold-dark);

    transform:translateY(-1px);

}



.mf-contact-submit:disabled{

    opacity:.48;

    cursor:not-allowed;

}





/*
|--------------------------------------------------------------------------
| Sidebar
|--------------------------------------------------------------------------
*/


.mf-contact-sidebar{

    min-width:0;

}



.mf-contact-next{

    padding:28px;

    border-radius:2px;

    background:var(--navy);

    color:var(--white);

}



.mf-contact-next h2{

    margin:0;

    color:var(--white);

    font-family:var(--heading);

    font-size:19px;

    font-weight:700;

    line-height:1.3;

}



.mf-contact-next ol{

    display:flex;

    flex-direction:column;

    gap:13px;

    margin:18px 0 0;

    padding:0;

    list-style:none;

}



.mf-contact-next li{

    display:flex;

    align-items:flex-start;

    gap:12px;

}



.mf-contact-next li > span{

    flex:0 0 auto;

    color:var(--gold);

    font-size:14px;

    line-height:1.7;

}



.mf-contact-next li p{

    margin:0;

    color:
        rgba(255,255,255,.77);

    font-size:14px;

    line-height:1.65;

}



.mf-contact-next__privacy{

    margin:24px 0 0;

    color:
        rgba(255,255,255,.5);

    font-size:13px;

    line-height:1.65;

}



.mf-contact-next__privacy a{

    color:
        rgba(255,255,255,.7);

    text-decoration:underline;

    text-underline-offset:2px;

}



.mf-contact-next__privacy a:hover{

    color:var(--white);

}





/*
|--------------------------------------------------------------------------
| Explore First Panel
|--------------------------------------------------------------------------
*/


.mf-contact-explore{

    margin-top:22px;

    padding:24px;

    border:1px solid var(--border);

    border-radius:2px;

    background:
        rgba(222,216,205,.22);

}



.mf-contact-explore h3{

    margin:0 0 12px;

    color:var(--navy);

    font-family:var(--heading);

    font-size:16px;

    font-weight:700;

    line-height:1.35;

}



.mf-contact-explore ul{

    display:flex;

    flex-direction:column;

    gap:9px;

    margin:0;

    padding:0;

    list-style:none;

}



.mf-contact-explore a{

    color:var(--gold);

    font-size:14px;

    line-height:1.45;

    text-decoration:none;

}



.mf-contact-explore a:hover{

    color:var(--gold-dark);

    text-decoration:underline;

    text-underline-offset:3px;

}





/*
|--------------------------------------------------------------------------
| Responsive Contact Page
|--------------------------------------------------------------------------
*/


@media(max-width:900px){

    .mf-contact-layout{

        grid-template-columns:1fr;

        gap:36px;

    }



    .mf-contact-sidebar{

        display:grid;

        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:20px;

    }



    .mf-contact-explore{

        margin-top:0;

    }

}





@media(max-width:650px){

    .mf-contact-intro{

        padding-top:34px;

        padding-bottom:38px;

    }



    .mf-contact-layout{

        padding-bottom:62px;

    }



    .mf-contact-form{

        padding:23px;

    }



    .mf-contact-fields-grid{

        grid-template-columns:1fr;

    }



    .mf-contact-sidebar{

        grid-template-columns:1fr;

    }



    .mf-contact-explore{

        margin-top:0;

    }



    .mf-contact-submit{

        width:100%;

    }

}





@media(max-width:420px){

    .mf-contact-form{

        padding:20px;

    }



    .mf-contact-next,
    .mf-contact-explore{

        padding:21px;

    }

}
/*
|--------------------------------------------------------------------------
| MF Management Services
| Complete About Michael Page
|--------------------------------------------------------------------------
*/


.mf-about-page{

    background:var(--cream);

}



.mf-about-container,
.mf-about-breadcrumb{

    width:min(
        calc(100% - 32px),
        1120px
    );

    margin-inline:auto;

}





/*
|--------------------------------------------------------------------------
| Breadcrumb
|--------------------------------------------------------------------------
*/


.mf-about-breadcrumb{

    padding-top:24px;

    padding-bottom:8px;

}



.mf-about-breadcrumb ol{

    display:flex;

    flex-wrap:wrap;

    align-items:center;

    gap:6px;

    margin:0;

    padding:0;

    list-style:none;

}



.mf-about-breadcrumb li{

    display:flex;

    align-items:center;

    gap:6px;

    color:var(--muted);

    font-size:12.5px;

    line-height:1.5;

}



.mf-about-breadcrumb a{

    color:var(--muted);

    text-decoration:none;

    transition:color .2s ease;

}



.mf-about-breadcrumb a:hover{

    color:var(--gold);

}



.mf-about-breadcrumb svg{

    flex:0 0 auto;

    color:var(--muted);

    opacity:.5;

}



.mf-about-breadcrumb span{

    color:var(--text);

    font-weight:600;

}





/*
|--------------------------------------------------------------------------
| Reusable About Label
|--------------------------------------------------------------------------
*/


.mf-about-label{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:16px;

    color:var(--gold);

    font-family:var(--heading);

    font-size:11px;

    font-weight:700;

    line-height:1;

    letter-spacing:.18em;

    text-transform:uppercase;

}



.mf-about-label__line{

    width:32px;

    height:1px;

    display:block;

    flex:0 0 auto;

    background:var(--gold);

}





/*
|--------------------------------------------------------------------------
| About Hero
|--------------------------------------------------------------------------
*/


.mf-about-hero{

    padding:44px 0 48px;

}



.mf-about-hero__grid{

    display:grid;

    grid-template-columns:
        minmax(0,7fr)
        minmax(340px,5fr);

    gap:52px;

    align-items:center;

}



.mf-about-hero__content{

    min-width:0;

}



.mf-about-hero h1{

    max-width:700px;

    margin:0;

    color:var(--navy);

    font-family:var(--heading);

    font-size:
        clamp(
            2.1rem,
            4.5vw,
            2.7rem
        );

    font-weight:700;

    line-height:1.1;

    letter-spacing:-.035em;

}



.mf-about-hero__content p{

    max-width:720px;

    margin:20px 0 0;

    color:
        rgba(24,37,48,.8);

    font-size:16.5px;

    line-height:1.72;

}



.mf-about-hero__image{

    position:relative;

    aspect-ratio:4 / 3;

    overflow:hidden;

    border:1px solid var(--border);

    border-radius:2px;

    background:var(--border);

}



.mf-about-hero__image img{

    width:100%;

    height:100%;

    object-fit:cover;

}





/*
|--------------------------------------------------------------------------
| Sector Experience Tags
|--------------------------------------------------------------------------
*/


.mf-about-sectors{

    padding:34px 0 38px;

}



.mf-about-sector-list{

    display:flex;

    flex-wrap:wrap;

    gap:8px;

}



.mf-about-sector-list span{

    display:inline-flex;

    align-items:center;

    min-height:31px;

    padding:6px 12px;

    border:1px solid var(--border);

    border-radius:999px;

    background:
        rgba(222,216,205,.28);

    color:
        rgba(24,37,48,.75);

    font-size:12.5px;

    line-height:1.3;

}





/*
|--------------------------------------------------------------------------
| Generic About Sections
|--------------------------------------------------------------------------
*/


.mf-about-section{

    padding:50px 0;

}



.mf-about-intro{

    max-width:790px;

}



.mf-about-intro h2,
.mf-about-approach__content h2{

    margin:0;

    color:var(--navy);

    font-family:var(--heading);

    font-size:
        clamp(
            2rem,
            4vw,
            2.5rem
        );

    font-weight:700;

    line-height:1.1;

    letter-spacing:-.03em;

}



.mf-about-intro > p,
.mf-about-approach__content > p{

    max-width:790px;

    margin:20px 0 0;

    color:
        rgba(24,37,48,.8);

    font-size:16.5px;

    line-height:1.72;

}





/*
|--------------------------------------------------------------------------
| Integrated Management Systems Specialism
|--------------------------------------------------------------------------
*/


.mf-about-specialism-grid{

    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:1px;

    margin-top:30px;

    overflow:hidden;

    border:1px solid var(--border);

    border-radius:2px;

    background:var(--border);

}



.mf-about-specialism-card{

    min-height:104px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    padding:20px;

    background:var(--white);

}



.mf-about-specialism-card strong{

    color:var(--navy);

    font-family:var(--heading);

    font-size:15px;

    font-weight:700;

    line-height:1.4;

}



.mf-about-specialism-card span{

    display:block;

    margin-top:6px;

    color:var(--gold);

    font-size:11px;

    font-weight:700;

    line-height:1.35;

    letter-spacing:.08em;

    text-transform:uppercase;

}





/*
|--------------------------------------------------------------------------
| Practical Approach
|--------------------------------------------------------------------------
*/


.mf-about-approach__grid{

    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:56px;

    align-items:start;

}



.mf-about-client-gains h2{

    margin:0 0 20px;

    color:var(--navy);

    font-family:var(--heading);

    font-size:24px;

    font-weight:700;

    line-height:1.25;

    letter-spacing:-.02em;

}



.mf-about-client-gains ul{

    display:flex;

    flex-direction:column;

    gap:11px;

    margin:0;

    padding:0;

    list-style:none;

}



.mf-about-client-gains li{

    display:flex;

    align-items:flex-start;

    gap:11px;

    color:
        rgba(24,37,48,.85);

    font-size:15px;

    line-height:1.5;

}



.mf-about-client-gains svg{

    flex:0 0 auto;

    margin-top:1px;

    color:var(--gold);

}





/*
|--------------------------------------------------------------------------
| Career Timeline
|--------------------------------------------------------------------------
*/


.mf-about-career{

    padding-bottom:68px;

}



.mf-about-timeline{

    position:relative;

    max-width:820px;

    display:flex;

    flex-direction:column;

    gap:0;

    margin-top:32px;

    padding-left:30px;

    border-left:
        1px solid rgba(184,137,74,.45);

}



.mf-about-timeline__item{

    position:relative;

    padding:
        0 0
        34px;

}



.mf-about-timeline__item:last-child{

    padding-bottom:0;

}



.mf-about-timeline__marker{

    position:absolute;

    top:4px;

    left:-36px;

    width:11px;

    height:11px;

    display:block;

    border-radius:50%;

    background:var(--gold);

    box-shadow:
        0 0 0 4px var(--cream);

}



.mf-about-timeline__period{

    color:var(--gold);

    font-size:11px;

    font-weight:700;

    line-height:1.35;

    letter-spacing:.08em;

    text-transform:uppercase;

}



.mf-about-timeline h3{

    margin:6px 0 0;

    color:var(--navy);

    font-family:var(--heading);

    font-size:18px;

    font-weight:700;

    line-height:1.35;

}



.mf-about-timeline p{

    max-width:720px;

    margin:7px 0 0;

    color:
        rgba(24,37,48,.8);

    font-size:15px;

    line-height:1.65;

}



.mf-about-career__note{

    margin:24px 0 0;

    color:var(--muted);

    font-size:12.5px;

    font-style:italic;

    line-height:1.6;

}





/*
|--------------------------------------------------------------------------
| Work With Michael CTA
|--------------------------------------------------------------------------
*/


.mf-about-cta{

    padding:78px 16px;

    background:var(--navy);

    color:var(--white);

    text-align:center;

}



.mf-about-cta__inner{

    width:min(
        100%,
        760px
    );

    margin-inline:auto;

}



.mf-about-cta__line{

    width:48px;

    height:1px;

    display:block;

    margin:
        0 auto
        24px;

    background:var(--gold);

}



.mf-about-cta h2{

    margin:0;

    color:var(--white);

    font-family:var(--heading);

    font-size:
        clamp(
            2rem,
            4vw,
            2.5rem
        );

    font-weight:700;

    line-height:1.15;

    letter-spacing:-.025em;

}



.mf-about-cta p{

    max-width:680px;

    margin:
        20px auto
        0;

    color:
        rgba(255,255,255,.74);

    font-size:17px;

    line-height:1.7;

}



.mf-about-cta__actions{

    display:flex;

    flex-wrap:wrap;

    align-items:center;

    justify-content:center;

    gap:12px;

    margin-top:34px;

}



.mf-about-button{

    min-height:50px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:9px;

    padding:13px 24px;

    border:1px solid transparent;

    border-radius:2px;

    font-family:var(--body);

    font-size:14px;

    font-weight:700;

    line-height:1;

    text-decoration:none;

    transition:

        background-color .2s ease,

        border-color .2s ease,

        color .2s ease,

        transform .2s ease;

}



.mf-about-button--gold{

    background:var(--gold);

    color:var(--white);

}



.mf-about-button--gold:hover{

    background:var(--gold-dark);

    color:var(--white);

    transform:translateY(-1px);

}



.mf-about-button--outline{

    border-color:
        rgba(255,255,255,.3);

    background:transparent;

    color:var(--white);

}



.mf-about-button--outline:hover{

    background:
        rgba(255,255,255,.1);

    color:var(--white);

}





/*
|--------------------------------------------------------------------------
| Responsive About Page
|--------------------------------------------------------------------------
*/


@media(max-width:900px){

    .mf-about-hero__grid{

        grid-template-columns:1fr;

        gap:38px;

    }



    .mf-about-hero__image{

        max-width:680px;

    }



    .mf-about-specialism-grid{

        grid-template-columns:
            repeat(2,minmax(0,1fr));

    }



    .mf-about-approach__grid{

        grid-template-columns:1fr;

        gap:42px;

    }

}





@media(max-width:650px){

    .mf-about-hero{

        padding-top:34px;

        padding-bottom:36px;

    }



    .mf-about-sectors{

        padding-top:22px;

        padding-bottom:28px;

    }



    .mf-about-section{

        padding:42px 0;

    }



    .mf-about-specialism-grid{

        grid-template-columns:1fr;

    }



    .mf-about-cta{

        padding-top:62px;

        padding-bottom:62px;

    }



    .mf-about-cta__actions{

        flex-direction:column;

        align-items:stretch;

    }



    .mf-about-button{

        width:100%;

    }

}
/*
|--------------------------------------------------------------------------
| MF Management Services
| Complete Insights Listing
|--------------------------------------------------------------------------
*/


.mf-insights-page{

    background:var(--cream);

}



.mf-insights-breadcrumb,
.mf-insights-intro,
.mf-insights-toolbar,
.mf-insights-content{

    width:min(
        calc(100% - 32px),
        1120px
    );

    margin-inline:auto;

}





/*
|--------------------------------------------------------------------------
| Accessibility
|--------------------------------------------------------------------------
*/


.mf-insights-visually-hidden{

    position:absolute !important;

    width:1px !important;

    height:1px !important;

    padding:0 !important;

    margin:-1px !important;

    overflow:hidden !important;

    clip:rect(0,0,0,0) !important;

    white-space:nowrap !important;

    border:0 !important;

}





/*
|--------------------------------------------------------------------------
| Breadcrumb
|--------------------------------------------------------------------------
*/


.mf-insights-breadcrumb{

    padding-top:24px;

    padding-bottom:8px;

}



.mf-insights-breadcrumb ol{

    display:flex;

    flex-wrap:wrap;

    align-items:center;

    gap:6px;

    margin:0;

    padding:0;

    list-style:none;

}



.mf-insights-breadcrumb li{

    display:flex;

    align-items:center;

    gap:6px;

    color:var(--muted);

    font-size:12.5px;

    line-height:1.5;

}



.mf-insights-breadcrumb a{

    color:var(--muted);

    text-decoration:none;

    transition:color .2s ease;

}



.mf-insights-breadcrumb a:hover{

    color:var(--gold);

}



.mf-insights-breadcrumb svg{

    flex:0 0 auto;

    color:var(--muted);

    opacity:.5;

}



.mf-insights-breadcrumb span{

    color:var(--text);

    font-weight:600;

}





/*
|--------------------------------------------------------------------------
| Page Introduction
|--------------------------------------------------------------------------
*/


.mf-insights-intro{

    padding-top:44px;

    padding-bottom:42px;

}



.mf-insights-intro__content{

    max-width:760px;

}



.mf-insights-label{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:16px;

    color:var(--gold);

    font-family:var(--heading);

    font-size:11px;

    font-weight:700;

    line-height:1;

    letter-spacing:.18em;

    text-transform:uppercase;

}



.mf-insights-label__line{

    width:32px;

    height:1px;

    display:block;

    flex:0 0 auto;

    background:var(--gold);

}



.mf-insights-intro h1{

    margin:0;

    color:var(--navy);

    font-family:var(--heading);

    font-size:
        clamp(
            2rem,
            4vw,
            2.5rem
        );

    font-weight:700;

    line-height:1.1;

    letter-spacing:-.03em;

}



.mf-insights-intro p{

    max-width:730px;

    margin:20px 0 0;

    color:
        rgba(24,37,48,.74);

    font-size:17px;

    line-height:1.7;

}





/*
|--------------------------------------------------------------------------
| Search and Filters
|--------------------------------------------------------------------------
*/


.mf-insights-toolbar{

    padding-bottom:30px;

}



.mf-insights-toolbar__inner{

    display:flex;

    align-items:flex-start;

    justify-content:space-between;

    gap:22px;

}



.mf-insights-search{

    position:relative;

    width:min(
        100%,
        350px
    );

    flex:0 0 auto;

}



.mf-insights-search svg{

    position:absolute;

    top:50%;

    left:12px;

    z-index:1;

    color:var(--muted);

    transform:
        translateY(-50%);

    pointer-events:none;

}



.mf-insights-search input{

    width:100%;

    height:40px;

    display:block;

    margin:0;

    padding:
        8px 13px
        8px 38px;

    border:1px solid var(--border);

    border-radius:2px;

    background:var(--cream);

    color:var(--text);

    font-family:var(--body);

    font-size:14px;

    line-height:1.4;

    box-shadow:none;

    transition:

        border-color .2s ease,

        box-shadow .2s ease;

}



.mf-insights-search input::placeholder{

    color:var(--muted);

}



.mf-insights-search input:focus{

    outline:none;

    border-color:var(--gold);

    box-shadow:
        0 0 0 3px
        rgba(184,137,74,.12);

}



.mf-insights-filters{

    display:flex;

    flex-wrap:wrap;

    justify-content:flex-end;

    gap:8px;

}



.mf-insights-filter{

    min-height:31px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    margin:0;

    padding:6px 12px;

    border:1px solid var(--border);

    border-radius:999px;

    background:transparent;

    color:
        rgba(24,37,48,.75);

    font-family:var(--body);

    font-size:12.5px;

    font-weight:500;

    line-height:1.3;

    cursor:pointer;

    transition:

        border-color .2s ease,

        background-color .2s ease,

        color .2s ease;

}



.mf-insights-filter:hover{

    border-color:var(--gold);

    color:var(--gold);

}



.mf-insights-filter.is-active{

    border-color:var(--navy);

    background:var(--navy);

    color:var(--white);

}





/*
|--------------------------------------------------------------------------
| Main Article Content
|--------------------------------------------------------------------------
*/


.mf-insights-content{

    padding-bottom:78px;

}



[data-insights-item][hidden]{

    display:none !important;

}





/*
|--------------------------------------------------------------------------
| Featured Article
|--------------------------------------------------------------------------
*/


.mf-insights-featured{

    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    min-height:322px;

    margin-bottom:38px;

    overflow:hidden;

    border:1px solid var(--border);

    border-radius:2px;

    background:var(--white);

    color:var(--text);

    text-decoration:none;

    transition:

        border-color .2s ease,

        transform .2s ease;

}



.mf-insights-featured:hover{

    border-color:var(--gold);

    transform:translateY(-2px);

}



.mf-insights-featured__image{

    position:relative;

    min-height:322px;

    overflow:hidden;

    background:var(--border);

}



.mf-insights-featured__image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:transform .35s ease;

}



.mf-insights-featured:hover
.mf-insights-featured__image img{

    transform:scale(1.025);

}



.mf-insights-featured__content{

    display:flex;

    flex-direction:column;

    justify-content:center;

    padding:34px;

}



.mf-insights-article-category{

    display:block;

    color:var(--gold);

    font-family:var(--heading);

    font-size:11px;

    font-weight:700;

    line-height:1.3;

    letter-spacing:.15em;

    text-transform:uppercase;

}



.mf-insights-featured h2{

    margin:13px 0 0;

    color:var(--navy);

    font-family:var(--heading);

    font-size:
        clamp(
            1.65rem,
            3vw,
            2rem
        );

    font-weight:700;

    line-height:1.15;

    letter-spacing:-.025em;

    transition:color .2s ease;

}



.mf-insights-featured:hover h2{

    color:var(--gold);

}



.mf-insights-featured p{

    display:-webkit-box;

    margin:14px 0 0;

    overflow:hidden;

    color:var(--muted);

    font-size:15px;

    line-height:1.65;

    -webkit-box-orient:vertical;

    -webkit-line-clamp:3;

}



.mf-insights-read-link{

    display:inline-flex;

    align-items:center;

    gap:7px;

    width:max-content;

    margin-top:22px;

    color:var(--gold);

    font-size:14px;

    font-weight:700;

}



.mf-insights-read-link svg{

    transition:transform .2s ease;

}



.mf-insights-featured:hover
.mf-insights-read-link svg{

    transform:translateX(4px);

}





/*
|--------------------------------------------------------------------------
| Article Grid
|--------------------------------------------------------------------------
*/


.mf-insights-grid{

    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:24px;

}



.mf-insights-card{

    display:flex;

    min-width:0;

    flex-direction:column;

    overflow:hidden;

    border:1px solid var(--border);

    border-radius:2px;

    background:var(--white);

    color:var(--text);

    text-decoration:none;

    transition:

        border-color .2s ease,

        transform .2s ease;

}



.mf-insights-card:hover{

    border-color:var(--gold);

    transform:translateY(-3px);

}



.mf-insights-card__image{

    position:relative;

    aspect-ratio:16 / 10;

    overflow:hidden;

    background:var(--border);

}



.mf-insights-card__image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:transform .35s ease;

}



.mf-insights-card:hover
.mf-insights-card__image img{

    transform:scale(1.035);

}



.mf-insights-card__body{

    display:flex;

    flex:1;

    flex-direction:column;

    padding:23px;

}



.mf-insights-card h3{

    margin:11px 0 0;

    color:var(--navy);

    font-family:var(--heading);

    font-size:18px;

    font-weight:700;

    line-height:1.35;

    transition:color .2s ease;

}



.mf-insights-card:hover h3{

    color:var(--gold);

}



.mf-insights-card p{

    display:-webkit-box;

    margin:10px 0 0;

    overflow:hidden;

    color:var(--muted);

    font-size:13.5px;

    line-height:1.65;

    -webkit-box-orient:vertical;

    -webkit-line-clamp:3;

}



.mf-insights-card__meta{

    display:flex;

    flex-wrap:wrap;

    align-items:center;

    gap:5px;

    margin-top:auto;

    padding-top:16px;

    color:var(--muted);

    font-size:12px;

    line-height:1.4;

}





/*
|--------------------------------------------------------------------------
| Empty States
|--------------------------------------------------------------------------
*/


.mf-insights-empty,
.mf-insights-no-articles{

    padding:50px 24px;

    border:1px solid var(--border);

    border-radius:2px;

    background:var(--white);

    text-align:center;

}



.mf-insights-empty h2,
.mf-insights-no-articles h2{

    margin:0;

    color:var(--navy);

    font-family:var(--heading);

    font-size:24px;

    font-weight:700;

}



.mf-insights-empty p,
.mf-insights-no-articles p{

    margin:12px 0 0;

    color:var(--muted);

    font-size:14px;

    line-height:1.6;

}



.mf-insights-empty button{

    margin-top:20px;

    padding:10px 17px;

    border:1px solid var(--gold);

    border-radius:2px;

    background:var(--gold);

    color:var(--white);

    font-family:var(--body);

    font-size:13px;

    font-weight:700;

    cursor:pointer;

}



.mf-insights-empty button:hover{

    border-color:var(--gold-dark);

    background:var(--gold-dark);

}





/*
|--------------------------------------------------------------------------
| Pagination
|--------------------------------------------------------------------------
*/


.mf-insights-pagination{

    display:grid;

    grid-template-columns:
        repeat(3,1fr);

    align-items:center;

    gap:18px;

    margin-top:38px;

    color:var(--muted);

    font-size:13px;

}



.mf-insights-pagination > div:last-child{

    text-align:right;

}



.mf-insights-pagination > span{

    text-align:center;

}



.mf-insights-pagination a,
.mf-insights-pagination .is-disabled{

    display:inline-flex;

    min-height:38px;

    align-items:center;

    justify-content:center;

    padding:9px 15px;

    border:1px solid var(--border);

    border-radius:2px;

    background:var(--white);

}



.mf-insights-pagination a{

    color:var(--navy);

    font-weight:600;

    text-decoration:none;

}



.mf-insights-pagination a:hover{

    border-color:var(--gold);

    color:var(--gold);

}



.mf-insights-pagination .is-disabled{

    color:var(--muted);

    opacity:.55;

}





/*
|--------------------------------------------------------------------------
| CTA
|--------------------------------------------------------------------------
*/


.mf-insights-cta{

    padding:78px 16px;

    background:var(--navy);

    color:var(--white);

    text-align:center;

}



.mf-insights-cta__inner{

    width:min(
        100%,
        760px
    );

    margin-inline:auto;

}



.mf-insights-cta__line{

    width:48px;

    height:1px;

    display:block;

    margin:
        0 auto
        24px;

    background:var(--gold);

}



.mf-insights-cta h2{

    margin:0;

    color:var(--white);

    font-family:var(--heading);

    font-size:
        clamp(
            2rem,
            4vw,
            2.5rem
        );

    font-weight:700;

    line-height:1.15;

    letter-spacing:-.025em;

}



.mf-insights-cta p{

    max-width:680px;

    margin:
        20px auto
        0;

    color:
        rgba(255,255,255,.74);

    font-size:17px;

    line-height:1.7;

}



.mf-insights-cta__actions{

    display:flex;

    flex-wrap:wrap;

    align-items:center;

    justify-content:center;

    gap:12px;

    margin-top:34px;

}



.mf-insights-button{

    min-height:50px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:9px;

    padding:13px 24px;

    border:1px solid transparent;

    border-radius:2px;

    font-family:var(--body);

    font-size:14px;

    font-weight:700;

    line-height:1;

    text-decoration:none;

    transition:

        background-color .2s ease,

        border-color .2s ease,

        color .2s ease,

        transform .2s ease;

}



.mf-insights-button--gold{

    background:var(--gold);

    color:var(--white);

}



.mf-insights-button--gold:hover{

    background:var(--gold-dark);

    color:var(--white);

    transform:translateY(-1px);

}



.mf-insights-button--outline{

    border-color:
        rgba(255,255,255,.3);

    background:transparent;

    color:var(--white);

}



.mf-insights-button--outline:hover{

    background:
        rgba(255,255,255,.1);

    color:var(--white);

}





/*
|--------------------------------------------------------------------------
| Responsive Insights Listing
|--------------------------------------------------------------------------
*/


@media(max-width:1000px){

    .mf-insights-toolbar__inner{

        flex-direction:column;

    }



    .mf-insights-search{

        width:100%;

        max-width:430px;

    }



    .mf-insights-filters{

        justify-content:flex-start;

    }



    .mf-insights-grid{

        grid-template-columns:
            repeat(2,minmax(0,1fr));

    }

}





@media(max-width:750px){

    .mf-insights-featured{

        grid-template-columns:1fr;

    }



    .mf-insights-featured__image{

        min-height:0;

        aspect-ratio:16 / 10;

    }



    .mf-insights-featured__content{

        padding:27px;

    }

}





@media(max-width:650px){

    .mf-insights-intro{

        padding-top:34px;

        padding-bottom:34px;

    }



    .mf-insights-toolbar{

        padding-bottom:26px;

    }



    .mf-insights-content{

        padding-bottom:62px;

    }



    .mf-insights-grid{

        grid-template-columns:1fr;

    }



    .mf-insights-pagination{

        grid-template-columns:
            repeat(2,1fr);

    }



    .mf-insights-pagination > span{

        grid-column:1 / -1;

        grid-row:1;

    }



    .mf-insights-pagination > div{

        grid-row:2;

    }



    .mf-insights-cta{

        padding-top:62px;

        padding-bottom:62px;

    }



    .mf-insights-cta__actions{

        flex-direction:column;

        align-items:stretch;

    }



    .mf-insights-button{

        width:100%;

    }

}
/*
|--------------------------------------------------------------------------
| MF Management Services
| Complete Resources Listing
|--------------------------------------------------------------------------
*/


.mf-resources-page{

    background:var(--cream);

}



.mf-resources-breadcrumb,
.mf-resources-intro,
.mf-resources-toolbar,
.mf-resources-content{

    width:min(
        calc(100% - 32px),
        1120px
    );

    margin-inline:auto;

}





/*
|--------------------------------------------------------------------------
| Accessibility
|--------------------------------------------------------------------------
*/


.mf-resources-visually-hidden{

    position:absolute !important;

    width:1px !important;

    height:1px !important;

    padding:0 !important;

    margin:-1px !important;

    overflow:hidden !important;

    clip:rect(0,0,0,0) !important;

    white-space:nowrap !important;

    border:0 !important;

}





/*
|--------------------------------------------------------------------------
| Breadcrumb
|--------------------------------------------------------------------------
*/


.mf-resources-breadcrumb{

    padding-top:24px;

    padding-bottom:8px;

}



.mf-resources-breadcrumb ol{

    display:flex;

    flex-wrap:wrap;

    align-items:center;

    gap:6px;

    margin:0;

    padding:0;

    list-style:none;

}



.mf-resources-breadcrumb li{

    display:flex;

    align-items:center;

    gap:6px;

    color:var(--muted);

    font-size:12.5px;

    line-height:1.5;

}



.mf-resources-breadcrumb a{

    color:var(--muted);

    text-decoration:none;

    transition:color .2s ease;

}



.mf-resources-breadcrumb a:hover{

    color:var(--gold);

}



.mf-resources-breadcrumb svg{

    flex:0 0 auto;

    color:var(--muted);

    opacity:.5;

}



.mf-resources-breadcrumb span{

    color:var(--text);

    font-weight:600;

}





/*
|--------------------------------------------------------------------------
| Introduction
|--------------------------------------------------------------------------
*/


.mf-resources-intro{

    padding-top:44px;

    padding-bottom:42px;

}



.mf-resources-intro__content{

    max-width:770px;

}



.mf-resources-label{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:16px;

    color:var(--gold);

    font-family:var(--heading);

    font-size:11px;

    font-weight:700;

    line-height:1;

    letter-spacing:.18em;

    text-transform:uppercase;

}



.mf-resources-label__line{

    width:32px;

    height:1px;

    display:block;

    flex:0 0 auto;

    background:var(--gold);

}



.mf-resources-intro h1{

    margin:0;

    color:var(--navy);

    font-family:var(--heading);

    font-size:
        clamp(
            2rem,
            4vw,
            2.5rem
        );

    font-weight:700;

    line-height:1.1;

    letter-spacing:-.03em;

}



.mf-resources-intro p{

    max-width:750px;

    margin:20px 0 0;

    color:
        rgba(24,37,48,.74);

    font-size:17px;

    line-height:1.7;

}





/*
|--------------------------------------------------------------------------
| Search and Filters
|--------------------------------------------------------------------------
*/


.mf-resources-toolbar{

    padding-bottom:30px;

}



.mf-resources-toolbar__inner{

    display:flex;

    align-items:flex-start;

    justify-content:space-between;

    gap:22px;

}



.mf-resources-search{

    position:relative;

    width:min(
        100%,
        350px
    );

}



.mf-resources-search svg{

    position:absolute;

    top:50%;

    left:12px;

    z-index:1;

    color:var(--muted);

    transform:
        translateY(-50%);

    pointer-events:none;

}



.mf-resources-search input{

    width:100%;

    height:40px;

    display:block;

    margin:0;

    padding:
        8px 13px
        8px 38px;

    border:1px solid var(--border);

    border-radius:2px;

    background:var(--cream);

    color:var(--text);

    font-family:var(--body);

    font-size:14px;

    line-height:1.4;

    box-shadow:none;

    transition:

        border-color .2s ease,

        box-shadow .2s ease;

}



.mf-resources-search input::placeholder{

    color:var(--muted);

}



.mf-resources-search input:focus{

    outline:none;

    border-color:var(--gold);

    box-shadow:
        0 0 0 3px
        rgba(184,137,74,.12);

}



.mf-resources-filters{

    display:flex;

    flex-wrap:wrap;

    justify-content:flex-end;

    gap:8px;

}



.mf-resources-filter{

    min-height:31px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    margin:0;

    padding:6px 12px;

    border:1px solid var(--border);

    border-radius:999px;

    background:transparent;

    color:
        rgba(24,37,48,.75);

    font-family:var(--body);

    font-size:12.5px;

    font-weight:500;

    line-height:1.3;

    cursor:pointer;

    transition:

        border-color .2s ease,

        background-color .2s ease,

        color .2s ease;

}



.mf-resources-filter:hover{

    border-color:var(--gold);

    color:var(--gold);

}



.mf-resources-filter.is-active{

    border-color:var(--navy);

    background:var(--navy);

    color:var(--white);

}





/*
|--------------------------------------------------------------------------
| Resource Grid
|--------------------------------------------------------------------------
*/


.mf-resources-content{

    padding-bottom:78px;

}



[data-resource-item][hidden]{

    display:none !important;

}



.mf-resources-grid{

    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:16px;

}



.mf-resources-card{

    min-height:250px;

    display:flex;

    min-width:0;

    flex-direction:column;

    padding:24px;

    border:1px solid var(--border);

    border-radius:2px;

    background:var(--white);

    color:var(--text);

    text-decoration:none;

    transition:

        border-color .2s ease,

        transform .2s ease;

}



.mf-resources-card:hover{

    border-color:var(--gold);

    transform:translateY(-3px);

}



.mf-resources-card__top{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:16px;

    margin-bottom:20px;

}



.mf-resources-card__icon{

    width:42px;

    height:42px;

    display:flex;

    flex:0 0 auto;

    align-items:center;

    justify-content:center;

    border-radius:2px;

    background:
        rgba(222,216,205,.3);

    color:var(--gold);

}



.mf-resources-card__type{

    color:var(--muted);

    font-size:11px;

    font-weight:600;

    line-height:1.35;

    letter-spacing:.09em;

    text-transform:uppercase;

}



.mf-resources-card h2{

    margin:0;

    color:var(--navy);

    font-family:var(--heading);

    font-size:18px;

    font-weight:700;

    line-height:1.35;

    transition:color .2s ease;

}



.mf-resources-card:hover h2{

    color:var(--gold);

}



.mf-resources-card p{

    display:-webkit-box;

    margin:10px 0 0;

    overflow:hidden;

    color:var(--muted);

    font-size:13.5px;

    line-height:1.65;

    -webkit-box-orient:vertical;

    -webkit-line-clamp:3;

}



.mf-resources-card__link{

    display:inline-flex;

    align-items:center;

    gap:7px;

    width:max-content;

    margin-top:auto;

    padding-top:18px;

    color:var(--gold);

    font-size:13px;

    font-weight:700;

}



.mf-resources-card__link svg{

    transition:transform .2s ease;

}



.mf-resources-card:hover
.mf-resources-card__link svg{

    transform:translateX(4px);

}





/*
|--------------------------------------------------------------------------
| Empty States
|--------------------------------------------------------------------------
*/


.mf-resources-empty,
.mf-resources-no-items{

    padding:50px 24px;

    border:1px solid var(--border);

    border-radius:2px;

    background:var(--white);

    text-align:center;

}



.mf-resources-empty h2,
.mf-resources-no-items h2{

    margin:0;

    color:var(--navy);

    font-family:var(--heading);

    font-size:24px;

    font-weight:700;

}



.mf-resources-empty p,
.mf-resources-no-items p{

    margin:12px 0 0;

    color:var(--muted);

    font-size:14px;

    line-height:1.6;

}



.mf-resources-empty button{

    margin-top:20px;

    padding:10px 17px;

    border:1px solid var(--gold);

    border-radius:2px;

    background:var(--gold);

    color:var(--white);

    font-family:var(--body);

    font-size:13px;

    font-weight:700;

    cursor:pointer;

}



.mf-resources-empty button:hover{

    border-color:var(--gold-dark);

    background:var(--gold-dark);

}





/*
|--------------------------------------------------------------------------
| Pagination
|--------------------------------------------------------------------------
*/


.mf-resources-pagination{

    display:grid;

    grid-template-columns:
        repeat(3,1fr);

    align-items:center;

    gap:18px;

    margin-top:38px;

    color:var(--muted);

    font-size:13px;

}



.mf-resources-pagination > div:last-child{

    text-align:right;

}



.mf-resources-pagination > span{

    text-align:center;

}



.mf-resources-pagination a,
.mf-resources-pagination .is-disabled{

    display:inline-flex;

    min-height:38px;

    align-items:center;

    justify-content:center;

    padding:9px 15px;

    border:1px solid var(--border);

    border-radius:2px;

    background:var(--white);

}



.mf-resources-pagination a{

    color:var(--navy);

    font-weight:600;

    text-decoration:none;

}



.mf-resources-pagination a:hover{

    border-color:var(--gold);

    color:var(--gold);

}



.mf-resources-pagination .is-disabled{

    color:var(--muted);

    opacity:.55;

}





/*
|--------------------------------------------------------------------------
| CTA
|--------------------------------------------------------------------------
*/


.mf-resources-cta{

    padding:78px 16px;

    background:var(--navy);

    color:var(--white);

    text-align:center;

}



.mf-resources-cta__inner{

    width:min(
        100%,
        760px
    );

    margin-inline:auto;

}



.mf-resources-cta__line{

    width:48px;

    height:1px;

    display:block;

    margin:
        0 auto
        24px;

    background:var(--gold);

}



.mf-resources-cta h2{

    margin:0;

    color:var(--white);

    font-family:var(--heading);

    font-size:
        clamp(
            2rem,
            4vw,
            2.5rem
        );

    font-weight:700;

    line-height:1.15;

    letter-spacing:-.025em;

}



.mf-resources-cta p{

    max-width:680px;

    margin:
        20px auto
        0;

    color:
        rgba(255,255,255,.74);

    font-size:17px;

    line-height:1.7;

}



.mf-resources-cta__actions{

    display:flex;

    flex-wrap:wrap;

    align-items:center;

    justify-content:center;

    gap:12px;

    margin-top:34px;

}



.mf-resources-button{

    min-height:50px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:9px;

    padding:13px 24px;

    border:1px solid transparent;

    border-radius:2px;

    font-family:var(--body);

    font-size:14px;

    font-weight:700;

    line-height:1;

    text-decoration:none;

    transition:

        background-color .2s ease,

        border-color .2s ease,

        color .2s ease,

        transform .2s ease;

}



.mf-resources-button--gold{

    background:var(--gold);

    color:var(--white);

}



.mf-resources-button--gold:hover{

    background:var(--gold-dark);

    color:var(--white);

    transform:translateY(-1px);

}



.mf-resources-button--outline{

    border-color:
        rgba(255,255,255,.3);

    background:transparent;

    color:var(--white);

}



.mf-resources-button--outline:hover{

    background:
        rgba(255,255,255,.1);

    color:var(--white);

}





/*
|--------------------------------------------------------------------------
| Responsive Resources Listing
|--------------------------------------------------------------------------
*/


@media(max-width:1000px){

    .mf-resources-grid{

        grid-template-columns:
            repeat(2,minmax(0,1fr));

    }

}





@media(max-width:800px){

    .mf-resources-toolbar__inner{

        flex-direction:column;

    }



    .mf-resources-search{

        width:100%;

        max-width:430px;

    }



    .mf-resources-filters{

        justify-content:flex-start;

    }

}





@media(max-width:650px){

    .mf-resources-intro{

        padding-top:34px;

        padding-bottom:34px;

    }



    .mf-resources-toolbar{

        padding-bottom:26px;

    }



    .mf-resources-content{

        padding-bottom:62px;

    }



    .mf-resources-grid{

        grid-template-columns:1fr;

    }



    .mf-resources-pagination{

        grid-template-columns:
            repeat(2,1fr);

    }



    .mf-resources-pagination > span{

        grid-column:1 / -1;

        grid-row:1;

    }



    .mf-resources-pagination > div{

        grid-row:2;

    }



    .mf-resources-cta{

        padding-top:62px;

        padding-bottom:62px;

    }



    .mf-resources-cta__actions{

        flex-direction:column;

        align-items:stretch;

    }



    .mf-resources-button{

        width:100%;

    }

}
/*
|--------------------------------------------------------------------------
| MF Management Services
| Premium Administrator Login
|--------------------------------------------------------------------------
*/


.auth-page{

    min-height:100vh;

    margin:0;

    background:

        radial-gradient(
            circle at 12% 18%,
            rgba(184,137,74,.12),
            transparent 30%
        ),

        radial-gradient(
            circle at 88% 82%,
            rgba(16,38,56,.1),
            transparent 34%
        ),

        var(--cream);

}



.auth-container{

    width:100%;

    min-height:100vh;

    display:grid;

    place-items:center;

    padding:42px 24px;

}





/*
|--------------------------------------------------------------------------
| Main Login Shell
|--------------------------------------------------------------------------
*/


.mf-admin-login-shell{

    width:min(
        100%,
        1020px
    );

    min-height:650px;

    display:grid;

    grid-template-columns:
        minmax(0,.92fr)
        minmax(0,1.08fr);

    overflow:hidden;

    border:1px solid
        rgba(16,38,56,.1);

    border-radius:12px;

    background:var(--white);

    box-shadow:

        0 28px 80px
        rgba(16,38,56,.16),

        0 6px 20px
        rgba(16,38,56,.07);

}





/*
|--------------------------------------------------------------------------
| Brand Panel
|--------------------------------------------------------------------------
*/


.mf-admin-login-brand-panel{

    position:relative;

    display:flex;

    flex-direction:column;

    overflow:hidden;

    padding:38px;

    background:

        linear-gradient(
            145deg,
            #102638 0%,
            #18364c 100%
        );

    color:var(--white);

}



.mf-admin-login-brand-panel::before{

    content:"";

    position:absolute;

    top:-130px;

    right:-130px;

    width:330px;

    height:330px;

    border:

        1px solid
        rgba(184,137,74,.2);

    border-radius:50%;

}



.mf-admin-login-brand-panel::after{

    content:"";

    position:absolute;

    right:-50px;

    bottom:-80px;

    width:230px;

    height:230px;

    border-radius:50%;

    background:

        radial-gradient(
            circle,
            rgba(184,137,74,.18),
            transparent 68%
        );

}



.mf-admin-login-brand{

    position:relative;

    z-index:2;

    display:inline-flex;

    align-items:center;

    gap:12px;

    width:max-content;

    color:var(--white);

    text-decoration:none;

}



.mf-admin-login-brand img{

    width:46px;

    height:46px;

    display:block;

    object-fit:contain;

    flex:0 0 auto;

}



.mf-admin-login-brand__text{

    display:flex;

    flex-direction:column;

    line-height:1;

}



.mf-admin-login-brand__text strong{

    color:var(--white);

    font-family:var(--heading);

    font-size:16px;

    font-weight:800;

}



.mf-admin-login-brand__text small{

    margin-top:6px;

    color:
        rgba(255,255,255,.58);

    font-family:var(--heading);

    font-size:10px;

    font-weight:600;

    letter-spacing:.22em;

    text-transform:uppercase;

}



.mf-admin-login-brand-panel__content{

    position:relative;

    z-index:2;

    margin:auto 0;

    padding:70px 0;

}



.mf-admin-login-eyebrow{

    display:inline-block;

    color:var(--gold);

    font-family:var(--heading);

    font-size:11px;

    font-weight:700;

    letter-spacing:.18em;

    text-transform:uppercase;

}



.mf-admin-login-brand-panel h1{

    max-width:390px;

    margin:18px 0 0;

    color:var(--white);

    font-family:var(--heading);

    font-size:
        clamp(
            2rem,
            3.4vw,
            2.7rem
        );

    font-weight:800;

    line-height:1.08;

    letter-spacing:-.035em;

}



.mf-admin-login-brand-panel__content > p{

    max-width:390px;

    margin:20px 0 0;

    color:
        rgba(255,255,255,.7);

    font-size:15px;

    line-height:1.72;

}



.mf-admin-login-features{

    display:flex;

    flex-direction:column;

    gap:13px;

    margin:28px 0 0;

    padding:0;

    list-style:none;

}



.mf-admin-login-features li{

    display:flex;

    align-items:center;

    gap:11px;

    color:
        rgba(255,255,255,.75);

    font-size:13.5px;

    line-height:1.45;

}



.mf-admin-login-features svg{

    flex:0 0 auto;

    color:var(--gold);

}



.mf-admin-login-brand-panel__footer{

    position:relative;

    z-index:2;

    margin:0;

    color:
        rgba(255,255,255,.42);

    font-size:11.5px;

    line-height:1.5;

}





/*
|--------------------------------------------------------------------------
| Login Form Panel
|--------------------------------------------------------------------------
*/


.mf-admin-login-form-panel{

    display:flex;

    align-items:center;

    padding:50px 58px;

    background:var(--white);

}



.mf-admin-login-form-panel__inner{

    width:100%;

    max-width:430px;

    margin-inline:auto;

}



.mf-admin-login-mobile-brand{

    display:none;

}



.mf-admin-login-heading > span{

    color:var(--gold);

    font-family:var(--heading);

    font-size:11px;

    font-weight:700;

    line-height:1.3;

    letter-spacing:.17em;

    text-transform:uppercase;

}



.mf-admin-login-heading h2{

    margin:11px 0 0;

    color:var(--navy);

    font-family:var(--heading);

    font-size:
        clamp(
            2rem,
            4vw,
            2.45rem
        );

    font-weight:800;

    line-height:1.1;

    letter-spacing:-.035em;

}



.mf-admin-login-heading p{

    margin:12px 0 0;

    color:var(--muted);

    font-size:14.5px;

    line-height:1.65;

}





/*
|--------------------------------------------------------------------------
| Login Alerts
|--------------------------------------------------------------------------
*/


.mf-admin-login-alert{

    display:flex;

    align-items:flex-start;

    gap:10px;

    margin-top:22px;

    padding:13px 14px;

    border:1px solid;

    border-radius:5px;

    font-size:13px;

    line-height:1.5;

}



.mf-admin-login-alert svg{

    flex:0 0 auto;

    margin-top:1px;

}



.mf-admin-login-alert--success{

    border-color:#bedcc7;

    background:#edf8f0;

    color:#176b35;

}



.mf-admin-login-alert--error{

    border-color:#efc5c5;

    background:#fff2f2;

    color:#991b1b;

}





/*
|--------------------------------------------------------------------------
| Login Form
|--------------------------------------------------------------------------
*/


.mf-admin-login-form{

    display:flex;

    flex-direction:column;

    gap:21px;

    margin:30px 0 0;

    padding:0;

    border:0;

    border-radius:0;

    background:transparent;

    box-shadow:none;

}



.mf-admin-login-field{

    min-width:0;

}



.mf-admin-login-field > label,
.mf-admin-login-label-row label{

    display:block;

    margin:0;

    color:var(--text);

    font-size:13px;

    font-weight:700;

    line-height:1.4;

}



.mf-admin-login-label-row{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:18px;

    margin-bottom:8px;

}



.mf-admin-login-label-row a{

    color:var(--gold);

    font-size:12.5px;

    font-weight:600;

    text-decoration:none;

}



.mf-admin-login-label-row a:hover{

    color:var(--gold-dark);

    text-decoration:underline;

    text-underline-offset:3px;

}



.mf-admin-login-field > label{

    margin-bottom:8px;

}



.mf-admin-login-input-wrapper{

    position:relative;

}



.mf-admin-login-input-icon{

    position:absolute;

    top:50%;

    left:14px;

    z-index:2;

    display:flex;

    align-items:center;

    color:#87939c;

    transform:translateY(-50%);

    pointer-events:none;

}



.mf-admin-login-input-wrapper input{

    width:100%;

    height:50px;

    display:block;

    margin:0;

    padding:

        10px 46px

        10px 44px;

    border:1px solid var(--border);

    border-radius:5px;

    background:#fcfcfb;

    color:var(--text);

    font-family:var(--body);

    font-size:14px;

    line-height:1.4;

    box-shadow:

        0 1px 2px
        rgba(16,38,56,.025);

    transition:

        border-color .2s ease,

        background-color .2s ease,

        box-shadow .2s ease;

}



.mf-admin-login-input-wrapper input::placeholder{

    color:#9aa4ab;

}



.mf-admin-login-input-wrapper input:hover{

    border-color:#cfc6b7;

}



.mf-admin-login-input-wrapper input:focus{

    outline:none;

    border-color:var(--gold);

    background:var(--white);

    box-shadow:

        0 0 0 3px
        rgba(184,137,74,.13);

}



.mf-admin-login-input-wrapper input[aria-invalid="true"]{

    border-color:#c85151;

}



.mf-admin-login-password-toggle{

    position:absolute;

    top:50%;

    right:10px;

    z-index:3;

    width:34px;

    height:34px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin:0;

    padding:0;

    border:0;

    border-radius:4px;

    background:transparent;

    color:#7f8a92;

    cursor:pointer;

    transform:translateY(-50%);

    transition:

        background-color .2s ease,

        color .2s ease;

}



.mf-admin-login-password-toggle:hover{

    background:
        rgba(16,38,56,.06);

    color:var(--navy);

}



.mf-admin-login-password-hide-icon{

    display:none;

}



.mf-admin-login-password-toggle[aria-pressed="true"]
.mf-admin-login-password-show-icon{

    display:none;

}



.mf-admin-login-password-toggle[aria-pressed="true"]
.mf-admin-login-password-hide-icon{

    display:block;

}



.mf-admin-login-field-error{

    display:block;

    margin-top:6px;

    color:#a52c2c;

    font-size:12px;

    line-height:1.45;

}





/*
|--------------------------------------------------------------------------
| Remember Me
|--------------------------------------------------------------------------
*/


.mf-admin-login-remember{

    display:flex;

    align-items:center;

    gap:9px;

    width:max-content;

    margin:0;

    color:var(--muted);

    font-size:13px;

    line-height:1.4;

    cursor:pointer;

}



.mf-admin-login-remember input{

    width:16px;

    height:16px;

    flex:0 0 auto;

    margin:0;

    padding:0;

    accent-color:var(--gold);

    cursor:pointer;

}





/*
|--------------------------------------------------------------------------
| Submit Button
|--------------------------------------------------------------------------
*/


.mf-admin-login-submit{

    width:100%;

    min-height:50px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    margin:0;

    padding:13px 20px;

    border:1px solid var(--gold);

    border-radius:5px;

    background:var(--gold);

    color:var(--white);

    font-family:var(--body);

    font-size:14px;

    font-weight:700;

    line-height:1;

    cursor:pointer;

    box-shadow:

        0 8px 20px
        rgba(184,137,74,.2);

    transition:

        background-color .2s ease,

        border-color .2s ease,

        box-shadow .2s ease,

        transform .2s ease;

}



.mf-admin-login-submit:hover{

    border-color:var(--gold-dark);

    background:var(--gold-dark);

    box-shadow:

        0 10px 24px
        rgba(149,109,57,.24);

    transform:translateY(-1px);

}



.mf-admin-login-submit:focus-visible{

    outline:

        3px solid
        rgba(184,137,74,.25);

    outline-offset:3px;

}





/*
|--------------------------------------------------------------------------
| Lower Login Links
|--------------------------------------------------------------------------
*/


.mf-admin-login-divider{

    position:relative;

    margin:28px 0 20px;

    text-align:center;

}



.mf-admin-login-divider::before{

    content:"";

    position:absolute;

    top:50%;

    left:0;

    width:100%;

    height:1px;

    background:var(--border);

}



.mf-admin-login-divider span{

    position:relative;

    z-index:1;

    display:inline-block;

    padding:0 13px;

    background:var(--white);

    color:#9aa3a9;

    font-size:11px;

    line-height:1.4;

    letter-spacing:.08em;

    text-transform:uppercase;

}



.mf-admin-login-back-link{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:7px;

    color:var(--muted);

    font-size:13px;

    font-weight:600;

    text-decoration:none;

    transition:

        color .2s ease,

        gap .2s ease;

}



.mf-admin-login-back-link:hover{

    gap:10px;

    color:var(--gold);

}





/*
|--------------------------------------------------------------------------
| Responsive Login
|--------------------------------------------------------------------------
*/


@media(max-width:880px){

    .auth-container{

        padding:28px 20px;

    }



    .mf-admin-login-shell{

        max-width:570px;

        min-height:0;

        grid-template-columns:1fr;

    }



    .mf-admin-login-brand-panel{

        display:none;

    }



    .mf-admin-login-form-panel{

        padding:46px 42px;

    }



    .mf-admin-login-mobile-brand{

        display:flex;

        align-items:center;

        gap:10px;

        margin-bottom:36px;

    }



    .mf-admin-login-mobile-brand img{

        width:42px;

        height:42px;

        object-fit:contain;

    }



    .mf-admin-login-mobile-brand > span{

        display:flex;

        flex-direction:column;

        line-height:1;

    }



    .mf-admin-login-mobile-brand strong{

        color:var(--navy);

        font-family:var(--heading);

        font-size:15px;

        font-weight:800;

    }



    .mf-admin-login-mobile-brand small{

        margin-top:5px;

        color:var(--muted);

        font-size:9px;

        font-weight:600;

        letter-spacing:.2em;

        text-transform:uppercase;

    }

}





@media(max-width:560px){

    .auth-container{

        display:block;

        padding:0;

    }



    .mf-admin-login-shell{

        width:100%;

        min-height:100vh;

        border:0;

        border-radius:0;

        box-shadow:none;

    }



    .mf-admin-login-form-panel{

        min-height:100vh;

        align-items:flex-start;

        padding:32px 24px 42px;

    }



    .mf-admin-login-form-panel__inner{

        max-width:none;

    }



    .mf-admin-login-mobile-brand{

        margin-bottom:48px;

    }



    .mf-admin-login-heading h2{

        font-size:2rem;

    }

}