/* ==========================================================================
   Vision, Mission & Values (about-us/vision-mission-values.php), master spec 5.4
   ========================================================================== */

.vmv-intro { padding-top: 0; }

.vmv-intro__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
    align-items: center;
    gap: 3rem 4.5rem;
}

.vmv-intro__media { aspect-ratio: 827 / 615; }

.vmv-block + .vmv-block {
    margin-top: 2.25rem;
    padding-top: 2.25rem;
    border-top: 1px solid var(--ph-border);
}

.vmv-block__title { margin: 0 0 .75rem; font-size: clamp(1.6rem, 1.35rem + .9vw, 2.25rem); }
.vmv-block p { margin: 0; font-size: 1.15rem; line-height: 1.75; }

.vmv-philosophy { background: var(--ph-surface); }
.vmv-philosophy__inner { max-width: 820px; margin-inline: auto; text-align: center; }
.vmv-philosophy .section-lead { margin-inline: auto; font-size: 1.15rem; line-height: 1.8; }

.values-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.25rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.value-card {
    padding: 1.75rem 1.5rem;
    background: var(--ph-white);
    border: 1px solid var(--ph-border);
    border-top: 3px solid var(--ph-red);
    border-radius: 3px;
}

.value-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-bottom: 1rem;
    border-radius: 3px;
    background: var(--ph-red-soft);
    color: var(--ph-red);
    font-size: 1.2rem;
}

.value-card__title { margin: 0 0 .5rem; font-size: 1.35rem; }
.value-card p { margin: 0; line-height: 1.7; }

@media (max-width: 991.98px) {
    .vmv-intro__grid { grid-template-columns: 1fr; }
    .values-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 575.98px) {
    .values-grid { grid-template-columns: 1fr; }
}