body{background:#f8f5ed;color:#172b3f;font-family:Archivo,sans-serif}.header{position:sticky;top:0;z-index:20;background:rgba(248,245,237,.95);border-bottom:1px solid rgba(23,43,63,.16);backdrop-filter:blur(10px)}.navbar{min-height:76px}.logo{font-weight:800;letter-spacing:.06em}.logo small{display:block;color:#e65d4d;font-size:.58rem;letter-spacing:.16em}.nav{gap:1.4rem}.nav .nav-link{color:#667788;padding:.45rem 0}.nav .nav-link:hover,.nav .nav-link.active{color:#e65d4d}.navbar-toggler{border-color:rgba(23,43,63,.2)}.navbar-toggler-icon{background-image:linear-gradient(#123b68,#123b68),linear-gradient(#123b68,#123b68),linear-gradient(#123b68,#123b68);background-position:center 25%,center 50%,center 75%;background-size:100% 2px;background-repeat:no-repeat}.content-hero{padding:5rem 0 4rem;background:#123b68;color:#fff}.label{color:#e65d4d;letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;font-weight:800}.content-hero h1{font-family:'Libre Baskerville',serif;font-size:clamp(2.5rem,6vw,5.5rem);font-weight:400;line-height:1.05}.content-subtitle{max-width:680px;color:#d4e0eb}.content-grid{padding-top:4rem;padding-bottom:4rem}.content-card{height:100%;padding:1.5rem;border-top:4px solid #123b68;border-right:1px solid rgba(23,43,63,.16);border-bottom:1px solid rgba(23,43,63,.16);border-left:1px solid rgba(23,43,63,.16);background:#fff}.content-card h2{font-family:'Libre Baskerville',serif;font-size:1.4rem;font-weight:400;line-height:1.2}.content-meta{margin-bottom:1rem;color:#e65d4d;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.content-card p{color:#667788}.text-link{color:#123b68;font-weight:800}.video-placeholder{display:flex;min-height:180px;align-items:center;justify-content:center;margin-bottom:1.25rem;background:#0b2949;color:#ff9b83;font-size:2rem}.footer{padding:2rem 0;background:#0b2949;color:#dce5ec}.footer-grid{display:flex;justify-content:space-between;gap:1rem}.footer span,.socials{color:#ff9b83}@media(max-width:767px){.nav{align-items:flex-start;flex-direction:column;gap:.15rem}.content-hero{padding:3.5rem 0 3rem}.content-grid{padding-top:2.5rem}.footer-grid{display:grid;grid-template-columns:1fr;gap:1rem}}/* Keep the Bootstrap menu visible when the hamburger expands it; the theme's legacy .nav rule otherwise hides it on mobile. */
@media (max-width: 767px) {
    .header .navbar-collapse.show {
        display: block !important;
        height: auto !important;
        overflow: visible !important;
    }

    .header .navbar-collapse.show .navbar-nav.nav {
        display: flex !important;
        position: static !important;
        width: 100%;
        height: auto !important;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.15rem;
        padding: 0.5rem 0 0;
        background: transparent;
    }

    .header .navbar-collapse.show .navbar-nav.nav .nav-link {
        display: block;
        width: 100%;
        padding: 0.65rem 0;
    }

    .header .navbar-toggler {
        display: block;
    }
}
