/* EINHAR / V29: repair the Projects layer and the compact publication navigation.
   Keep the exact black background, the approved mark, and the existing editorial layout. */
:root { color-scheme: dark; }
html, body { background-color:#000000!important; }
.site-header, .header-shell, .site-header .nav-stage { background:#000000!important; border:0!important; box-shadow:none!important; }
.site-header { overflow:visible!important; }
.header-shell { isolation:isolate; }
.site-header .site-nav a,
.site-header .site-nav button,
.site-header .site-nav button .nav-symbol,
.site-header .mobile-direct a,
.site-header .mobile-direct summary { color:#fff!important; }
/* A gentle blackout underneath the full-width navigation, without a hard-edged panel. */
body::before { content:""; position:fixed; inset:0; z-index:660; background:rgba(0,0,0,.91);
  opacity:0; visibility:hidden; pointer-events:none;
  transition:opacity .3s ease,visibility .3s ease; }
body.projects-open-page::before,
body.mobile-nav-open::before { opacity:1; visibility:visible; pointer-events:auto; }
.site-header > .projects-menu {
  position:absolute!important; top:100%!important; left:0!important; right:0!important;
  width:100%!important; max-width:none!important;
  z-index:710!important; border:0!important; border-radius:0!important;
  background:#000000!important; box-shadow:none!important;
  transform:translate3d(0,-13px,0)!important;
  will-change:opacity,transform;
  transition:transform .32s cubic-bezier(.2,.77,.16,1),opacity .24s ease,visibility .24s!important;
}
.site-header.projects-open > .projects-menu { transform:translate3d(0,0,0)!important; }
.site-header .projects-menu-inner {
  min-height:290px!important;
  padding:clamp(40px,5.3vw,74px) clamp(22px,5vw,88px) clamp(74px,7vw,106px)!important;
  background:#000!important;
}
.site-header .projects-list {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,min(30vw,350px)))!important;
  column-gap:clamp(36px,5vw,95px)!important;
  row-gap:35px!important;
  max-width:900px!important;
}
.site-header .projects-entry { font-size:clamp(26px,2.7vw,39px)!important; min-width:0!important; }
.site-header .projects-entry-name {display:inline-flex!important; align-items:center!important; gap:14px!important;}
.site-header .projects-entry-name svg {position:static!important; width:16px!important;height:16px!important; flex-shrink:0!important; margin:0!important; opacity:.75!important; }
.site-header .projects-entry > svg {display:none!important;}
.site-header .projects-entry-name {display:inline!important; overflow-wrap:anywhere; white-space:normal!important; }
.site-header .projects-entry-phase { display:block; opacity:.85; }
@media(max-width:760px){
  .site-header > .projects-menu { display:none!important; }
  .site-header .nav-stage { z-index:710!important; box-shadow:none!important; }
  .site-header .mobile-projects { margin:0; padding:0; }
  .site-header .mobile-projects summary { outline-offset:5px; }
  .site-header .mobile-projects-list { padding-left:12px!important; }
}
@media(prefers-reduced-motion: reduce){
 body::before,.site-header > .projects-menu {transition:none!important}
}