.site-header { color: var(--color-dark); }
.site-header__bar { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 10px; align-items: start; margin-inline: var(--gutter); padding-block: 10px 13px; border-bottom: 1px solid var(--color-muted-dark); }
.site-header__actions { display: flex; align-items: start; gap: 10px; padding-top: 13px; min-width: 0; }
.site-header__actions--end { justify-content: end; }
.site-header__control { display: grid; place-items: center; width: 49px; height: 49px; flex: none; }
.site-header__brand { display: block; }
.site-header__control, .site-header__brand { transition: opacity .2s; }
.site-header__control:focus-visible, .site-header__brand:focus-visible { opacity: .7; }
@media (hover: hover) { .site-header__control:hover, .site-header__brand:hover { opacity: .7; } }
@media (prefers-reduced-motion: reduce) { .site-header__control, .site-header__brand { transition: none; } }
.site-header__bar:has(.site-menu[open]:not(.site-menu--enhanced)) .site-header__brand { visibility: hidden; }
.site-header__logo { width: 134px; }
.site-header__glyph { width: 49px; }
.site-header--overlay { position: absolute; inset: 0 0 auto; z-index: 2; color: var(--color-light); }
.site-header--overlay .site-header__bar { border-bottom: 0; }
.site-header--overlay .site-header__logo { width: 225px; }
@media (max-width: 639px) { .site-header__bar { gap: 4px; } .site-header__logo { width: clamp(96px, 28.2vw, 110px); } .site-header__actions { gap: 4px; padding-top: 8px; } .site-header__control { width: 44px; height: 44px; } .site-header__glyph { width: 40px; } .site-header--overlay .site-header__logo { width: clamp(96px, 28.2vw, 110px); } }