/* EINHAR V28 — Full-width, borderless projects navigation; coherent optical imagery. */
:root{--einhar-ink:#fff}
html,body,.site-header,.header-shell,.nav-stage,.site-footer{background:#000!important}
.site-header,.header-shell,.site-header::after,.header-shell::after{border:0!important;border-bottom:0!important;box-shadow:none!important}
.site-nav .nav-direct-link,.site-nav .projects-trigger,.site-header .wordmark,.site-header .einhar-header-name,.site-header .menu-mobile-toggle{color:#fff!important;opacity:1!important}
.site-nav{gap:clamp(26px,3vw,47px)!important}
.projects-nav{position:static!important;isolation:auto!important;display:inline-flex!important;align-items:center!important}
.projects-trigger{color:#fff!important}
.projects-trigger .nav-symbol{color:#fff!important;transition:transform .28s cubic-bezier(.2,.7,.2,1)!important}
.projects-trigger[aria-expanded=true] .nav-symbol{transform:rotate(45deg)!important}
/* The whole black upper field extends DOWN, with no container outline or rounded card. */
.site-header > .projects-menu{
  position:absolute!important;inset:auto 0 auto 0!important;top:100%!important;
  display:block!important;width:100%!important;height:auto!important;max-height:min(460px,67vh)!important;
  box-sizing:border-box!important;padding:0!important;margin:0!important;
  border:0!important;border-radius:0!important;box-shadow:0 45px 55px rgba(0,0,0,.78)!important;
  color:#fff!important;background:#000!important;
  opacity:0!important;visibility:hidden!important;pointer-events:none!important;
  transform:translateY(-17px)!important;animation:none!important;
  transition:opacity .24s ease,transform .4s cubic-bezier(.17,.76,.16,1),visibility .24s ease!important;
  overflow:auto;overscroll-behavior:contain;z-index:1250!important;
}
.site-header.projects-open > .projects-menu{
  opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important;
}
.site-header .projects-menu-inner{
  box-sizing:border-box!important;min-height:298px!important;
  width:100%!important;max-width:none!important;
  padding:clamp(55px,7.8vh,96px) clamp(25px,5vw,88px) 82px!important;
  margin:0!important;display:block!important;background:#000!important;
}
.site-header .projects-list{
  display:grid!important;grid-template-columns:minmax(0,290px) minmax(0,290px) !important;
  gap:clamp(50px,6vw,126px)!important;align-items:start!important;
  max-width:850px!important;
}
.site-header .projects-entry{
  display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:flex-start!important;
  position:relative!important;gap:16px!important;padding:0!important;margin:0!important;
  font:500 clamp(27px,2.8vw,40px)/1.04 var(--font-einhar)!important;
  letter-spacing:-.065em!important;white-space:nowrap!important;color:#fff!important;
  text-decoration:none!important;cursor:default!important;opacity:1!important;
  transition:opacity .2s ease!important;background:none!important;border:0!important;
}
.site-header .projects-entry[href]{cursor:pointer!important}
.site-header .projects-entry[href]:hover{opacity:.72!important}
.site-header .projects-entry svg{position:absolute!important;left:calc(100% - 32px)!important;top:8px!important;width:19px!important;height:19px!important;opacity:.85!important}
.site-header .projects-entry-phase{font:400 11px/1.5 var(--font-einhar)!important;letter-spacing:0!important;color:#a8a8a8!important;white-space:normal!important}
.site-header .projects-entry-name{color:#fff!important}
/* Deliberately no secondary preview block or extra project metadata navigation. */
.projects-preview,.projects-menu-caption,.projects-preview-meta{display:none!important}
/* The optical pictures are now grayscale/silver and sit cleanly on the black canvas. */
.first-landscape .film-frame,.leaf-inset,.living-plate{background:#000!important;box-shadow:none!important}
.first-landscape .film-frame img,.leaf-inset img,.living-plate img{filter:none!important;opacity:1!important}
.leaf-inset{border-radius:11px!important;overflow:hidden!important}
.leaf-inset img{object-fit:contain!important}
.living-plate{border:0!important}
.living-plate .living-copy{color:#fff!important}
/* Content hierarchy that describes a technology group, not a generic services company. */
.opening h1{font-weight:520!important;letter-spacing:-.048em!important}
.reading p,.opening p,.essay p,.paired-text p,.globe-text p{color:#efefed!important}
@media(max-width:760px){
 .site-header > .projects-menu{display:none!important}
 .site-header .projects-list{display:none!important}
 .mobile-projects[open] .mobile-projects-list{display:flex!important;flex-direction:column!important;gap:15px!important;padding:15px 0 19px 12px!important}
 .mobile-project-entry{font-size:15px!important;font-weight:500!important;line-height:1.5!important;color:#fff!important}
 .mobile-direct a,.mobile-direct summary{color:#fff!important}
}
@media(prefers-reduced-motion:reduce){.site-header > .projects-menu,.projects-trigger .nav-symbol{transition:none!important}}

.site-nav .projects-trigger:hover,.site-nav .projects-trigger[aria-expanded=true]{opacity:1!important;color:#fff!important}
.opening p{color:#eeeded!important}
