#site-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 50;
    transition: background 0.4s var(--ease), backdrop-filter 0.4s var(--ease);
}

#site-header.is-solid {
    background: rgba(18, 18, 18, 0.85);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 22px var(--gutter);
    max-width: var(--maxw);
    margin: 0 auto;
}

.header__logo img {
    height: clamp(48px, 5.2vw, 64px);
    width: auto;
    filter: brightness(2.2) drop-shadow(0 2px 12px rgba(0, 0, 0, 0.7));
    transition: height 0.4s var(--ease);
}

#site-header.is-solid .header__logo img {
    height: clamp(40px, 4vw, 48px);
}

.header__nav ul {
    display: flex;
    gap: 36px;
}

.header__nav a {
    font-family: var(--sans);
    font-size: 11.5px;
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--ink-soft);
    transition: color 0.2s;
}

.header__nav a:hover {
    color: var(--ink);
}

@media (max-width: 768px) {
    .header__nav ul { gap: 22px; }
    .header__nav a { font-size: 10.5px; }
    .header__logo img { height: 42px; }
    #site-header.is-solid .header__logo img { height: 36px; }
}