/* EERY – carousel */

#eery{
  position:relative;
}

#eery .gallery.carousel-ready{
  position:relative;
  display:block;
  width:min(94vw,1200px);
  height:clamp(430px,68vh,700px);
  margin:20px auto 0;
  overflow:hidden;
  perspective:1200px;
  touch-action:pan-y;
  cursor:grab;
}

#eery .gallery.carousel-ready:active{
  cursor:grabbing;
}

#eery .gallery.carousel-ready img{
  position:absolute;
  top:50%;
  left:50%;
  width:clamp(180px,28vw,360px);
  height:clamp(260px,52vh,520px);
  object-fit:contain;
  background:transparent;
  border-radius:10px;
  box-shadow:0 18px 55px #000b;
  transition:
    transform .5s cubic-bezier(.2,.7,.2,1),
    opacity .5s ease,
    filter .5s ease;
  user-select:none;
  -webkit-user-drag:none;
}

.gallery-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:200;
  width:58px;
  height:84px;
  border:1px solid #777;
  border-radius:10px;
  background:#0009;
  color:#fff;
  font-size:54px;
  font-weight:200;
  line-height:1;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:background .2s ease, opacity .2s ease;
  opacity:.75;
}

.gallery-arrow:hover{
  background:#000d;
  opacity:1;
}

.gallery-arrow-left{
  left:24px;
}

.gallery-arrow-right{
  right:24px;
}

@media(max-width:700px){

  #eery .gallery.carousel-ready{
    width:96vw;
    height:62vh;
  }

  #eery .gallery.carousel-ready img{
    width:clamp(150px,52vw,250px);
    height:clamp(220px,55vh,390px);
  }

  .gallery-arrow{
    width:44px;
    height:64px;
    font-size:40px;
  }

  .gallery-arrow-left{
    left:8px;
  }

  .gallery-arrow-right{
    right:8px;
  }
}