/* Shared brand and visible navigation, loaded after either page layout. */
.site-head { gap: 1rem 2rem; flex-wrap: wrap; }
.site-head .brand { display: inline-flex; align-items: center; gap: .8rem; color: #23312d; text-decoration: none; }
.site-head .brand-mark { display: grid; place-items: center; width: 2.8rem; height: 2.8rem; border: 1px solid rgba(163,122,59,.5); border-radius: 50%; color: #a37a3b; font: 700 .78rem/1 Georgia,serif; letter-spacing: .08em; }
.site-head .brand strong { display: block; font: 500 1.35rem/1.05 Georgia,serif; }
.site-head .brand small { display: block; margin-top: .2rem; color: #52625d; font-size: .65rem; letter-spacing: .08em; text-transform: uppercase; }
.site-head nav { display: flex; flex-wrap: wrap; align-items: center; gap: .2rem .8rem; width: auto; max-width: 100%; overflow: visible; }
.site-head nav a { margin: 0; padding: .5rem .15rem; color: #52625d; font-size: .86rem; font-weight: 650; text-decoration: none; white-space: nowrap; }
.site-head nav .nav-cta { padding: .66rem 1rem; border-radius: 999px; background: #27483f; color: white; }
.staff-signin { font-size: .8rem; grid-column: 1 / -1; }
@media (max-width: 760px) {
 .site-head { align-items: flex-start; }
 .site-head nav { width: 100%; flex-wrap: wrap; justify-content: flex-start; overflow: visible; gap: .15rem .8rem; padding-bottom: 0; }
 .site-head nav a { flex: 0 0 auto; }
}