.scroll-gallery{
  position:relative;
  width:100%;
  overflow:hidden;
}
.scroll-gallery::before, .scroll-gallery::after{
  content:"";
  position:absolute;
  inset-block:0;
  width:42px;
  z-index:5;
  pointer-events:none;
}
.scroll-gallery::before{
  left:0;
  background:linear-gradient(to right, color-mix(in srgb,var(--color-bg-mid) 74%,transparent), transparent);
}
.scroll-gallery::after{
  right:0;
  background:linear-gradient(to left, color-mix(in srgb,var(--color-bg-mid) 74%,transparent), transparent);
}
.scroll-gallery .sg-track{
  display:flex;
  flex-wrap:nowrap;
  align-items:stretch;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x proximity;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
}
.scroll-gallery .sg-item{
  flex:0 0 46%;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  position:relative;
  scroll-snap-align:start;
}
.scroll-gallery .sg-item img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
  transition:transform .35s ease-out, filter .35s ease-out;
}
.scroll-gallery .sg-item:hover img{
  transform:scale(1.03);
  filter:brightness(1.04);
}
.scroll-gallery .sg-nav{
  position:absolute;
  top:50%;
  z-index:6;
  width:40px;
  height:64px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
  cursor:pointer;
  transform:translateY(-50%);
  transition:background .18s ease, transform .18s ease, border-color .18s ease;
}
.scroll-gallery .sg-nav:hover{
  transform:translateY(-50%) scale(1.02);
}
.scroll-gallery .sg-nav-prev{
  left:8px;
}
.scroll-gallery .sg-nav-next{
  right:8px;
}
.scroll-gallery:not(.scroll-gallery--slider) .sg-nav{
  display:none;
}
.scroll-gallery .sg-dots{
  position:absolute;
  left:50%;
  bottom:10px;
  z-index:7;
  display:flex;
  gap:6px;
  list-style:none;
  margin:0;
  transform:translateX(-50%);
}
.scroll-gallery .sg-dot{
  width:8px;
  height:8px;
  cursor:pointer;
  transition:background .18s ease, transform .18s ease;
}
.scroll-gallery .sg-dot.is-active{
  transform:scale(1.12);
}
@media (min-width:768px) and (max-width:1023px){
  .scroll-gallery .sg-item{
    flex-basis:64%;
  }
}
@media (max-width:767px){
  .scroll-gallery{
    padding:12px;
    border-radius:18px;
  }
  .scroll-gallery::before, .scroll-gallery::after{
    width:28px;
  }
  .scroll-gallery .sg-item{
    flex-basis:90%;
    border-radius:16px;
  }
  .scroll-gallery .sg-nav{
    width:32px;
    height:54px;
    font-size:18px;
  }
}
.scroll-gallery{
  border-color:rgba(14,122,102,.14);
}
.scroll-gallery__viewport, .sg-viewport{
  border-radius:22px;
}
.scroll-gallery img, .sg-track img{
  border-radius:20px;
}
.sg-nav, .scroll-gallery__nav{
  border-color:rgba(255,255,255,.38);
  box-shadow:0 12px 28px rgba(6,55,47,.20);
}
.scroll-gallery .sg-item{
  flex-basis:44%;
}
.scroll-gallery .sg-item img{
  aspect-ratio:16/9;
}
.scroll-gallery .sg-nav, .sg-nav, .scroll-gallery__nav{
  border-color:rgba(255,255,255,.20);
  box-shadow:0 14px 30px rgba(0,0,0,.24);
}
@media (max-width:767px){
  .scroll-gallery .sg-item{
    flex-basis:88%;
  }
}
.scroll-gallery{
  margin:0 0 var(--section-gap);
}
.scroll-gallery :is(button,.scroll-gallery__btn){
  color:#fff;
  backdrop-filter:blur(12px);
}
.scroll-gallery{
  padding:clamp(18px,2.6vw,30px);
  color:#edf4ff;
  background:radial-gradient(circle at 100% 0%,rgba(50,230,255,.12),transparent 26%), linear-gradient(180deg,rgba(18,28,54,.96),rgba(12,18,36,.96));
  border:1px solid rgba(255,255,255,.12);
  border-radius:28px;
  box-shadow:0 22px 62px rgba(0,0,0,.28);
}
.scroll-gallery::before,.scroll-gallery::after{
  display:none;
}
.scroll-gallery .sg-track{
  gap:clamp(14px,1.8vw,22px);
}
.scroll-gallery .sg-item{
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 16px 42px rgba(0,0,0,.24);
}
.scroll-gallery .sg-item img{
  border-radius:18px;
}
.scroll-gallery .sg-nav,.sg-nav,.scroll-gallery__nav{
  color:#ffffff;
  background:rgba(50,230,255,.14);
  border:1px solid rgba(50,230,255,.28);
}
.scroll-gallery .sg-nav:hover{
  border-color:rgba(255,201,75,.36);
}
.scroll-gallery .sg-dot,.sg-dot,.scroll-gallery__dot{
  background:rgba(255,255,255,.24);
}
.scroll-gallery .sg-dot.is-active,.sg-dot.is-active,.scroll-gallery__dot.is-active{
  background:#32e6ff;
}
.scroll-gallery{
  margin-bottom:var(--dk-module-gap);
}
.scroll-gallery .sg-nav{
  color:#ffffff;
}
.scroll-gallery .sg-nav svg{
  background:transparent;
  border:0;
  box-shadow:none;
}

.scroll-gallery .sg-track{
  width:100%;
  max-width:none;
  overscroll-behavior-x:contain;
  scroll-behavior:smooth;
}
.scroll-gallery .sg-item{
  flex:0 0 clamp(280px,44%,620px);
  min-width:0;
}
.scroll-gallery .sg-img{
  display:block;
  width:100%;
  height:auto;
}
.scroll-gallery.scroll-gallery--ready .sg-track{
  scrollbar-width:none;
}
.scroll-gallery.scroll-gallery--ready .sg-track::-webkit-scrollbar{
  display:none;
}
@media (min-width:1024px){
  .scroll-gallery .sg-item{
    flex-basis:clamp(360px,42%,640px);
  }
}
@media (max-width:767px){
  .scroll-gallery .sg-item{
    flex-basis:88%;
  }
}