/* Substance & Signal v3.23: navigation, HUMAN previews, and construction proof */

/* Reliable desktop Work dropdown. Kept flush to the trigger so the cursor cannot fall through a gap. */
.site-nav .nav-dropdown{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  align-self:stretch!important;
  height:74px!important;
}
.site-nav .nav-dropdown>a{
  display:flex!important;
  align-items:center!important;
  height:100%!important;
  gap:7px!important;
  white-space:nowrap!important;
}
.site-nav .nav-dropdown>a::after{
  content:"▾";
  font-size:9px;
  opacity:.72;
  transform:translateY(-1px);
}
.site-nav .nav-dropdown::before{
  content:"";
  position:absolute;
  top:100%;
  left:0;
  width:100%;
  height:12px;
}
.site-nav .nav-dropdown__menu{
  position:absolute!important;
  top:100%!important;
  left:50%!important;
  z-index:500!important;
  min-width:292px!important;
  padding:11px!important;
  margin:0!important;
  display:grid!important;
  gap:0!important;
  background:#11110f!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 20px 54px rgba(0,0,0,.36)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateX(-50%) translateY(6px)!important;
  transition:opacity .16s ease,transform .16s ease,visibility .16s ease!important;
}
.site-nav .nav-dropdown__menu a{
  display:block!important;
  padding:12px 13px!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
  color:rgba(255,255,255,.72)!important;
  font-size:12px!important;
  line-height:1.3!important;
  white-space:nowrap!important;
}
.site-nav .nav-dropdown__menu a:last-child{border-bottom:0!important}
.site-nav .nav-dropdown__menu a:hover,
.site-nav .nav-dropdown__menu a:focus-visible{
  color:#fff!important;
  background:rgba(255,255,255,.045)!important;
}
.site-nav .nav-dropdown__menu .nav-dropdown__all{color:#f56b3c!important;font-weight:800!important}
.site-nav .nav-dropdown:hover .nav-dropdown__menu,
.site-nav .nav-dropdown:focus-within .nav-dropdown__menu{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateX(-50%) translateY(0)!important;
}

/* Static HUMAN website previews. Entire 1440 x 1000 viewport remains visible. */
.human-static-preview{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1440 / 1000;
  object-fit:contain;
  object-position:top center;
  background:#f1e9de;
}
.human-browser--static{
  overflow:hidden;
  background:#f1e9de;
}
.human-browser--static .human-browser__bar{background:#fff}
.page-art--mixed .human-browser--static{min-width:0}
.page-art--mixed .human-browser--static img{width:100%;height:auto;object-fit:contain}
.work-human-screen-pair .human-browser--static{height:100%}
.work-human-screen-pair .human-static-preview{height:auto;min-height:0}
.human-browser-grid .human-browser--static{align-self:start}

/* Keep paired visual examples balanced without cropping either one. */
.human-browser-grid{
  align-items:start;
}
.homepage-human-feature .human-browser-grid,
.market-rebuild-human-proof .human-browser-grid,
.health-human-proof .human-browser-grid{
  gap:16px;
}

/* Construction landing-page proof block. */
.construction-northline-proof{
  background:#fffdfa;
}
.construction-northline-proof .market-rebuild-proof{
  margin-top:44px;
}
.construction-northline-proof .proof-copy .micro{
  margin-bottom:14px;
  color:#b84014;
}

@media(max-width:1040px){
  .site-nav .nav-dropdown{
    display:block!important;
    height:auto!important;
    width:100%!important;
  }
  .site-nav .nav-dropdown>a{
    height:auto!important;
    padding:16px 0!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
  }
  .site-nav .nav-dropdown::before{display:none!important}
  .site-nav .nav-dropdown__menu{
    position:static!important;
    min-width:0!important;
    padding:0 0 0 14px!important;
    border:0!important;
    box-shadow:none!important;
    background:transparent!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
  }
  .site-nav .nav-dropdown__menu a{
    padding:12px 0 12px 10px!important;
    font-size:15px!important;
    white-space:normal!important;
  }
}