.client-gallery-page{display:grid;gap:24px;width:min(1180px,100%);margin:0 auto;padding:32px clamp(14px,3vw,38px) 54px}.client-gallery-heading>span,.client-gallery-current>span{color:#a17d3d;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.client-gallery-heading h1{margin:5px 0 0;color:#332c23;font-size:clamp(32px,5vw,50px)}.client-gallery-folders{display:flex;gap:14px;padding:4px 2px 12px;overflow-x:auto;scroll-snap-type:x proximity}.client-gallery-folder{display:grid;flex:0 0 116px;gap:8px;color:#4b4035;text-align:center;text-decoration:none;scroll-snap-align:start}.client-gallery-folder img,.client-gallery-folder-all{display:grid;width:86px;height:86px;margin:0 auto;place-items:center;border:3px solid transparent;border-radius:50%;object-fit:cover;background:#f2e8d9;color:#a17d3d;font-size:30px;box-shadow:0 9px 24px rgba(50,38,24,.1)}.client-gallery-folder strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.client-gallery-folder.is-active img,.client-gallery-folder.is-active .client-gallery-folder-all{border-color:#b68c49;box-shadow:0 0 0 4px rgba(182,140,73,.14)}.client-gallery-current h2{margin:4px 0 0}.client-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.client-gallery-item{position:relative;overflow:hidden;min-width:0;border:1px solid #e8ddcf;border-radius:20px;background:#211f1c;box-shadow:0 14px 34px rgba(48,36,22,.1)}.client-gallery-item>img,.client-gallery-item>video{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;background:#211f1c}.client-gallery-item-folder{position:absolute;right:10px;bottom:10px;max-width:calc(100% - 20px);padding:5px 9px;overflow:hidden;border-radius:999px;color:#fff;background:rgba(26,22,18,.68);font-size:11px;text-overflow:ellipsis;white-space:nowrap;backdrop-filter:blur(6px)}.client-gallery-empty{grid-column:1/-1;padding:60px 20px;border:1px dashed #ddcfbb;border-radius:22px;color:#83796c;background:#fff;text-align:center}.client-gallery-empty>span{font-size:34px}.client-gallery-empty h2{margin:10px 0 6px}.client-gallery-empty p{margin:0}@media(max-width:600px){.client-gallery-page{gap:18px;padding-top:22px}.client-gallery-folder{flex-basis:92px}.client-gallery-folder img,.client-gallery-folder-all{width:70px;height:70px}.client-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.client-gallery-item{border-radius:14px}}@media(max-width:360px){.client-gallery-grid{grid-template-columns:1fr}}

.client-gallery-image-button{display:block;width:100%;padding:0;border:0;background:#211f1c;cursor:zoom-in}
.client-gallery-image-button img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;transition:transform .22s ease}
.client-gallery-image-button:hover img,.client-gallery-image-button:focus-visible img{transform:scale(1.025)}
.client-gallery-lightbox{position:fixed;z-index:100000;inset:0;display:grid;grid-template-columns:minmax(52px,1fr) minmax(0,calc(100vw - 150px)) minmax(52px,1fr);align-items:center;padding:22px;background:rgba(15,13,11,.94);backdrop-filter:blur(10px)}
.client-gallery-lightbox[hidden]{display:none}
.client-gallery-lightbox__content{display:grid;min-width:0;max-height:calc(100vh - 44px);margin:0;place-items:center;gap:10px}
.client-gallery-lightbox__content img{display:block;max-width:100%;max-height:calc(100vh - 82px);object-fit:contain;border-radius:8px;box-shadow:0 18px 55px rgba(0,0,0,.4)}
.client-gallery-lightbox__content figcaption{min-height:20px;color:#f4eee5;font-size:13px;text-align:center}
.client-gallery-lightbox__close,.client-gallery-lightbox__arrow{display:grid;place-items:center;border:1px solid rgba(255,255,255,.34);border-radius:50%;color:#fff;background:rgba(255,255,255,.12);cursor:pointer;transition:background .18s ease,transform .18s ease}
.client-gallery-lightbox__close:hover,.client-gallery-lightbox__arrow:hover{background:rgba(182,140,73,.8);transform:scale(1.06)}
.client-gallery-lightbox__close{position:absolute;z-index:2;top:18px;right:18px;width:44px;height:44px;font-size:30px}
.client-gallery-lightbox__arrow{width:48px;height:48px;margin:auto;font-size:42px;line-height:1}
.client-gallery-lightbox__arrow--previous{grid-column:1}.client-gallery-lightbox__content{grid-column:2}.client-gallery-lightbox__arrow--next{grid-column:3}
html.client-gallery-lightbox-lock,body.client-gallery-lightbox-lock{overflow:hidden}
.client-gallery-loader{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;color:#786f65;font-size:13px}
.client-gallery-loader[hidden]{display:none}
.client-gallery-loader>span:first-child{width:18px;height:18px;border:2px solid #e2d5c4;border-top-color:#a17d3d;border-radius:50%;animation:client-gallery-spin .75s linear infinite}
@keyframes client-gallery-spin{to{transform:rotate(360deg)}}
@media(max-width:600px){.client-gallery-lightbox{grid-template-columns:42px minmax(0,1fr) 42px;padding:12px 6px}.client-gallery-lightbox__content img{max-height:calc(100vh - 72px)}.client-gallery-lightbox__arrow{width:38px;height:38px;font-size:34px}.client-gallery-lightbox__close{top:10px;right:10px;width:40px;height:40px}}
