.image-block{width:100%;max-width:24rem;min-height:200px;margin:1.5rem auto}@media (min-width:640px){.image-block{max-width:28rem}}@media (min-width:768px){.image-block{max-width:32rem}}@media (min-width:1024px){.image-block{max-width:36rem}}.image-block__figure{margin:0}.image-block__media{object-fit:contain;border-radius:.375rem;width:100%;max-width:100%;height:auto}.image-block__caption{color:#525252;text-align:center;margin-top:.5rem;padding-inline:.5rem;font-size:.75rem}.image-block__trigger{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block}.image-block__overlay{z-index:var(--z-modal,1400);background:#000000e0;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.image-block__lightbox{width:100%;max-width:min(96vw,96rem);max-height:96vh;position:relative}.image-block__lightbox-media{object-fit:contain;width:100%;height:auto;max-height:calc(100vh - 4rem)}.image-block__close{color:#fff;cursor:pointer;background:#0f172ac7;border:0;border-radius:9999px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:inline-flex;position:absolute;top:.75rem;right:.75rem}.image-block__close:hover{background:#1e293beb}.image-block__close:focus-visible{outline-offset:2px;outline:2px solid #fffc}.dark .image-block__caption{color:#a3a3a3}