.scroll-gallery-section{background:var(--bg);border-top:1px solid var(--line);padding:120px 32px 100px}.scroll-gallery-header{text-align:center;max-width:720px;margin:0 auto 56px}.scroll-gallery-heading{font-size:clamp(28px,3.4vw,44px);line-height:1.2;letter-spacing:.35em;text-transform:uppercase;margin-top:24px;padding-left:.35em;color:var(--ink)}.scroll-gallery-wrap{position:relative;max-width:1280px;margin:0 auto}.scroll-gallery-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.scroll-gallery-track::-webkit-scrollbar{display:none}.scroll-gallery-item{position:relative;flex:0 0 calc((100% - 2 * 24px) / 3);scroll-snap-align:start;aspect-ratio:4 / 5;background:linear-gradient(135deg,#16171a,#0c0c0e);overflow:hidden}.scroll-gallery-item img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:grayscale(.15) brightness(.95);transition:transform 1.2s cubic-bezier(.4,0,.2,1)}.scroll-gallery-item:hover img{transform:scale(1.04)}.scroll-gallery-caption{position:absolute;left:0;right:0;bottom:0;padding:20px;font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:var(--ink);background:linear-gradient(0deg,rgba(5,5,6,.75),transparent);padding-left:calc(20px + .25em)}.scroll-gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;background:#0a0a0a80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(207,207,207,.15);color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .4s ease,background .4s ease,border-color .4s ease;z-index:2}.scroll-gallery-nav:hover{background:#0a0a0ad9;border-color:var(--ink-soft)}.scroll-gallery-nav svg{width:20px;height:20px}.scroll-gallery-prev{left:-24px}.scroll-gallery-next{right:-24px}@media(max-width:1320px){.scroll-gallery-prev{left:8px}.scroll-gallery-next{right:8px}}@media(max-width:860px){.scroll-gallery-section{padding:96px 24px 80px}.scroll-gallery-item{flex:0 0 calc((100% - 20px)/2)}}@media(max-width:540px){.scroll-gallery-section{padding:72px 20px 64px}.scroll-gallery-track{gap:14px}.scroll-gallery-item{flex:0 0 78%;aspect-ratio:4 / 5}.scroll-gallery-nav{display:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/scroll-gallery.css.map */