.project-image-open{appearance:none;width:100%;height:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:22px;padding:0;display:block}.project-image-open img{transition:filter .2s ease-out}.project-image-open:hover img,.project-image-open:focus-visible img{filter:brightness(1.05)}.project-image-open:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.project-lightbox{z-index:50;background:#111111c7;justify-content:center;align-items:center;padding:4.25rem 1.25rem 1.5rem;display:flex;position:fixed;inset:0;overflow:hidden}.project-lightbox-close{z-index:1;width:2.75rem;height:2.75rem;color:var(--ink);cursor:pointer;background:#f7f1e8f0;border:0;border-radius:999px;justify-content:center;align-items:center;font-size:1.85rem;line-height:1;display:inline-flex;position:absolute;top:1rem;right:1rem}.project-lightbox-close:hover,.project-lightbox-close:focus-visible{background:#fff}.project-lightbox-close:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.project-lightbox-frame{justify-content:center;align-items:center;max-width:90vw;max-height:88vh;display:flex}.project-lightbox-compare{width:min(90vw,67.6923vh);height:min(88vh,117vw);position:relative;overflow:hidden}.project-lightbox-photo{object-fit:contain;width:auto;max-width:90vw;height:auto;max-height:88vh}@media (prefers-reduced-motion:reduce){.project-image-open img{transition:none}}
