/* =========================================================
   GUIDING PHILOSOPHY PAGE
   ========================================================= */


/* ---------------------------------------------------------
   INNER PAGE HERO
   --------------------------------------------------------- */

.inner-page-hero {

    height: 430px;

    display: flex;

    align-items: center;

    position: relative;

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            var(--navy) 0%,
            var(--navy-dark) 65%,
            #092d52 100%
        );

}


.inner-page-hero::after {

    content: "";

    position: absolute;

    width: 420px;
    height: 420px;

    border: 1px solid rgba(242, 182, 50, 0.25);

    border-radius: 50%;

    right: -120px;
    top: -180px;

}


.inner-page-hero .section-label {

    color: var(--gold-light);

    display: block;

    margin-bottom: 15px;

}


.inner-page-hero h1 {

    color: var(--white);

    font-size: clamp(3rem, 6vw, 5rem);

    line-height: 1.02;

    margin-top: 15px;

}


.inner-page-hero p {

    color: rgba(255,255,255,0.78);

    font-size: 17px;

    margin-top: 25px;

}


/* ---------------------------------------------------------
   BREADCRUMB
   --------------------------------------------------------- */

.breadcrumb-bar {

    background: var(--light-blue);

    padding: 17px 0;

}


.breadcrumb-bar .container {

    display: flex;

    gap: 9px;

    align-items: center;

    font-size: 14px;

    color: var(--gray-500);

}


.breadcrumb-bar strong {

    color: #1760b5;

}


.institutional-philosophy {
        
        padding:100px 0
    
    }


    .philosophy-layout {
        
        display:grid;
        
        grid-template-columns:.75fr 1.25fr;
        
        gap:85px;
        
        align-items:start
    
    }


    .philosophy-kicker {
        
        color:var(--gold);
        
        font-size:13px;
        
        font-weight:700;
        
        letter-spacing:2px

    }


    .philosophy-kicker:before {
        
        content:"";
        
        display:inline-block;
        
        width:42px;
        
        height:2px;
        
        margin:0 14px 4px 0;
        
        background:var(--gold)
    
    }


    .philosophy-title {
        
        margin:22px 0 0;
        
        color:var(--navy);
        
        font-size:clamp(2.5rem,4.5vw,4.4rem);
        
        line-height:1.08
    
    }


    .philosophy-title em {
        
        font-style:normal;
        
        color:var(--gold)
    
    }


    .philosophy-copy {
        
        position:relative;
        
        padding:8px 0 8px 42px;
        
        border-left:3px solid var(--gold)
    
    }


    .philosophy-copy p {
        
        margin:0 0 28px;
        
        color:var(--gray-700);
        
        font-size:clamp(1.05rem,1.5vw,1.25rem);
        
        line-height:1.9

    }

    
    .philosophy-copy p:last-child {
        
        margin-bottom:0
    
    }


    .philosophy-mark {
        
        margin-top:55px;
        
        font-family:"Playfair Display",serif;
        
        font-size:5rem;
        
        line-height:.7;
        
        color:rgba(180,130,33,.18)
    
    }


    @media(max-width:800px) {
        
        .institutional-philosophy {
            
            padding:65px 0
            
        }
        
        .philosophy-layout {
            
            grid-template-columns:1fr;
            
            gap:42px
        }
        
        .philosophy-copy {
            
            padding-left:25px
        
        }
        
        .institutional-hero {
            
            padding:85px 0
        }
        
        .philosophy-mark {
            
            display:none
        }
    }