#vnoise { background: #e9e3ec; }
.srp-vnoise-mockup { position: relative; display: grid; min-height: clamp(27rem,55vw,50rem); place-items: center; margin: 0 0 var(--srp-section-space); overflow: hidden; border: 1px solid rgba(23,21,30,.1); border-radius: var(--srp-radius-lg); background: radial-gradient(circle at 72% 30%,rgba(174,182,255,.22),transparent 30%),linear-gradient(145deg,#0a0910,#2a2432); box-shadow: 0 2rem 5rem rgba(33,28,42,.16); }
.srp-vnoise-mockup img { width: min(100%,78rem); max-height: clamp(26rem,52vw,47rem); object-fit: contain; filter: drop-shadow(0 2rem 4rem rgba(0,0,0,.32)); }
.srp-vnoise-mockup figcaption { position: absolute; right: 1rem; bottom: 1rem; padding: .58rem .82rem; border: 1px solid rgba(255,255,255,.12); border-radius: var(--srp-radius-pill); color: rgba(255,255,255,.72); background: rgba(8,8,16,.75); font-size: .68rem; }
@media (max-width:39.9375rem) { .srp-vnoise-mockup { min-height: 22rem; } .srp-vnoise-mockup img { width: 112%; max-width: none; } }