/* Shared Figma-inspired header with a continuous, feathered transparent tail. */
body .site-header,body.work-page .site-header{isolation:isolate;background:transparent;box-shadow:none;}
body .site-header::before{
 content:'';display:block;position:absolute;inset:0 0 auto;height:clamp(144px,12vw,184px);
 z-index:-1;pointer-events:none;
 background:linear-gradient(to bottom,
  rgba(32,30,28,.72) 0%,rgba(32,30,28,.69) 10%,
  rgba(32,30,28,.61) 20%,rgba(32,30,28,.49) 30%,
  rgba(32,30,28,.35) 40%,rgba(32,30,28,.22) 50%,
  rgba(32,30,28,.12) 60%,rgba(32,30,28,.055) 70%,
  rgba(32,30,28,.018) 80%,rgba(32,30,28,.003) 90%,
  rgba(32,30,28,0) 100%);
 border-radius:0;box-shadow:none;backdrop-filter:none;filter:none;
}
body .site-header .wordmark img{filter:none;}
body .site-header .site-nav a,
body .site-header .project-cta span{text-shadow:none;}
@media(max-width:900px){body .site-header::before{height:128px;}}
/* No gradient on the Home hero, including before its scripts initialise. */
body:has(.hero) .site-header::before{opacity:0;transition:opacity 350ms ease;}
body:has(.hero) .site-header.hero-is-covered::before{opacity:1;}
@media(prefers-reduced-motion:reduce){body:has(.hero) .site-header::before{transition:none;}}