.design-preview{padding:0;border:0;background:transparent;width:100%;display:block;position:relative;cursor:zoom-in;overflow:hidden}.design-preview img{transition:transform .35s}.design-preview:hover img{transform:scale(1.04)}.design-preview span{position:absolute;right:12px;bottom:12px;background:var(--ink);color:white;padding:8px 10px;font-size:10px;font-weight:800;opacity:0;transform:translateY(6px);transition:.2s}.design-preview:hover span{opacity:1;transform:none}.lightbox-open{overflow:hidden}.design-lightbox{position:fixed;inset:0;z-index:20;background:rgba(10,18,14,.91);display:grid;place-items:center;padding:35px;animation:fade-in .2s ease}.lightbox-card{max-height:calc(100vh - 70px);max-width:min(600px,90vw);position:relative}.lightbox-card img{display:block;max-width:100%;max-height:calc(100vh - 120px);border:5px solid white;box-shadow:0 18px 70px rgba(0,0,0,.45)}.lightbox-card p{color:white;text-align:center;margin:12px 0 0;font:600 16px var(--serif)}.lightbox-card p span{font:10px var(--mono);color:var(--lime);text-transform:uppercase;margin-left:9px}.lightbox-close{position:fixed;right:24px;top:18px;width:42px;height:42px;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:transparent;color:white;font-size:30px;line-height:1;cursor:pointer}.lightbox-close:hover{background:var(--lime);color:var(--ink);border-color:var(--lime)}@keyframes fade-in{from{opacity:0}to{opacity:1}}@media(max-width:620px){.design-preview span{opacity:1;transform:none}.design-lightbox{padding:22px}.lightbox-close{right:12px;top:12px}}