/* Vision & Mission page only.
   Shared header/navigation/footer are controlled by the common site CSS. */

.vm-page{
    background:#fff;
    color:#173b59;
}

/* HERO */
.vm-hero{
    background:linear-gradient(90deg,#dff4fb 0%,#eef9fd 58%,#d9eef4 100%);
    border-bottom:1px solid #d7e9f1;
    overflow:hidden;
}

.vm-hero-inner{
    min-height:166px;
    display:grid;
    grid-template-columns:1.25fr .85fr 180px;
    align-items:center;
    gap:30px;
}

.vm-breadcrumb{
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:18px;
    color:#51738b;
    font-size:11px;
}

.vm-breadcrumb a{
    color:#315f7d;
}

.vm-breadcrumb strong{
    color:#173b59;
    font-weight:600;
}

.vm-hero h1{
    margin:0;
    color:#075080;
    font:700 48px/1.05 Georgia,serif;
}

.vm-hero-copy>p{
    margin:7px 0 0;
    color:#173b59;
    font-size:17px;
}

.vm-title-line,
.vm-card-line{
    width:54px;
    height:3px;
    margin-top:14px;
    background:#168ac8;
}

/* Quote aligned within its own column */
.vm-hero-quote{
    align-self:center;
    justify-self:center;
    width:100%;
    color:#075080;
    font:italic 27px/1.35 Georgia,serif;
    text-align:left;
}

.vm-hero-quote span{
    display:block;
}

/* Deliberately empty right side - no stones / flower / symbols */
.vm-hero-free-space{
    min-height:1px;
}

/* Requested breathing space between hero and content */
.vm-hero-gap{
    height:24px;
}

/* CONTENT */
.vm-content{
    padding-top:0;
    padding-bottom:52px;
}

.vm-card{
    border-radius:8px;
    padding:20px 24px;
}

/* MOTTO */
.vm-motto-card{
    min-height:126px;
    display:grid;
    grid-template-columns:82px 1fr .75fr;
    align-items:center;
    gap:22px;
    background:linear-gradient(90deg,#eef8ff,#e9f5fc);
}

.vm-icon{
    width:68px;
    height:68px;
    flex:0 0 68px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:#fff;
    font-size:32px;
    font-weight:700;
    box-shadow:0 0 0 2px rgba(15,124,190,.12);
}

.vm-icon-blue{
    color:#087dc2;
}

.vm-icon-green{
    color:#138b55;
    box-shadow:0 0 0 12px rgba(64,167,104,.08);
}

.vm-icon-gold{
    color:#c69029;
    box-shadow:0 0 0 2px rgba(198,144,41,.18);
}

.vm-label{
    color:#064778;
    font-size:17px;
    font-weight:800;
    letter-spacing:.2px;
}

.vm-green{
    color:#0b8551;
}

.vm-motto-main h2{
    margin:4px 0 0;
    color:#075080;
    font:700 32px/1.1 Georgia,serif;
}

.vm-motto-languages{
    text-align:center;
    color:#064778;
    font-family:Georgia,serif;
}

.vm-motto-languages strong,
.vm-motto-languages em{
    display:block;
    margin:4px 0;
}

.vm-motto-languages strong{
    font-size:16px;
}

.vm-motto-languages em{
    font-size:13px;
}

/* LOWER GRID */
.vm-grid{
    display:grid;
    grid-template-columns:.94fr 1.06fr;
    gap:12px;
    margin-top:12px;
}

.vm-left-column{
    display:grid;
    gap:12px;
}

.vm-vision-card{
    min-height:151px;
    display:flex;
    align-items:flex-start;
    gap:24px;
    background:linear-gradient(90deg,#f0faf2,#f4faf4);
}

.vm-vision-text{
    margin:7px 0 0;
    color:#173b59;
    font:italic 17px/1.45 Georgia,serif;
}

.vm-line-green{
    background:#17905a;
}

.vm-quality-card{
    min-height:166px;
    display:flex;
    align-items:flex-start;
    gap:24px;
    background:linear-gradient(90deg,#edf6ff,#f1f7fd);
}

.vm-quality-card p{
    margin:8px 0 0;
    max-width:600px;
    color:#36546a;
    font-size:13px;
    line-height:1.55;
}

/* MISSION */
.vm-mission-card{
    background:linear-gradient(135deg,#fffaf0,#fff7e7);
    padding:20px 26px;
}

.vm-mission-heading{
    display:flex;
    gap:22px;
    align-items:flex-start;
}

.vm-mission-intro{
    margin:6px 0 0;
    color:#173b59;
    font:italic 14px/1.45 Georgia,serif;
}

.vm-mission-list{
    margin:12px 0 0 95px;
    padding-left:17px;
    color:#3c5363;
    font-size:11.5px;
    line-height:1.55;
}

.vm-mission-list li{
    padding-left:3px;
}

.vm-mission-closing{
    margin:10px 0 0 95px;
    color:#4d5e68;
    font:italic 11.5px/1.5 Georgia,serif;
}

/* RESPONSIVE */
@media(max-width:1000px){
    .vm-hero-inner{
        grid-template-columns:1fr .8fr;
    }

    .vm-hero-free-space{
        display:none;
    }

    .vm-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:800px){
    .vm-hero-inner{
        grid-template-columns:1fr;
        padding-top:26px;
        padding-bottom:30px;
    }

    .vm-hero h1{
        font-size:38px;
    }

    .vm-hero-quote{
        justify-self:start;
        font-size:22px;
    }

    .vm-hero-gap{
        height:20px;
    }

    .vm-motto-card{
        grid-template-columns:68px 1fr;
    }

    .vm-motto-languages{
        grid-column:1/-1;
        padding-top:10px;
        border-top:1px solid #d5e8f1;
    }

    .vm-mission-list,
    .vm-mission-closing{
        margin-left:0;
    }
}

@media(max-width:520px){
    .vm-motto-card,
    .vm-vision-card,
    .vm-quality-card,
    .vm-mission-card{
        padding:18px;
    }

    .vm-motto-card{
        grid-template-columns:1fr;
        text-align:center;
    }

    .vm-icon{
        margin:0 auto;
    }

    .vm-motto-main h2{
        font-size:26px;
    }

    .vm-card-line{
        margin-left:auto;
        margin-right:auto;
    }

    .vm-vision-card,
    .vm-quality-card,
    .vm-mission-heading{
        flex-direction:column;
    }
}