.bg-gallery-slider{margin:5rem 0;padding:clamp(2rem,5vw,5rem);background:var(--bg-night);color:#fff}
.bg-gallery-slider__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.55fr);gap:2rem;align-items:end;margin-bottom:clamp(1.75rem,4vw,3.5rem)}
.bg-gallery-slider__head h2{max-width:none;margin:0;font-size:clamp(2.35rem,3.5vw,4rem);line-height:1.02}
.bg-gallery-slider__head>p{max-width:400px;margin:0;color:rgb(255 255 255 / 76%)}
.bg-gallery-slider__viewport{overflow:hidden;background:#090f1d}
.bg-gallery-slider__track{display:flex;transition:transform .55s cubic-bezier(.22,.61,.36,1);will-change:transform}
.bg-gallery-slider__slide{flex:0 0 100%;margin:0;aspect-ratio:16 / 9;background:#090f1d}
.bg-gallery-slider__slide img{display:block;width:100%;height:100%;object-fit:contain}
.bg-gallery-slider__controls{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;margin-top:1.25rem}
.bg-gallery-slider__controls p{min-width:4.25rem;margin:0;text-align:center;font-size:.72rem;font-weight:600;letter-spacing:.14em}
.bg-gallery-slider__button{display:inline-grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid rgb(255 255 255 / 45%);background:transparent;color:#fff;cursor:pointer;transition:background .2s,color .2s}
.bg-gallery-slider__button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5}
.bg-gallery-slider__button:not(.bg-gallery-slider__button--next) svg{transform:rotate(180deg)}
.bg-gallery-slider__button--next svg{transform:none}
.bg-gallery-slider__button:hover,.bg-gallery-slider__button:focus-visible{background:#fff;color:var(--bg-night);outline:0}
@media(max-width:800px){.bg-gallery-slider{margin:4rem 0;padding:1.5rem}.bg-gallery-slider__head{grid-template-columns:1fr;gap:1rem}.bg-gallery-slider__head h2{font-size:clamp(2.3rem,10vw,3.3rem)}.bg-gallery-slider__controls{justify-content:space-between}}