/*==================================================
                    GALLERY
==================================================*/

.gallery {
  background: var(--clrSurface);
}

.gallery .container {
  display: flex;
  flex-direction: column;
  gap: var(--space80);
}

/*==================================================
                SECTION HEADER
==================================================*/

.gallery .sectionHeader {
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
}

/*==================================================
                GALLERY LAYOUT
==================================================*/

.galleryLayout {
  display: grid;

  grid-template-columns: 1.2fr 0.8fr;

  gap: var(--space32);

  align-items: stretch;
}

/*==================================================
                    VIDEO
==================================================*/

.galleryVideo {
  margin: 0;

  overflow: hidden;

  border-radius: var(--borderRadiusLg);

  box-shadow: var(--shadowMd);
}

.galleryVideo iframe {
  display: block;

  width: 100%;

  height: 100%;

  min-height: 100%;

  border: 0;
}

/*==================================================
                IMAGE GRID
==================================================*/

.galleryGrid {
  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: var(--space20);
}
/*==================================================
                GALLERY ITEM
==================================================*/

.galleryItem {
  margin: 0;

  overflow: hidden;

  border-radius: var(--borderRadiusMd);

  box-shadow: var(--shadowSm);
}

.galleryImage {
  display: block;

  width: 100%;

  height: 100%;

  aspect-ratio: 1/1;

  object-fit: cover;
}
.galleryActions {
  display: flex;

  justify-content: center;

  margin-top: var(--space48);
}

/*==================================================
                GALLERY HOVER
==================================================*/

.galleryItem{

    transition:
        transform .35s ease,
        box-shadow .35s ease;

}

.galleryItem:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 40px rgba(17,24,39,.12);

}

.galleryImage{

    transition:transform .6s ease;

}

.galleryItem:hover .galleryImage{

    transform:scale(1.06);

}

.galleryVideo{

    transition:
        transform .35s ease,
        box-shadow .35s ease;

}

.galleryVideo:hover{

    transform:translateY(-8px);

    box-shadow:0 24px 50px rgba(17,24,39,.12);

}

.galleryActions .btn{

    transition:
        transform .3s ease,
        box-shadow .3s ease;

}

.galleryActions .btn:hover{

    transform:translateY(-2px);

}
@media (max-width:992px){

    .galleryLayout{

        grid-template-columns:1fr;

    }

}

@media (max-width:768px){

    .galleryGrid{

        grid-template-columns:repeat(2,1fr);

    }

    .galleryActions .btn{

        width:100%;

        justify-content:center;

    }

}

@media (max-width:480px){

    .galleryGrid{

        grid-template-columns:1fr;

    }

}