.site-header {
    position: sticky;
    z-index: 1000;
    top: 0;
    transition: background .3s ease, border-color .3s ease, box-shadow .3s ease, backdrop-filter .3s ease;
}

.site-header.is-docked {
    right: 0;
    left: 0;
    backdrop-filter: blur(12px);
    background: rgba(241, 239, 232, .94);
    box-shadow: 0 8px 28px rgba(22, 32, 29, .12), inset 0 -1px rgba(22, 32, 29, .08);
}

.work-catalogue-page .site-header.is-docked,
.workbench-page .site-header.is-docked {
    background:
        linear-gradient(90deg, rgba(27, 12, 9, .93), rgba(7, 22, 35, .95)),
        repeating-linear-gradient(94deg, #28120e 0, #5c2b1d 9px, #21100d 19px);
    box-shadow: 0 8px 28px rgba(0, 0, 0, .28), inset 0 -1px rgba(255, 255, 255, .08);
}

@media (prefers-reduced-motion: reduce) {
    .site-header { transition: none; }
}

@media (max-width: 760px) {
    .home-surface-page .nav-toggle,
    .work-catalogue-page .nav-toggle,
    .workbench-page .nav-toggle,
    .contact-surface-page .nav-toggle {
        color: #f4efe5;
    }
}