#darkpads { background: var(--srp-color-surface); }
.srp-project-stage--darkpads { display: grid; min-height: clamp(28rem,56vw,52rem); place-items: center; padding: clamp(1rem,3vw,3rem); }
.srp-project-stage--darkpads::before { inset: 18% 10% 4%; height: auto; background: radial-gradient(circle,rgba(174,182,255,.18),transparent 65%); }
.srp-case-mockup-image { position: relative; z-index: 1; width: min(100%,76rem); max-height: clamp(26rem,52vw,48rem); object-fit: contain; filter: drop-shadow(0 2rem 4rem rgba(0,0,0,.35)); }
@media (max-width:39.9375rem) { .srp-project-stage--darkpads { min-height: 22rem; } .srp-case-mockup-image { width: 112%; max-width: none; } }