.hero-demo-container{width:100%; margin:0 auto;}
.hero-demo{
  position:relative; width:100%;
  max-width:var(--hero-max-width,1600px);
  height:var(--hero-height,70vh);
  border-radius:1rem; overflow:hidden;
  box-shadow:0 8px 40px rgba(0,0,0,.35);
  margin:0 auto;
  background: var(--hero-bg) center/cover no-repeat;
}
.hero-demo-overlay{
  position:absolute; inset:0; pointer-events:none;
  background: radial-gradient(120% 70% at 50% 35%, rgba(0,0,0,0) 0%, rgba(0,0,0,.18) 70%, rgba(0,0,0,.28) 100%);
}
.hero-demo-emblem{
  position:absolute; left:50%; transform:translate(-50%,-50%);
  top:var(--hero-y,33.333%);
  width:var(--hero-size,min(34vw,560px));
  filter: drop-shadow(0 18px 40px rgba(0,0,0,.35));
  pointer-events:none; user-select:none;
}