/* kv3-masonry-gallery — source: V3.0/option-3-hive-v2.html (GALLERY masonry + lightbox) */
.kv3-masonry{columns:4;column-gap:12px}
.kv3-g-item{display:block;width:100%;margin:0 0 12px;padding:0;border:0;background:var(--grey);border-radius:10px;overflow:hidden;position:relative;break-inside:avoid;-webkit-column-break-inside:avoid}
button.kv3-g-item{cursor:zoom-in}
.kv3-g-item img{width:100%;height:auto;transition:transform .7s var(--ease)}
.kv3-g-item::after{content:"";position:absolute;inset:0;background:rgba(15,22,28,0);transition:background .35s;pointer-events:none}
.kv3-g-zoom{position:absolute;top:50%;left:50%;z-index:1;width:46px;height:52px;margin:-26px 0 0 -23px;display:grid;place-items:center;background:var(--orange);color:var(--navy);clip-path:var(--hex);opacity:0;transform:scale(.7);transition:opacity .3s,transform .35s var(--ease)}
.kv3-g-zoom svg{width:20px;height:20px}
button.kv3-g-item:hover img,button.kv3-g-item:focus-visible img{transform:scale(1.06)}
button.kv3-g-item:hover::after,button.kv3-g-item:focus-visible::after{background:rgba(15,22,28,.32)}
button.kv3-g-item:hover .kv3-g-zoom,button.kv3-g-item:focus-visible .kv3-g-zoom{opacity:1;transform:none}
.kv3-g-item:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
.kv3-gallery__more{display:flex;justify-content:center;margin-top:40px}
@media (max-width:980px){.kv3-masonry{columns:3}}
@media (max-width:600px){.kv3-masonry{columns:2;column-gap:8px}.kv3-g-item{margin-bottom:8px}}

/* lightbox */
.kv3-lb{position:fixed;inset:0;z-index:100000;background:rgba(10,15,20,.94);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:56px 20px 40px}
.kv3-lb[hidden]{display:none}
.kv3-lb figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:14px;min-width:0;height:100%;justify-content:center}
.kv3-lb img{max-width:100%;max-height:calc(100vh - 150px);width:auto;height:auto;border-radius:10px;box-shadow:0 30px 60px -20px rgba(0,0,0,.7)}
.kv3-lb figcaption{color:#E3E7EA;font-size:16px;text-align:center}
.kv3-lb__btn{width:52px;height:58px;border:0;padding:0;background:var(--orange);color:var(--navy);font-size:22px;font-weight:800;cursor:pointer;display:grid;place-items:center;clip-path:var(--hex);transition:transform .2s var(--ease)}
.kv3-lb__btn:hover{transform:scale(1.08);background:var(--orange);color:var(--navy)}
.kv3-lb__btn:focus-visible{outline:none;background:#fff}
.kv3-lb__close{position:absolute;top:14px;inset-inline-end:16px;width:46px;height:46px;padding:0;border-radius:50%;border:2px solid rgba(255,255,255,.6);background:transparent;color:#fff;font-size:26px;line-height:1;cursor:pointer}
.kv3-lb__close:hover{background:#fff;color:var(--navy)}
.kv3-lb__close:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.kv3-lb__count{position:absolute;top:24px;inset-inline-start:24px;color:#AEB7BF;font-size:15px;direction:ltr}
@media (max-width:600px){
  .kv3-lb{grid-template-columns:1fr;grid-template-rows:1fr auto;padding:64px 12px 20px}
  .kv3-lb figure{grid-column:1}
  .kv3-lb__prev,.kv3-lb__next{position:absolute;bottom:18px}
  .kv3-lb__prev{inset-inline-start:calc(50% - 64px)}
  .kv3-lb__next{inset-inline-end:calc(50% - 64px)}
  .kv3-lb img{max-height:calc(100vh - 190px)}
}
body.kv3-lb-open{overflow:hidden}
@media (prefers-reduced-motion:reduce){.kv3-g-item img,.kv3-g-zoom,.kv3-lb__btn{transition:none}}