/* One homepage header for all public pages, including generated articles. */
html body :is(#khdr,header.top,header.hdr){
 position:fixed!important;inset:0 0 auto!important;z-index:var(--k-z-modal)!important;
 isolation:isolate;box-sizing:border-box;display:flex!important;align-items:center!important;
 justify-content:space-between!important;padding:var(--k-header-pad) var(--k-gutter)!important;
 height:auto!important;min-height:0!important;margin:0!important;
 font-family:var(--k-header-face-body)!important;font-size:var(--k-t-body)!important;line-height:var(--k-lh-body)!important;
 background:transparent!important;color:var(--k-ink)!important;
 backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
 mask-image:none!important;-webkit-mask-image:none!important;
 border:0!important;border-color:transparent!important;box-shadow:none!important;overflow:visible!important;
}
html body :is(#khdr,header.top,header.hdr)::before,
.work-browse>.work-sections::before{
 content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:var(--k-header-glass)!important;
 backdrop-filter:var(--k-glass-bar-blur)!important;-webkit-backdrop-filter:var(--k-glass-bar-blur)!important;
 box-shadow:var(--k-header-glass-shadow)!important;
}
html body :is(#khdr,header.top,header.hdr)::after{content:none!important}
html body :is(#khdr,header.top,header.hdr) [data-prog]{display:none!important}
html body :is(#khdr,header.top,header.hdr)>a:first-child{
 display:block!important;flex:none;margin:0!important;padding:0!important;
 font-family:var(--k-face-display)!important;font-size:var(--k-header-logo)!important;
 font-weight:var(--k-header-logo-weight)!important;letter-spacing:var(--k-header-logo-tracking)!important;
 line-height:var(--k-lh-body)!important;text-transform:lowercase!important;text-decoration:none!important;
 color:var(--k-header-ink)!important;mix-blend-mode:difference;opacity:var(--k-header-logo-opacity);
}
html body :is(#khdr,header.top,header.hdr)>a:first-child :is(i,span){color:var(--k-fuse-color)!important;font-style:normal}
html body :is(#khdr,header.top,header.hdr)>.k-site-nav{
 display:flex!important;align-items:center!important;gap:var(--k-header-nav-gap)!important;
 margin:0!important;padding:0!important;font-family:var(--k-header-face-body)!important;
 font-size:var(--k-t-label)!important;font-weight:var(--k-header-nav-weight)!important;
 letter-spacing:var(--k-header-nav-tracking)!important;line-height:var(--k-lh-body)!important;text-transform:uppercase!important;
}
html body :is(#khdr,header.top,header.hdr)>.k-site-nav>a{
 display:block;margin:0!important;padding:0!important;font:inherit!important;letter-spacing:inherit!important;
 text-decoration:none;color:var(--k-header-ink)!important;mix-blend-mode:difference;
 opacity:var(--k-header-idle-opacity);transition:opacity var(--k-dur-hover) ease;
}
html body :is(#khdr,header.top,header.hdr)>.k-site-nav>a:is([aria-current="page"],[aria-current="true"]){
 color:var(--k-fuse-color)!important;mix-blend-mode:normal;font-weight:var(--k-header-current-weight)!important;
}
html body :is(#khdr,header.top,header.hdr)>.k-site-nav>a:hover{opacity:1!important}
/* These pages used an in-flow sticky header; retain exactly one header offset. */
html body:has(>main.k-work){padding-top:var(--k-hdr-h)!important}
html body.work-collection-page{padding-top:0!important}
@media(max-width:760px){
 html body :is(#khdr,header.top,header.hdr)>.k-site-nav{display:none!important}
 html body .km-btn i{background:var(--k-header-ink)!important;mix-blend-mode:difference}
 html body .km-nav{min-height:0;overflow-y:auto;overscroll-behavior:contain;justify-content:safe center}
 html body .km-nav>a{flex-shrink:0;padding-block:var(--k-header-mobile-row)}
 html body .km-nav .t{font-size:var(--k-header-mobile-size)}
 html body .km-nav>a:nth-child(7){transition-delay:var(--k-header-mobile-delay-7)}
 html body .km-nav>a:nth-child(8){transition-delay:var(--k-header-mobile-delay-8)}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 html body :is(#khdr,header.top,header.hdr)::before,
 .work-browse>.work-sections::before{background:var(--k-paper)!important}
}
@media(prefers-reduced-transparency:reduce){
 html body :is(#khdr,header.top,header.hdr)::before,
 .work-browse>.work-sections::before{background:var(--k-paper)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}
/* Keep the collection menu visually clear: only its labels stay above the work. */
.work-browse>.work-sections::before{
 background:transparent!important;
 backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
/* The homepage's ember follows the header's lower edge, without another line. */
.k-fuse{position:fixed;inset:0 0 auto;height:0;z-index:calc(var(--k-z-modal) + 1);pointer-events:none;--kp:0}
.k-fuse i{position:absolute;left:0;top:var(--kf-y);height:var(--k-hairline);width:calc(var(--kp) * 100%);background:var(--k-fuse-trail);transition:width var(--k-fuse-follow) linear}
.k-fuse b{position:absolute;top:calc(var(--kf-y) - var(--k-fuse-offset));left:calc(var(--kp) * 100%);width:var(--k-fuse-dot);height:var(--k-fuse-dot);margin-left:calc(-1 * var(--k-fuse-offset));border-radius:50%;background:var(--k-fuse-color);box-shadow:var(--k-fuse-glow);transition:left var(--k-fuse-follow) linear;animation:kFuse var(--k-fuse-flicker) steps(2) infinite}
.k-fuse b::before,.k-fuse b::after{content:"";position:absolute;left:var(--k-fuse-offset);top:var(--k-fuse-offset);width:var(--k-fuse-spark);height:var(--k-fuse-spark);border-radius:50%;background:var(--k-fuse-spark-color);animation:kSpark var(--k-fuse-spark-time) ease-out infinite}
.k-fuse b::after{animation-delay:calc(var(--k-fuse-spark-time) / 2);background:var(--k-fuse-color)}
@keyframes kFuse{to{transform:var(--k-fuse-pulse)}}
@keyframes kSpark{0%{transform:translate(0,0);opacity:1}100%{transform:translate(calc(var(--k-fuse-spark-x) + var(--k-fuse-spark-drift) * var(--kp)),var(--k-fuse-spark-y));opacity:0}}
@media(prefers-reduced-motion:reduce){.k-fuse b,.k-fuse b::before,.k-fuse b::after{animation:none}}
