.lightbox-trigger{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:none;color:inherit;cursor:zoom-in}.lightbox-trigger img{display:block;width:100%;height:100%;object-fit:cover}.lightbox-trigger>span{position:absolute;right:18px;bottom:18px;padding:10px 14px;border-radius:99px;background:rgba(16,17,15,.88);color:#fff;font:600 11px "DM Sans",sans-serif;opacity:0;transform:translateY(5px);transition:.2s}.lightbox-trigger:hover>span,.lightbox-trigger:focus-visible>span{opacity:1;transform:none}.case-hero-image .lightbox-trigger img{max-height:85vh}.case-gallery .lightbox-trigger{max-height:720px}.case-gallery .lightbox-trigger:nth-child(3n){grid-column:1/-1}
.case-lightbox{width:100vw;max-width:none;height:100vh;max-height:none;margin:0;padding:0;border:0;background:rgba(5,6,5,.96);color:#fff;overflow:hidden}.case-lightbox::backdrop{background:#050605}.case-lightbox[open]{display:grid;grid-template-columns:80px minmax(0,1fr) 80px;align-items:center}.case-lightbox figure{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:16px;width:100%;height:100vh;margin:0;padding:45px 0 25px;place-items:center}.case-lightbox figure img{max-width:100%;max-height:calc(100vh - 105px);object-fit:contain}.case-lightbox figcaption{max-width:760px;color:#aaa;font-size:12px;text-align:center}.lightbox-close{position:fixed;z-index:2;top:18px;right:22px;width:44px;height:44px;border:1px solid #555;border-radius:50%;background:#151615;color:#fff;font-size:28px;cursor:pointer}.lightbox-nav{display:grid;width:48px;height:48px;margin:auto;place-items:center;border:1px solid #555;border-radius:50%;background:#151615;color:#fff;font-size:20px;cursor:pointer}.lightbox-nav:hover,.lightbox-close:hover{border-color:#d9ff43;color:#d9ff43}.lightbox-count{position:fixed;bottom:22px;left:24px;color:#aaa;font-size:11px;letter-spacing:.12em}.case-lightbox:focus{outline:none}
@media(max-width:700px){.case-lightbox[open]{grid-template-columns:55px minmax(0,1fr) 55px}.case-lightbox figure{padding-top:60px}.lightbox-nav{width:40px;height:40px}.lightbox-trigger>span{opacity:1}.case-gallery .lightbox-trigger:nth-child(3n){grid-column:auto}}
@media(prefers-reduced-motion:reduce){.lightbox-trigger>span{transition:none}}