.site-scroll-header{position:fixed;z-index:95;top:0;left:0;right:0;height:105px;display:flex;align-items:center;padding:0 clamp(22px,3vw,55px);border-bottom:1px solid rgba(18,18,18,.09);background:rgba(244,241,235,.72);box-shadow:0 10px 35px rgba(18,18,18,.035);backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);opacity:0;visibility:hidden;transform:translateY(-100%);pointer-events:none;transition:opacity .35s,visibility .35s,transform .45s cubic-bezier(.22,.8,.25,1)}
.site-scroll-header>a{display:block;width:clamp(118px,10vw,160px)}
.site-scroll-header img{display:block;width:100%;height:auto;filter:brightness(0) saturate(100%) invert(25%) sepia(97%) saturate(3721%) hue-rotate(357deg) brightness(97%) contrast(96%)}
.site-header-visible .site-scroll-header{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.site-header-visible>.menu-toggle{top:24px}
.project-overlay-page .site-scroll-header{display:none}
@media(max-width:600px){.site-scroll-header{height:88px;padding-left:18px;padding-right:18px}.site-scroll-header>a{width:112px}.site-header-visible>.menu-toggle{top:16px}}
@media(prefers-reduced-motion:reduce){.site-scroll-header{transition:none}}