.supra-wornby__rail{position:relative;margin-inline:calc(var(--space-5) * -1)}.supra-wornby__track{list-style:none;margin:0;padding:var(--space-3) var(--space-5) var(--space-5);display:grid;grid-auto-flow:column;grid-auto-columns:72vw;gap:var(--space-4);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.supra-wornby__track::-webkit-scrollbar{display:none}@media(min-width:768px){.supra-wornby__track{grid-auto-columns:320px;gap:var(--space-5)}}.supra-wornby__tile{scroll-snap-align:start;position:relative;aspect-ratio:4 / 5;background:var(--supra-ink);overflow:hidden;border:1px solid transparent;transition:transform var(--t-med) var(--ease-out-soft),border-color var(--t-med) var(--ease-out-soft)}.supra-wornby__tile:hover{transform:translateY(-3px);border-color:var(--supra-accent)}.supra-wornby__link{display:block;width:100%;height:100%;color:var(--supra-paper);text-decoration:none}.supra-wornby__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease-out-soft)}.supra-wornby__tile:hover .supra-wornby__img{transform:scale(1.05)}.supra-wornby__img--placeholder{background:repeating-linear-gradient(135deg,#1e1e1e 0 14px,#151515 14px 28px)}.supra-wornby__meta{position:absolute;left:0;right:0;bottom:0;padding:var(--space-4);display:flex;flex-direction:column;gap:2px;background:linear-gradient(180deg,transparent 0%,rgba(10,10,10,.8) 100%);color:var(--supra-paper)}.supra-wornby__handle{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--supra-paper)}.supra-wornby__caption{font-size:13px;line-height:1.35;opacity:.85}.supra-wornby__controls{position:absolute;top:calc(var(--space-3) * -1);right:var(--space-5);display:none;gap:var(--space-2);transform:translateY(-100%)}@media(min-width:768px){.supra-wornby__controls{display:flex}}.supra-wornby__btn{width:44px;height:44px;border:1px solid var(--supra-ink);background:var(--supra-paper);color:var(--supra-ink);font-family:var(--font-mono);font-size:18px;cursor:pointer;transition:background var(--t-fast) var(--ease-out-soft),color var(--t-fast) var(--ease-out-soft)}.supra-wornby__btn:hover{background:var(--supra-ink);color:var(--supra-paper)}
/*# sourceMappingURL=/cdn/shop/t/76/assets/supra-worn-by.css.map */