.project-gallery .gallery-main{position:relative;aspect-ratio:auto!important;min-height:240px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-alt);scroll-margin-top:100px}
.project-gallery .gallery-main img{display:block;width:auto;height:auto;max-width:100%;max-height:72svh;object-fit:contain;transition:none}
.gallery-open-label{position:absolute;right:14px;bottom:14px;padding:9px 13px;background:rgba(11,21,40,.92);color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:3px;font-size:.78rem;line-height:1.3;pointer-events:none}
.project-gallery .gallery-thumbs{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}
.project-gallery .gallery-thumbs img{height:88px;opacity:1;object-fit:cover}
.project-gallery .gallery-thumbs img.active{outline:2px solid var(--color-accent);outline-offset:2px}
.gallery-main:focus-visible,.gallery-thumbs img:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}
.lightbox .lightbox-inner{max-height:calc(100svh - 112px)}
.lightbox .lightbox-img{display:block;max-height:calc(100svh - 112px);width:auto;height:auto;object-fit:contain}
.lightbox [hidden]{display:none!important}
.lightbox .lightbox-counter{color:#fff}
@media(max-width:768px){.project-detail>div{padding-left:1.25rem!important;padding-right:1.25rem!important}.project-gallery .gallery-main{min-height:180px}.project-gallery .gallery-thumbs{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.project-gallery .gallery-thumbs img{height:82px}.lightbox .lightbox-arrow{top:auto;bottom:12px;transform:none;width:44px;height:44px}.lightbox .lightbox-prev{left:24px}.lightbox .lightbox-next{right:24px}.lightbox .lightbox-counter{bottom:27px}.gallery-open-label{right:8px;bottom:8px}}