/* NAMING HUB® 0.6.4 — structural hero separation for wide desktop classes */
.nh-node-hero{
  display:grid!important;
  grid-template-columns:minmax(0,58%) minmax(320px,42%)!important;
  align-items:stretch;
  overflow:hidden;
}
.nh-node-field{grid-column:1/3;grid-row:1;z-index:0}
.nh-network-zone{
  grid-column:1;
  grid-row:1;
  position:relative;
  min-width:0;
  min-height:100%;
  z-index:2;
}
.nh-ecosystem-zone{
  grid-column:2;
  grid-row:1;
  position:relative;
  min-width:0;
  min-height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:clamp(24px,3vw,56px);
  z-index:3;
}
.nh-network-zone .nh-network-core,
.nh-network-zone .nh-semantic-node,
.nh-network-zone .nh-node-hint{position:absolute}
.nh-network-zone .nh-network-core{
  left:47%!important;
  top:43%!important;
  transform:translate(-50%,-50%)!important;
}
.nh-network-zone .nh-node-domain{left:37%!important;top:8%!important}
.nh-network-zone .nh-node-trademark{left:4%!important;top:22%!important}
.nh-network-zone .nh-node-rights{left:67%!important;top:16%!important}
.nh-network-zone .nh-node-evidence{left:69%!important;top:40%!important}
.nh-network-zone .nh-node-events{left:68%!important;top:64%!important}
.nh-network-zone .nh-node-risk{left:43%!important;top:77%!important}
.nh-network-zone .nh-node-intelligence{left:5%!important;top:64%!important}
.nh-network-zone .nh-node-names{left:3%!important;top:43%!important}
.nh-network-zone .nh-node-hint{
  left:4%!important;
  right:auto!important;
  bottom:18px!important;
  max-width:44%!important
}
.nh-ecosystem-zone .nh-asset-card{
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  width:min(100%,440px)!important;
  max-width:440px!important;
  max-height:none!important;
  overflow:visible!important;
  margin:0!important;
  box-shadow:0 18px 42px rgba(7,26,46,.12)!important
}

/* 27-inch reference / 1920–2559 CSS px */
@media (min-width:1920px) and (max-width:2559px){
  .nh-node-hero{grid-template-columns:minmax(0,60%) minmax(380px,40%)!important}
  .nh-ecosystem-zone{padding-inline:clamp(38px,3vw,72px)}
  .nh-ecosystem-zone .nh-asset-card{width:min(100%,470px)!important;max-width:470px!important}
  .nh-network-zone .nh-network-core{left:50%!important}
  .nh-network-zone .nh-node-rights{left:71%!important}
  .nh-network-zone .nh-node-evidence{left:72%!important}
  .nh-network-zone .nh-node-events{left:71%!important}
}

/* Large QHD / 4K / 5K */
@media (min-width:2560px){
  .nh-node-hero{grid-template-columns:minmax(0,62%) minmax(420px,38%)!important}
  .nh-ecosystem-zone{padding-inline:clamp(54px,4vw,110px)}
  .nh-ecosystem-zone .nh-asset-card{width:min(100%,520px)!important;max-width:520px!important}
  .nh-network-zone .nh-network-core{left:50%!important}
  .nh-network-zone .nh-node-trademark{left:7%!important}
  .nh-network-zone .nh-node-rights{left:72%!important}
  .nh-network-zone .nh-node-evidence{left:74%!important}
  .nh-network-zone .nh-node-events{left:73%!important}
  .nh-network-zone .nh-node-intelligence{left:8%!important}
}

/* Laptop/compact desktop: stack visual sub-zones before collision can happen. */
@media (max-width:1279px){
  .nh-node-hero{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:minmax(500px,1fr) auto!important;
  }
  .nh-node-field{grid-column:1;grid-row:1/3}
  .nh-network-zone{grid-column:1;grid-row:1;min-height:560px}
  .nh-ecosystem-zone{
    grid-column:1;
    grid-row:2;
    padding:18px 22px 24px;
    background:linear-gradient(to bottom,rgba(237,245,247,0),rgba(237,245,247,.94) 22%,rgba(237,245,247,.98))
  }
  .nh-ecosystem-zone .nh-asset-card{width:min(100%,620px)!important;max-width:620px!important}
  .nh-network-zone .nh-network-core{left:50%!important;top:38%!important}
  .nh-network-zone .nh-node-domain{left:42%!important;top:5%!important}
  .nh-network-zone .nh-node-trademark{left:6%!important;top:15%!important}
  .nh-network-zone .nh-node-rights{right:6%!important;left:auto!important;top:15%!important}
  .nh-network-zone .nh-node-names{left:5%!important;top:35%!important}
  .nh-network-zone .nh-node-evidence{right:5%!important;left:auto!important;top:35%!important}
  .nh-network-zone .nh-node-intelligence{left:7%!important;top:58%!important}
  .nh-network-zone .nh-node-events{right:7%!important;left:auto!important;top:58%!important}
  .nh-network-zone .nh-node-risk{left:44%!important;top:72%!important}
  .nh-network-zone .nh-node-hint{
    left:22px!important;right:22px!important;max-width:none!important;bottom:14px!important;text-align:center
  }
}

/* Phones: simplify spatial density; preserve legibility over decoration. */
@media (max-width:767px){
  .nh-node-hero{grid-template-rows:minmax(560px,1fr) auto!important}
  .nh-network-zone{min-height:580px}
  .nh-network-zone .nh-network-core{top:25%!important}
  .nh-network-zone .nh-node-domain{left:37%!important;top:4%!important}
  .nh-network-zone .nh-node-trademark{left:2%!important;top:12%!important}
  .nh-network-zone .nh-node-rights{right:2%!important;top:12%!important}
  .nh-network-zone .nh-node-names{left:1%!important;top:30%!important}
  .nh-network-zone .nh-node-evidence{right:1%!important;top:30%!important}
  .nh-network-zone .nh-node-intelligence{left:2%!important;top:48%!important}
  .nh-network-zone .nh-node-events{right:2%!important;top:48%!important}
  .nh-network-zone .nh-node-risk{left:39%!important;top:64%!important}
  .nh-ecosystem-zone{padding:16px}
  .nh-ecosystem-zone .nh-asset-card{width:100%!important;max-width:none!important}
  .nh-network-zone .nh-node-hint{display:none}
}