.zoomable{cursor:zoom-in;transition:transform .2s ease,filter .2s ease}
.zoomable:hover{transform:scale(1.025);filter:brightness(.96)}
.zoomable:focus-visible{outline:4px solid #0ea5e9;outline-offset:-4px}
.image-modal[hidden]{display:none}
.image-modal{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 24px 24px;background:rgba(2,15,24,.93);cursor:zoom-out}
.image-modal img{width:auto;height:auto;max-width:min(1200px,95vw);max-height:82vh;object-fit:contain;background:#fff;border-radius:12px;box-shadow:0 20px 80px rgba(0,0,0,.45);cursor:default}
.image-modal p{margin:12px 0 0;color:#fff;font-weight:800;text-align:center}
.image-modal-close{position:absolute;top:14px;right:20px;width:46px;height:46px;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(0,0,0,.35);color:#fff;font-size:2rem;line-height:1;cursor:pointer}
.image-modal-close:hover{background:#0ea5e9}
.modal-open{overflow:hidden}