:root {
        --vmc: #39347b;
        --vmc-blue: #7e72cf;
        --vmc-yellow: #fecb00;
        --vmc-ink: #111b4d;
        --vmc-muted: #596783;
        --vmc-soft: #f1f7ff
    }

    body {
        font-family: Poppins, sans-serif;
        color: var(--vmc-ink);
        -webkit-font-smoothing: antialiased
    }

    a {
        color: var(--vmc-blue)
    }

    .site-nav a {
        color: var(--vmc-ink);
        font-size: .75rem;
        font-weight: 600;
        text-decoration: none;
        white-space: nowrap
    }

    .site-nav a:hover,
    .read-link:hover {
        color: var(--vmc-blue)
    }

    .btn-vmc {
        background: var(--vmc-yellow);
        color: var(--vmc-ink);
        border: 0;
        font-size: .78rem;
        font-weight: 700
    }

    .btn-vmc:hover {
        background: #ffdc42;
        color: var(--vmc-ink)
    }

    .hero-bg {
        background: radial-gradient(circle at 98% 6%, #75b1ff2e 0 100px, transparent 101px), radial-gradient(circle at 3% 80%, #ffd21f45 0 140px, transparent 141px), linear-gradient(112deg, #f4f9ff, #eef6ff 60%, #f7faff)
    }

    .profile-photo {
        width: 100%;
        aspect-ratio: 1;
        object-fit: cover;
        background: linear-gradient(135deg, #dbe9fb, #fff);
        justify-content: center;
        align-items: center;
        border-radius: 300px;
    }

    .photo-wrap {
        border: 4px solid #fff;
        border-radius: 11rem;
        overflow: hidden;
        box-shadow: 0 1rem 2.5rem #23468220
    }

    .eyebrow {
        color: var(--vmc-blue);
        font-size: .72rem;
        font-weight: 700;
        letter-spacing: .12em;
        text-transform: uppercase
    }

    .profile-name {
        font-size: clamp(2rem, 3.4vw, 3.1rem);
        font-weight: 700;
        letter-spacing: -.055em;
        line-height: 1.12
    }

    .role {
        color: #4f5f83;
        font-weight: 500
    }

    .role-rule,
    .title-rule {
        width: 2.25rem;
        height: 4px;
        background: var(--vmc-yellow);
        border-radius: 99px
    }

    .intro,
    .copy,
    .muted-copy {
        color: var(--vmc-muted);
        font-size: .82rem;
        line-height: 1.8
    }

    .pill {
        background: #e1efff;
        color: var(--vmc-blue);
        font-size: .7rem;
        font-weight: 600
    }

    .quote-box {
        background: #ffffffbd;
        border: 1px solid #fff;
        border-radius: 1rem
    }

    .quote-mark {
        color: #d0e4ff;
        font-size: 4.5rem;
        line-height: .65
    }

    .quote-text {
        color: #53658b;
        font-size: .88rem;
        line-height: 1.8;
        font-style: italic
    }

    .section-title {
        font-size: clamp(1.45rem, 2.1vw, 2rem);
        font-weight: 700;
        letter-spacing: -.045em
    }

    .icon-circle {
        width: 3rem;
        height: 3rem;
        flex: 0 0 3rem;
        background: #e8f2ff;
        color: var(--vmc-blue);
        font-size: 1.3rem;
        justify-content: center;
        align-items: center;
    }

    .vertical-divider {
        border-left: 1px solid #e4eaf4
    }

    .bullet {
        color: var(--vmc-blue);
        font-size: .6rem
    }

    .articles-bg {
        background: linear-gradient(115deg, #f1f7ff, #f7faff)
    }

    .article-card {
        border: 1px solid #e2eaf6;
        border-radius: .8rem;
        transition: transform .2s, box-shadow .2s
    }

    .article-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 .8rem 2rem #1d3a7012
    }

    .article-img {
        width: 100%;
        height: 100%;
        min-height: 130px;
        object-fit: cover;
        background: #e8edf7
    }

    .category {
        background: #e6f1ff;
        color: #0759c5;
        font-size: .55rem;
        font-weight: 700
    }

    .article-title {
        font-size: .76rem;
        font-weight: 700;
        line-height: 1.55
    }

    .article-title a {
        color: var(--vmc-ink);
        text-decoration: none
    }

    .article-title a:hover {
        color: var(--vmc-blue)
    }

    .article-date {
        font-size: .64rem;
        color: #78849d
    }

    .read-link {
        font-size: .7rem;
        font-weight: 600;
        text-decoration: none
    }

    .cta-box {
        background: linear-gradient(100deg, #e2efff, #edf6ff);
        border: 1px solid #d9e9ff;
        border-radius: 1rem
    }

    .cta-icon {
        width: 3rem;
        height: 3rem;
        flex: 0 0 3rem;
        background: var(--vmc-blue);
        color: #fff
    }

    footer {
        border-top: 1px solid #e9eef6
    }

    @media(min-width:992px) {
        .hero-photo-col {
            max-width: 295px
        }

        .profile-quote {
            max-width: 315px
        }
    }

    @media(max-width:991.98px) {
        .desktop-search {
            display: none !important
        }

        .vertical-divider {
            border-left: 0
        }

        .hero-photo-col {
            max-width: 220px
        }
    }

    @media(max-width:575.98px) {
        .hero-photo-col {
            max-width: 175px
        }

        .profile-name {
            font-size: 2rem
        }

        .article-img {
            min-height: 115px
        }

        .article-title {
            font-size: .78rem
        }
    }

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

        *,
        *::before,
        *::after {
            transition: none !important;
            scroll-behavior: auto !important
        }
    }