/* More breathing room around the shared brand and opening content. */
.site-header{height:128px;padding-top:14px;padding-bottom:14px}
main::before{content:'';display:block;height:24px;background:var(--navy)}
@media(max-width:760px){
 .site-header{height:104px;padding-top:12px;padding-bottom:12px}
 .site-header #navigation{top:104px}
 main::before{height:16px}
}

/* Approved CD monogram, linked with the name to the homepage. */
.site-header .brand{display:inline-flex;align-items:center;gap:12px;font-size:24px;white-space:nowrap;flex-shrink:0}
.site-header .brand-logo{width:60px;height:60px;object-fit:contain;flex-shrink:0;filter:brightness(0) invert(1)}
@media(max-width:760px){
 .site-header{gap:16px}
 .site-header .brand{gap:8px;font-size:20px}
 .site-header .brand-logo{width:46px;height:46px}
 .site-header .menu{flex-shrink:0}
}
@media(max-width:360px){
 .site-header{padding-left:18px;padding-right:18px;gap:12px}
 .site-header .brand{font-size:18px;gap:6px}
 .site-header .brand-logo{width:40px;height:40px}
}