.cmp-gallery-v2{position:relative;isolation:isolate;overflow:hidden;padding:clamp(70px,9vw,120px) var(--pad)}

/* tło: grafika w szarości, mocno wyciszona - jak w sekcji O nas */
.cmp-gallery-v2__bg{position:absolute;z-index:-2;left:0;right:0;top:-18%;height:136%;
  background-image:url("img/cmp-gallery-v2-bg.jpg");background-size:cover;background-position:center;
  filter:grayscale(1) contrast(92%);will-change:transform}

.cmp-gallery-v2::after{content:"";position:absolute;z-index:-1;inset:0;
  background:linear-gradient(180deg, rgba(242,242,242,.975) 0%, rgba(242,242,242,.96) 50%, rgba(242,242,242,.98) 100%)}

@media(prefers-reduced-motion:reduce){
  .cmp-gallery-v2__bg{transform:none!important}
}

.cmp-gallery-v2__grid{max-width:var(--wrap);margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(14px,2vw,22px)}

.cmp-gallery-v2__tile{position:relative;overflow:hidden;background:var(--bg-2);aspect-ratio:1/1;border-radius:16px;
  box-shadow:0 22px 44px -26px rgba(19,20,24,.35);transition:transform .35s ease,box-shadow .35s ease}

.cmp-gallery-v2__tile:hover{transform:translateY(-4px);box-shadow:0 30px 56px -26px rgba(19,20,24,.42)}

.cmp-gallery-v2__img,.cmp-gallery-v2__vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transition:opacity .4s ease}

.cmp-gallery-v2__vid{opacity:0}

.cmp-gallery-v2__hint{position:absolute;top:14px;right:14px;z-index:2;display:inline-flex;align-items:center;
  justify-content:center;width:34px;height:34px;border-radius:999px;color:#fff;background:rgba(0,0,0,.55);
  backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
  opacity:1;transition:opacity .3s ease;pointer-events:none}

.cmp-gallery-v2__hint svg{width:14px;height:14px}

.cmp-gallery-v2__tile--playing .cmp-gallery-v2__hint{opacity:0}

.cmp-gallery-v2__tile--playing .cmp-gallery-v2__img{opacity:0}

.cmp-gallery-v2__tile--playing .cmp-gallery-v2__vid{opacity:1}

@media(min-width:940px){
  .cmp-gallery-v2__grid{grid-template-columns:repeat(4,1fr)}
}