.sky-gallery{
  background:#F8F4EA;
  padding:110px 20px;
  overflow:hidden;
}

.sky-gallery-wrap{
  max-width:var(--container);
  margin:0 auto;
}

.sky-gallery-head{
  max-width:820px;
  margin:0 auto 55px;
  text-align:center;
}

.sky-gallery .sky-badge{
  color:#fff;
  border-color:rgba(255,248,244,0.22);
  background:#5E0006;
}

.sky-gallery-head h2{
  color:#2C1A1D;
  margin-bottom:22px;
}

.sky-gallery-head p{
  color:#2C1A1D;
  max-width:760px;
  margin:0 auto 12px;
}

.sky-gallery-grid{
  display:grid;
  grid-template-columns:1fr 1fr 1fr 1fr 1fr;
  gap:22px;
  align-items:center;
}

.sky-gallery-col{
  display:flex;
  flex-direction:column;
  gap:22px;
}

.sky-gallery-col img{
  width:100%;
  height:210px;
  object-fit:cover;
  border-radius:18px;
  box-shadow:0 18px 45px rgba(0,0,0,0.22);
  transition:0.35s ease;
}

.sky-gallery-col img:hover{
  transform:translateY(-8px) scale(1.02);
}

.col-1,
.col-5{
  transform:translateY(10px);
}

.col-2,
.col-4{
  transform:translateY(55px);
}

.col-3{
  transform:translateY(95px);
}

.col-3 img:first-child{
  height:250px;
}

@media(max-width:992px){
  .sky-gallery-grid{
    grid-template-columns:repeat(3,1fr);
  }

  .sky-gallery-col{
    transform:none !important;
  }
}

@media(max-width:768px){
  .sky-gallery{
    padding:85px 20px;
  }

  .sky-gallery-grid{
    grid-template-columns:repeat(2,1fr);
    gap:16px;
  }

  .sky-gallery-col{
    gap:16px;
  }

  .sky-gallery-col img,
  .col-3 img:first-child{
    height:190px;
  }
}

@media(max-width:480px){
  .sky-gallery-grid{
    grid-template-columns:1fr;
  }

  .sky-gallery-col img,
  .col-3 img:first-child{
    height:230px;
  }
}