.case-media-grid.gallery-cols-1{grid-template-columns:1fr;max-width:1000px;margin-inline:auto}.case-media-grid.gallery-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.case-media-grid.gallery-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.case-media-grid .case-video{grid-column:1/-1}.case-media-grid .project-image{aspect-ratio:16/9}.case-media-grid .project-image img{width:100%;height:100%;object-fit:contain}.project-image .image-cta{padding:0;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(10,12,12,.5);backdrop-filter:blur(12px);color:#fff;border:1px solid #ffffff50;bottom:16px;right:16px;transition:background .25s,transform .25s}.image-cta svg{width:18px;height:18px}.project-image:hover .image-cta{background:#f15224;transform:rotate(90deg)}
body:has(#image-dialog[open]){overflow:hidden}#image-dialog{box-sizing:border-box;width:min(1280px,94vw);max-width:94vw;max-height:94dvh;padding:24px 30px 20px;border:1px solid #ffffff25;border-radius:20px;background:linear-gradient(145deg,#242625,#0d0f0e 65%);color:#fff;box-shadow:0 40px 130px #0009;overflow:auto}#image-dialog::backdrop{background:#070908d9;backdrop-filter:blur(16px)}#image-dialog[open]{animation:gallery-arrive .25s ease-out}#image-dialog>img{display:block;width:100%;max-height:68dvh;height:auto;object-fit:contain;margin:22px auto 16px;border-radius:8px;background:#090a09}#image-dialog>p{color:#e5e5df;font-size:13px;margin:0;padding-right:140px;line-height:1.6}.lightbox-brand{font-weight:700;letter-spacing:.04em;font-size:15px;display:flex;align-items:center;gap:16px;padding-right:44px}.lightbox-brand:before{content:'';height:8px;width:8px;background:#ff5522;border-radius:50%}.lightbox-brand span{font-size:9px;letter-spacing:.18em;font-weight:400;color:#aaa}#image-dialog .dialog-close{position:absolute;right:20px;top:14px;width:38px;height:38px;border:1px solid #ffffff35;border-radius:50%;background:#ffffff0b;color:white;font-size:24px;display:grid;place-items:center}#image-dialog .gallery-controls{display:flex;justify-content:flex-end;gap:14px;align-items:center;margin-top:12px;color:#fff}#image-dialog .gallery-controls button{border:1px solid #ffffff40;color:#fff;background:#ffffff0d;width:38px;height:38px;border-radius:50%;cursor:pointer}#image-dialog .gallery-controls button:hover{background:#f15224}#image-dialog .gallery-count{font-size:12px;color:#ddd}#image-dialog :focus-visible{outline:2px solid #ff5522;outline-offset:4px}@keyframes gallery-arrive{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:1000px){.case-media-grid.gallery-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.case-media-grid.gallery-cols-2,.case-media-grid.gallery-cols-3{grid-template-columns:1fr}#image-dialog{padding:20px 14px 16px;border-radius:16px}#image-dialog>p{padding-right:0}.lightbox-brand{font-size:12px;gap:8px}.lightbox-brand span{font-size:7px}#image-dialog>img{max-height:65dvh}#image-dialog .dialog-close{right:12px;top:12px}}@media(prefers-reduced-motion:reduce){#image-dialog[open]{animation:none}}
#image-dialog>img,#image-dialog:has(.gallery-controls:not([hidden]))>img{max-height:min(68dvh,calc(94dvh - 210px))}