/* Soft glass: one translucent surface, a fine edge and a diffuse shadow.
   Backdrop blur affects the real scene underneath, never the foreground text. */
.glass-live.glass-live {
  --glass-blur: 16px;
  position: relative;
  border-radius: var(--glass-radius, 24px);
  border: 1px solid rgba(240, 247, 244, .16);
  background: linear-gradient(160deg, rgba(248, 252, 250, .09), rgba(228, 241, 234, .025) 48%, rgba(9, 17, 13, .09));
  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(125%);
  backdrop-filter: blur(var(--glass-blur)) saturate(125%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .24),
    inset 0 -1px 0 rgba(255, 255, 255, .025),
    0 6px 16px -6px rgba(0, 0, 0, .3);
}
.glass-live.glass-live::before,
.glass-live.glass-live::after {
  content: none;
}
.project-card.glass-live {
  --glass-blur: 22px;
  overflow: hidden;
  background: linear-gradient(135deg, rgba(237, 246, 240, .065), rgba(222, 237, 229, .02));
  box-shadow: inset 0 1px rgba(255, 255, 255, .22), 0 16px 40px -20px rgba(0, 0, 0, .48);
}
.project-card.glass-live .project-image { background: transparent; }
.system-diagram.glass-live {
  --glass-blur: 20px;
  overflow: hidden;
  background-image: radial-gradient(rgba(190, 212, 200, .12) .65px, transparent .65px), linear-gradient(145deg, rgba(236, 244, 240, .055), rgba(229, 243, 235, .015));
  background-size: 17px 17px, 100% 100%;
}
.glass-live:is(.core-node, .hermes-glass-core) {
  background-color: rgba(192, 229, 165, .025);
}
.glass-live:is(.tags > span, .engine-grid > li, .output-grid > li, .hermes-sorter-label) {
  --glass-blur: 10px;
  border-color: rgba(239, 247, 242, .12);
  box-shadow: inset 0 1px rgba(255, 255, 255, .18), 0 3px 8px -4px rgba(0, 0, 0, .3);
}
.contact-cta .round-link.glass-live {
  --glass-blur: 18px;
  background: linear-gradient(145deg, rgba(251, 255, 253, .13), rgba(227, 241, 233, .035) 50%, rgba(13, 24, 18, .12));
}
.hermes-sorter.is-ready .hermes-sorter-label.glass-live { position: absolute; }
.hermes-glass-visual { display: block; position: relative; width: 100%; container-type: inline-size; transition: transform 450ms ease; }
.project-card:hover .hermes-glass-visual { transform: scale(1.025); }
.project-card:hover .hermes-glass-visual img { transform: none; }
.hermes-glass-node {
  display: flex; align-items: center; justify-content: center;
  position: absolute; top: 27.3077%; width: 21.5%; height: 11.9231%;
  border-radius: var(--glass-radius, 999px); border: 1px solid rgba(240, 247, 244, .16);
  background: rgba(240, 248, 243, .065); color: #e0e8dc;
  font: 2cqw/1.2 'Segoe UI', Arial, sans-serif;
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
}
.hermes-glass-visual .hermes-glass-node { position: absolute; --glass-blur: 10px; }
.hermes-glass-node:nth-of-type(1) { left: 14.25%; }
.hermes-glass-node:nth-of-type(2) { left: 39.25%; }
.hermes-glass-node:nth-of-type(3) { left: 64.25%; }
.hermes-glass-node.hermes-glass-core { left: 32.5%; top: 63.2692%; width: 35%; height: 15.3846%; color: #dcebd1; font-size: 3.5cqw; }
.hermes-glass-core small { font-size: 1.75cqw; align-self: center; margin-top: .9cqw; }
@media (max-width: 800px) {
  .hermes-glass-visual { max-width: 584px; }
  .hermes-glass-visual img { max-height: none; }
}