/* Local navy-and-gold identity preview. */
:root { --identity-navy: #031d38; --identity-gold: #c39132; }
.site-header { border-bottom: 2px solid var(--identity-gold); }
.site-brand-name { color: var(--identity-navy); }
.eyebrow { color: #805a1c; }
.card { border-top: 3px solid var(--identity-gold); }
.site-footer { border-top: 3px solid var(--identity-gold); }
.brand-banner { background: var(--identity-navy); }
.brand-banner-image { width: 100%; max-width: 1600px; margin-inline: auto; }
.brand-banner-mobile { display: none; }
.hero { background: linear-gradient(135deg, #f7f9fc, #eef3f7); }
.hero h1 { color: var(--identity-navy); }
.button-primary { box-shadow: 0 3px 0 rgba(195,145,50,.35); }
@media (max-width: 760px) {
 .brand-banner-image { display: none; }
 .brand-banner-mobile { display: block; padding: 2rem 1.25rem; max-width: 38rem; margin: auto; color: #fff; }
 .brand-monogram { display: inline-block; font-family: Georgia, serif; font-size: 2.2rem; border: 1px solid var(--identity-gold); padding: .2rem .65rem; line-height: 1.2; margin-bottom: 1rem; }
 .brand-banner-name { font-size: clamp(1.4rem, 6vw, 2rem); font-weight: 700; line-height: 1.25; margin: 0 0 .8rem; }
 .brand-banner-name span { color: #e0ad4c; }
 .brand-banner-tagline { font-size: 1rem; line-height: 1.5; margin: 0; color: #edf1f6; }
 .brand-banner-values { margin: 1.1rem 0 0; padding-top: 1rem; border-top: 1px solid #98722d; font-size: .85rem; color: #e5c98f; }
}

.site-brand { display: flex; flex-direction: row; align-items: center; gap: .7rem; }
.site-brand-copy { display: flex; flex-direction: column; min-width: 0; }
.header-bci-logo { display: block; flex: 0 0 60px; width: 60px; height: 48px; background: #031d38 url('/assets/images/bci-profile-banner.jpg') -175px -33px / 560px 140px no-repeat; }
.site-brand-name { font-size: .95rem; }
@media (min-width: 761px) and (max-width: 1150px) { .header-inner { flex-wrap: wrap; } .site-nav { flex-wrap: wrap; } }
@media (max-width: 760px) {
 .site-brand { max-width: calc(100% - 5rem); gap: .5rem; }
 .site-brand-name { font-size: .85rem; line-height: 1.3; }
 .header-bci-logo { flex-basis: 48px; width: 48px; height: 39px; background-size: 448px 112px; background-position: -140px -26px; }
}