.portfolio-gallery__thumb-wrap{list-style:none}.portfolio-gallery__thumb-btn{cursor:zoom-in;border-radius:var(--radius-md);background:0 0;border:none;width:100%;padding:0;transition:transform .15s,box-shadow .15s;display:block;overflow:hidden}.portfolio-gallery__thumb-btn:hover{box-shadow:var(--shadow-md);transform:scale(1.02)}.portfolio-gallery__thumb-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.portfolio-lightbox{z-index:1200;justify-content:center;align-items:center;padding:20px 16px;display:flex;position:fixed;inset:0}.portfolio-lightbox__backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;background:#0a0a0ae0;border:none;margin:0;padding:0;position:absolute;inset:0}.portfolio-lightbox__panel{z-index:1;justify-content:center;align-items:center;width:100%;max-width:min(960px,100%);max-height:min(90vh,900px);display:flex;position:relative}.portfolio-lightbox__img{object-fit:contain;border-radius:var(--radius-md);width:auto;max-width:100%;height:auto;max-height:min(85vh,820px);box-shadow:var(--shadow-lg);display:block}.portfolio-lightbox__close{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex;position:absolute;top:-44px;right:0}.portfolio-lightbox__close:hover{background:#ffffff38}.portfolio-lightbox__nav{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.portfolio-lightbox__nav:hover{background:#ffffff38}.portfolio-lightbox__nav--prev{left:-56px}.portfolio-lightbox__nav--next{right:-56px}.portfolio-lightbox__caption{color:#ffffffe6;justify-content:center;align-items:center;gap:12px;font-size:14px;display:flex;position:absolute;bottom:-36px;left:0;right:0}.portfolio-lightbox__title{font-weight:500}.portfolio-lightbox__counter{opacity:.75}@media (max-width:768px){.portfolio-lightbox__nav--prev{left:8px}.portfolio-lightbox__nav--next{right:8px}.portfolio-lightbox__close{background:#00000073;top:8px;right:8px}.portfolio-lightbox__caption{flex-direction:column;gap:4px;bottom:12px}}