.site-header{position:fixed;z-index:90;top:16px;left:clamp(14px,2vw,28px);width:calc(100% - clamp(28px,4vw,56px));height:68px;padding:0 clamp(20px,2.8vw,42px);border:1px solid rgba(34,35,32,.12);border-radius:2px;background:rgba(248,247,242,.86);color:#171714;box-shadow:0 10px 35px rgba(31,30,26,.07);backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15);transition:background .35s ease,box-shadow .35s ease}
.site-header:hover{background:rgba(251,250,246,.95);box-shadow:0 14px 42px rgba(31,30,26,.1)}
.site-header .wordmark{display:inline-flex;align-items:center;height:100%;color:#171714}
.site-header .desktop-nav{align-items:center;color:rgba(23,23,20,.58)}
.site-header .desktop-nav a{position:relative;padding:25px 0}
.site-header .desktop-nav a:after{content:"";position:absolute;left:0;right:0;bottom:18px;height:1px;background:#858d97;transform:scaleX(0);transform-origin:right;transition:transform .3s ease}
.site-header .desktop-nav a:hover:after,.site-header .desktop-nav a:focus-visible:after{transform:scaleX(1);transform-origin:left}
.site-header .nav-cta{padding:10px 0;border-bottom-color:rgba(23,23,20,.55);color:#171714}
.site-header a:focus-visible{outline:1px solid #717984;outline-offset:5px}
@media(max-width:900px){.site-header{top:10px;left:10px;width:calc(100% - 20px);height:64px;padding:0 20px}.site-header .nav-cta{font-size:10px}.site-header .nav-cta span{margin-left:9px}}
@media(max-width:430px){.site-header .wordmark{font-size:16px;letter-spacing:.2em}.site-header .nav-cta{max-width:110px;text-align:right;line-height:1.35;border-bottom:0}.site-header .nav-cta span{display:none}}
@media(prefers-reduced-motion:reduce){.site-header,.site-header *{transition:none!important}}