.project-image-trigger{appearance:none;color:inherit;cursor:zoom-in;background:0 0;border:0;width:100%;height:100%;padding:0;display:block;position:relative}.project-image-trigger img{object-fit:cover;width:100%;height:100%;display:block}.project-image-trigger span{color:var(--paper);font:700 11px var(--font-sans),Arial,sans-serif;opacity:0;background:#12110ed6;border:1px solid #f4eee54d;border-radius:4px;padding:7px 9px;transition:opacity .18s;position:absolute;bottom:14px;right:14px}.project-image-trigger:hover span,.project-image-trigger:focus-visible span{opacity:1}.image-modal-backdrop{z-index:30;background:#050504d6;justify-content:center;align-items:center;padding:28px;display:flex;position:fixed;inset:0}.image-modal{background:var(--ink);border:1px solid #f4eee547;border-radius:10px;max-width:min(980px,100%);max-height:calc(100vh - 56px);padding:46px 18px 18px;position:relative;overflow:auto;box-shadow:0 25px 90px #000000b3}.image-modal img{width:auto;max-width:100%;height:auto;max-height:calc(100vh - 130px);margin:auto;display:block}.image-modal-close{appearance:none;color:var(--paper);cursor:pointer;font:700 13px var(--font-sans),Arial,sans-serif;background:0 0;border:0;padding:12px 14px;position:absolute;top:0;right:0}.image-modal-close:hover,.image-modal-close:focus-visible{color:var(--orange)}@media (width<=760px){.project-image-trigger span{opacity:1}.image-modal-backdrop{padding:14px}.image-modal{max-height:calc(100vh - 28px);padding:44px 8px 8px}.image-modal img{max-height:calc(100vh - 100px)}}