:root{
    --vintage-red: #D89A8C;
    --navy-blue:   #223C56;
    --antique-white:#F4EBD7;
    --steel-grey:  #ADAEAA;
    --slate-grey:  #68707B;
    --text-dark:   #1F2A34;
}

html, body {
    height: 100%;
    margin: 0;
    background-color: var(--antique-white);
    color: var(--text-dark);
    font-family: "Noto Serif Display", Georgia, "Times New Roman", serif;
    font-size: 12pt;
}

.hero {
    background-color: var(--navy-blue);
    color: #fff;
    height:180px;
    padding-top:5px;
    }
    .hero-logo {
        width: auto;
        height: 190px;
        border-radius: 12px;
        box-shadow: 0 6px 24px rgba(0,0,0,.35);
        background: #fff;
    }
    .hero-text {
        padding: 0 8px 0 20px;
    }
    .hero-text h1 { font-size: 1.8em; }
    .hero-text .tagline  { font-size: 1.25rem; opacity: .95; }


.section-card {
    background: #fff;
    border: 1px solid var(--steel-grey);
    border-radius: 14px;
    padding: 2rem;
    }

    .section-title { color: var(--navy-blue); font-weight: 800; letter-spacing: .5px; }

    .vision-section { font-size: 14pt; }

.bullet-strong em { font-style: normal; color: var(--navy-blue); font-weight: 800; }

.thin-rule {
    height: 2px; background: var(--vintage-red);
    opacity: .75; border: 0; margin: 2rem 0;
}

/* Fixed Footer */
.footer {
    font-size: .9em;
    position: fixed;
    bottom: 0; left: 0; width: 100%;
    background: var(--slate-grey);
    color: #fff;
    z-index: 1030; /* above content */
}
a.footer-link { color: #fff; text-decoration: none; }
a.footer-link:hover { text-decoration: underline; }