.site-header-space { height: 80px; }
.site-header {
    position: fixed; inset: 0 0 auto; z-index: 50; height: 80px;
    color: #1a1a1a; background: rgba(250,248,245,.92);
    border-bottom: 1px solid #e7e5e4;
    backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
    transition: height .28s ease, transform .28s ease, visibility .28s;
}
.site-header-inner {
    max-width: 1280px; height: 100%; padding: 0 24px; margin: auto;
    display: flex; align-items: center; justify-content: space-between; gap: 16px;
    box-sizing: border-box;
}
.site-header-home { flex-shrink: 0; }
.site-header-home img, .site-header-reopen img { display: block; width: 112px; height: auto; }
.site-header-actions, .site-header-nav { display: flex; align-items: center; }
.site-header-actions { gap: 20px; }
.site-header-nav { gap: 12px; }
.site-header .site-menu { position: relative; }
.site-header .site-menu > summary { list-style: none; cursor: pointer; }
.site-header .site-menu > summary::-webkit-details-marker { display: none; }
.site-header .site-menu-label { padding: 12px 8px; font-size: 10px; font-weight: 600; letter-spacing: .16em; white-space: nowrap; }
.site-header .site-menu[open] > summary { color: #c9a96e; }
.site-header .site-menu-panel {
    position: absolute; right: 0; top: calc(100% + 14px); width: 190px;
    padding: 8px; border: 1px solid #e7e5e4; background: #fff;
    box-shadow: 0 16px 38px rgba(26,26,26,.12); box-sizing: border-box;
}
.site-header .site-menu-panel a { display: block; padding: 10px 12px; font-size: 11px; letter-spacing: .08em; color: #1a1a1a; text-decoration: none; overflow-wrap: anywhere; }
.site-header .site-menu-panel a:hover { background: #faf8f5; color: #c9a96e; }
.site-header-reopen {
    position: fixed; z-index: 51; top: 0; left: max(20px, calc((100vw - 1280px) / 2 + 20px));
    height: 32px; padding: 0 12px; border: 0; border-radius: 0 0 10px 10px;
    background: #faf8f5; filter: drop-shadow(0 2px 3px rgba(26,26,26,.10));
    cursor: pointer; animation: site-logo-appear .28s ease;
}
.site-header-reopen::before, .site-header-reopen::after {
    content: ''; position: absolute; top: 0; width: 12px; height: 12px;
    pointer-events: none;
}
.site-header-reopen::before {
    right: 100%; background: radial-gradient(circle at 0 100%, transparent 11.5px, #faf8f5 12px);
}
.site-header-reopen::after {
    left: 100%; background: radial-gradient(circle at 100% 100%, transparent 11.5px, #faf8f5 12px);
}
.site-header-reopen img { width: 72px; }
.site-header-reopen[hidden] { display: none; }
.site-header-space.is-collapsed .site-header { transform: translateY(-105%); visibility: hidden; pointer-events: none; }
.site-header :focus-visible, .site-header-reopen:focus-visible { outline: 2px solid #26637b; outline-offset: 4px; }
@keyframes site-logo-appear { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 767px) {
    .site-header-inner { padding: 0 20px; gap: 8px; }
    .site-header-actions { gap: 8px; }
    .site-header-nav { gap: 4px; }
    .site-header .site-menu-panel { position: fixed; top: 70px; left: 20px; right: 20px; width: auto; }
    .site-header-reopen { left: 20px; }
}
@media (max-width: 359px) {
    .site-header-inner { padding: 0 12px; }
    .site-header-home img { width: 90px; }
    .site-header .site-menu-label { padding-inline: 6px; letter-spacing: .06em; }
}
@media (prefers-reduced-motion: reduce) {
    .site-header { transition: none; }
    .site-header-reopen { animation: none; }
}

/* Compact bar: half height, with the account control meeting the top, bottom and right edges. */
.site-header-space.is-compact .site-header { height: 40px; }
.site-header-space.is-compact .site-header-inner { max-width: 1280px; padding: 0 24px; }
.site-header-space.is-compact .site-header-home img { width: 80px; }
.site-header-space.is-compact .site-menu-label { padding-block: 12px; line-height: 16px; }
.site-header-space.is-compact .site-menu-panel { top: calc(100% + 1px); }
.site-header-space.is-compact .site-header-actions { height: 40px; }
.site-header-space.is-compact #asset-account { height: 40px; display: flex; align-items: stretch; }
.site-header-space.is-compact #asset-account .asset-account-trigger,
.site-header-space.is-compact #asset-account > .asset-login-link {
    display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box;
    width: auto; min-width: 48px; height: 40px; padding: 0 16px;
    border: 0; border-left: 1px solid #e7e5e4; border-radius: 0; background: transparent; color: #1a1a1a;
    font-family: inherit; font-size: 11px; text-decoration: none;
}
.site-header-space.is-compact #asset-account .asset-account-trigger:hover,
.site-header-space.is-compact #asset-account > .asset-login-link:hover { background: #eeeae3; color: #26637b; }
.site-header-space.is-compact #asset-account .asset-account-dropdown { right: 8px; }
@media (max-width: 767px) {
    .site-header-space.is-compact .site-header-inner { padding: 0 20px; }
    .site-header-space.is-compact .site-menu-panel { top: 40px; }
}

.site-header .site-nav-link { display:block; color:inherit; text-decoration:none; }
.site-header .site-nav-link:hover { color:#c9a96e; }