/* Floating header for the four selected-work pages; same treatment as the homepage. */
.project-page .site-header{
 position:sticky;top:12px;left:auto;right:auto;
 width:calc(100% - 2 * clamp(18px,4.25vw,96px));max-width:1800px;
 margin:12px auto 0;height:70px;
 padding:0 clamp(18px,2.3vw,38px);
 border:1px solid rgba(255,255,255,.16);border-radius:999px;
 background:rgba(14,14,15,.86)!important;
 color:#F3F3F3;
 box-shadow:0 12px 40px rgba(0,0,0,.18);backdrop-filter:blur(24px) saturate(1.25);-webkit-backdrop-filter:blur(24px) saturate(1.25);
 z-index:110;
}
.project-page .site-header .site-nav a{border-radius:999px;padding:10px 12px;transition:background-color 190ms var(--ease-out),color 190ms var(--ease-out)}
.project-page .site-header .site-nav a::after{display:none}
@media(hover:hover) and (pointer:fine){.project-page .site-header .site-nav a:hover{background:rgba(230,34,61,.12);color:#E6223D}}
.project-page .site-header .nav-pill{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.045)}
.project-page .case-hero{padding-top:clamp(95px,8vw,150px)}
.project-page .site-header .project-wordmark-light{display:none}
html[data-theme=light] .project-page .site-header{background:rgba(251,250,248,.91)!important;color:#0E0E0F;border-color:rgba(14,14,15,.13);box-shadow:0 12px 35px rgba(14,14,15,.09)}
html[data-theme=light] .project-page .site-header .project-wordmark{display:none}
html[data-theme=light] .project-page .site-header .project-wordmark-light{display:block;width:215px;height:auto;max-width:min(42vw,215px)}
html[data-theme=light] .project-page .site-header .project-theme-toggle{color:#0E0E0F;border-color:rgba(14,14,15,.18);background:rgba(14,14,15,.035)}
html[data-theme=light] .project-page .site-header .nav-pill{border-color:rgba(14,14,15,.18);background:rgba(14,14,15,.035)}
@media(max-width:640px){
 .project-page .site-header{height:65px;width:calc(100% - 24px);padding-inline:16px}
 .project-page .site-header .project-wordmark-light{max-width:46vw}
 .project-page .site-header .site-nav{position:fixed;top:78px;left:0;right:0;height:calc(100svh - 98px);border-radius:28px}
 .project-page .site-header .menu-toggle{color:inherit;border-color:currentColor}
}