.features-image-block__gallery{z-index:0;background-size:cover;grid-template-columns:1fr 1fr 1fr 1fr;align-items:flex-end;gap:10px;height:100vh;display:grid;position:relative;overflow:hidden}@media (width<=996px){.features-image-block__gallery{pointer-events:none;background-position:50%;grid-template-columns:1fr;height:auto;padding-bottom:0}}.features-image-block__mask{opacity:0;z-index:1;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100vh;transition:background-image .5s ease-in-out,opacity .5s ease-in-out;position:absolute;top:0;left:0}.features-image-block__item{z-index:100;flex-direction:column;justify-content:flex-end;height:100vh;padding:50px 24px 10vh;display:flex;position:relative;overflow:hidden}@media (width<=996px){.features-image-block__item{height:auto;padding-bottom:50px}}@media (width>=1600px){.features-image-block__item{padding-bottom:0}}.features-image-block__item:not(:last-child){border-right:1px solid #d9d9d9}@media (width<=996px){.features-image-block__item:not(:last-child){border-bottom:1px solid #d9d9d9;border-right:0;margin-bottom:80px}}.features-image-block__item-title{color:#fafafa;z-index:10;font-size:24px;line-height:24px;position:relative}.features-image-block__item-desc{color:#0000;max-height:0;margin:0;padding-bottom:10vh;transition:max-height .5s ease-in,color .5s ease-in;overflow:hidden}@media (height>=500px) and (height<=1000px){.features-image-block__item-desc{padding-bottom:115px}}@media (width<=996px){.features-image-block__item-desc{color:#fafafa;max-height:fit-content;padding-bottom:0}}.features-image-block__item-desc p{margin-top:20px;line-height:20px}@media (width<=996px){.features-image-block__item-desc p{margin-top:16px}}.features-image-block__item:hover .features-image-block__item-desc{color:#fafafa;max-height:300px}

/* Desktop: sekcja i kolumny moga byc wyzsze niz ekran, gdy rozwiniety opis sie nie miesci (niski ekran, dlugi tekst) –
   wtedy nic nie jest ucinane, a pod tekstem zostaje odstep (padding opisu). Tlo zdjecia (maska) zawsze na cala wysokosc. */
@media (min-width: 997px) {
	.features-image-block__gallery {
		height: auto;
		min-height: 100vh;
	}
	.features-image-block__mask {
		height: 100%;
	}
	.features-image-block__item {
		height: auto;
		min-height: 100vh;
	}
}

/* Płynniejsze rozwijanie opisów (zamiast ease-in, które przyspieszało pod koniec) */
.features-image-block__item-desc {
  transition: max-height 0.45s cubic-bezier(0.4, 0, 0.2, 1), color 0.35s ease;
}
@media (max-width: 996px) {
  .features-image-block__item-desc {
    transition: none;
  }
}
