.hk-cgal{margin:clamp(28px,3vw,48px) auto 0;max-width:1440px;padding:0 clamp(12px,2vw,24px);font-family:Inter,sans-serif}.hk-cgal__head{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:18px}.hk-cgal__badge{display:flex;align-items:center;gap:9px}.hk-cgal__dot{width:10px;height:10px;background:var(--hk-crimson);border-radius:50%;box-shadow:0 0 rgba(var(--hk-crimson-rgb),.5);animation:hk-cgal-pulse 2.2s infinite;flex:0 0 10px}@keyframes hk-cgal-pulse{0%{box-shadow:0 0 rgba(var(--hk-crimson-rgb),.5)}70%{box-shadow:0 0 0 8px rgba(var(--hk-crimson-rgb),0)}to{box-shadow:0 0 rgba(var(--hk-crimson-rgb),0)}}.hk-cgal__title{font-family:inherit;font-size:clamp(15px,1.4vw,20px);font-weight:700;color:#111;letter-spacing:.01em;line-height:1;margin:0}.hk-cgal__sub{font-size:clamp(11px,1vw,13px);color:#888;margin:0;white-space:nowrap}.hk-cgal__head-line{display:none}.hk-cgal__project-link{font-size:12px;font-weight:700;color:var(--hk-crimson);text-decoration:none;white-space:nowrap;display:flex;align-items:center;gap:5px;opacity:.85;transition:opacity .2s;flex:0 0 auto}.hk-cgal__project-link:hover{opacity:1}.hk-cgal__project-link svg{width:13px;height:13px}.hk-cgal__track-wrap{position:relative;display:flex;align-items:center;gap:0}.hk-cgal__track-wrap:before,.hk-cgal__track-wrap:after{content:"";position:absolute;top:0;bottom:0;width:56px;z-index:2;pointer-events:none}.hk-cgal__track-wrap:before{left:0;background:linear-gradient(to right,#fff 0%,transparent 100%)}.hk-cgal__track-wrap:after{right:0;background:linear-gradient(to left,#fff 0%,transparent 100%)}.hk-cgal__arrow{position:absolute;z-index:4;width:38px;height:38px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px #0000001a;transition:box-shadow .2s,transform .2s,background .2s;flex:0 0 auto}.hk-cgal__arrow:hover{background:#fff;box-shadow:none;transform:translateY(-1px)}.hk-cgal__arrow svg{width:15px;height:15px;color:#374151}.hk-cgal__arrow--prev{left:4px}.hk-cgal__arrow--next{right:4px}.hk-cgal__arrow[data-hidden]{opacity:0;pointer-events:none}.hk-cgal__strip{display:flex;gap:clamp(8px,1vw,12px);overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:0 52px;flex:1;min-width:0;justify-content:safe center}.hk-cgal__strip::-webkit-scrollbar{display:none}.hk-cgal__tile{display:block;padding:0;font:inherit;color:inherit;-webkit-appearance:none;appearance:none;flex:0 0 auto;width:clamp(140px,15vw,210px);height:clamp(105px,11vw,158px);border-radius:12px;overflow:hidden;cursor:pointer;position:relative;background:#f3f4f6;border:1.5px solid rgba(0,0,0,.07);transition:transform .28s cubic-bezier(.25,.8,.25,1),box-shadow .28s cubic-bezier(.25,.8,.25,1),border-color .2s}.hk-cgal__tile:hover{transform:translateY(-3px) scale(1.025);box-shadow:none;border-color:rgba(var(--hk-crimson-rgb),.25)}.hk-cgal__tile:hover .hk-cgal__tile-overlay,.hk-cgal__tile:focus-visible .hk-cgal__tile-overlay{opacity:1}.hk-cgal__tile:focus-visible{outline:2px solid var(--hk-crimson);outline-offset:2px}.hk-cgal__tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.hk-cgal__tile:hover img{transform:scale(1.06)}.hk-cgal__tile-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000040;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .22s}.hk-cgal__tile-overlay svg{width:28px;height:28px;color:#fff;filter:drop-shadow(0 2px 6px rgba(0,0,0,.3))}.hk-cgal__tile--more{background:#1a1d20;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px}.hk-cgal__tile--more span{color:#fff;font-size:22px;font-weight:700;font-family:inherit;line-height:1}.hk-cgal__tile--more small{color:#fff9;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.hk-cgal__lb{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;z-index:99999;align-items:center;justify-content:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.hk-cgal__lb.is-open{display:flex}.hk-cgal__lb-inner{position:relative;max-width:min(92vw,1100px);max-height:92vh;display:flex;align-items:center;justify-content:center}.hk-cgal__lb-img{width:auto;height:auto;max-width:100%;max-height:90vh;border-radius:10px;object-fit:contain;box-shadow:0 24px 80px #0000008c;display:block;transition:opacity .25s ease}.hk-cgal__lb-img.is-fading{opacity:0}.hk-cgal__lb-close{position:fixed;top:18px;right:18px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);color:#fff;width:44px;height:44px;border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s;z-index:100001;line-height:1}.hk-cgal__lb-close:hover{background:#ffffff38;transform:scale(1.08)}.hk-cgal__lb-arrow{position:fixed;top:50%;transform:translateY(-50%);background:#ffffff1f;border:1px solid rgba(255,255,255,.18);color:#fff;width:52px;height:52px;border-radius:50%;font-size:26px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s;z-index:100001}.hk-cgal__lb-arrow:hover{background:#ffffff38}.hk-cgal__lb-arrow--prev{left:18px}.hk-cgal__lb-arrow--next{right:18px}.hk-cgal__lb-footer{position:fixed;bottom:22px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:5px;z-index:100001;pointer-events:none}.hk-cgal__lb-counter{background:#0000008c;color:#fff;font-size:13px;font-weight:700;padding:5px 14px;border-radius:30px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.06em}.hk-cgal__lb-caption{color:#ffffffa6;font-size:12px;font-weight:400;letter-spacing:.02em;max-width:60vw;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:749px){.hk-cgal{padding:0 8px}.hk-cgal__strip{padding:2px 10px}.hk-cgal__tile{width:130px;height:97px;border-radius:10px}.hk-cgal__track-wrap:before,.hk-cgal__track-wrap:after{display:none}.hk-cgal__arrow,.hk-cgal__sub{display:none}.hk-cgal__lb-arrow--prev{left:8px}.hk-cgal__lb-arrow--next{right:8px}.hk-cgal__lb-arrow{width:42px;height:42px}.hk-cgal__head{flex-direction:column;align-items:center;gap:6px}.hk-cgal__title{white-space:nowrap;font-size:16px}.hk-cgal__project-link{font-size:12px;justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/hk-client-gallery.css.map */