/* Compact, opaque white navigation without blur or a bottom keyline. */
:root{--sticky-row-height:52px}
@media(max-width:833px){:root{--sticky-row-height:48px}}
.header-backdrop{
 position:fixed;z-index:29;inset:0 0 auto;width:100%;height:var(--header-height,var(--sticky-row-height));
 pointer-events:none;background:#fff;border:0;box-shadow:none;
 backdrop-filter:none;-webkit-backdrop-filter:none;
 mask-image:none;-webkit-mask-image:none;transition:height .24s cubic-bezier(.28,.11,.32,1);
}
.header-backdrop::after{content:none}
.site-header,.home-page:not(.header-glass) .site-header,.case-page .site-header{
 background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;mix-blend-mode:normal;
}
body .site-header .header-row{
 display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;
 height:var(--sticky-row-height);min-height:var(--sticky-row-height);padding-block:0;gap:16px;
}
body .site-header .header-row .brand{width:auto;flex:0 0 auto;flex-direction:row;align-items:center}
body .site-header .header-row .main-nav{display:flex;width:auto;gap:24px;align-items:center}
body .site-header .chapter-nav{
 height:var(--sticky-row-height);min-height:var(--sticky-row-height);padding-block:0;
 background:transparent;border:0;box-shadow:none;align-items:center;
}
body .site-header .header-row,body .site-header .chapter-nav,
body .site-header .signature,body .site-header .chapter-title,
body .site-header .header-row .main-nav a[href],body .site-header .chapter-nav a.active{color:var(--fg)}
body .site-header .brand-role,body .site-header .chapter-nav a{color:var(--muted)}
body .site-header .header-row a.text-link[href]:is(:hover,:focus-visible),
body .site-header .chapter-nav a.text-link[href]:is(:hover,:focus-visible){opacity:.4}
body .site-header :focus-visible{outline-color:var(--fg)}
@media(max-width:650px){
 body .site-header .header-row{gap:8px}
 body .site-header .header-row .main-nav{gap:12px}
}
@media(max-width:380px){
 body .site-header .header-row .signature{font-size:13px}
 body .site-header .header-row .main-nav a{font-size:12px}
 body .site-header .header-row .main-nav{gap:10px}
}
/* The page bar lives outside the translating header, pinned to the viewport edge. */
body>.header-progress{
 position:fixed;z-index:40;inset:0 0 auto;width:100%;height:3px;
 display:block;background:var(--fg);pointer-events:none;
 transform:scaleX(var(--progress,0));transform-origin:left center;
}
.read-progress{display:none}
/* Fullscreen gallery has its own progress at the same top edge. */
.gallery .gallery-progress{top:0;bottom:auto;height:3px}

/* One solid white surface at rest and while scrolling. */
.header-backdrop,body.header-scrolled .header-backdrop{opacity:1;transition:height .24s cubic-bezier(.28,.11,.32,1)}