.offbeat-category-slider-section{margin:0;padding:0}.ob-cat,.ob-cat *{box-sizing:border-box}.ob-cat{--ob-cat-gap:18px;background:var(--ob-cat-bg);color:var(--ob-cat-ink);padding:clamp(38px,5.5vw,84px) 0 clamp(33px,5vw,64px);overflow:hidden;width:100%;font-family:var(--font-body-family),Arial,sans-serif}.ob-cat__head{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:0 clamp(18px,4vw,72px);margin:0 auto 32px;max-width:1800px}.ob-cat__intro{min-width:0}.ob-cat__eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 13px;font-size:10px;font-weight:850;letter-spacing:.17em;line-height:1.35}.ob-cat__eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--ob-cat-ink);flex:0 0 7px}.ob-cat__title{font:900 clamp(30px,4.25vw,66px)/1.02 var(--font-heading-family),Arial,sans-serif!important;letter-spacing:-.065em;margin:0 0 12px;color:var(--ob-cat-ink)!important;max-width:100%;text-transform:uppercase}.ob-cat__desc{margin:0;max-width:500px;font:500 13px/1.6 var(--font-body-family),Arial,sans-serif;color:var(--ob-cat-muted)}.ob-cat__head-actions{display:flex;align-items:center;gap:22px;flex:0 0 auto;padding-bottom:3px}.ob-cat__viewall{display:inline-flex;align-items:center;gap:9px;color:var(--ob-cat-ink)!important;text-decoration:none!important;font:800 10px/1.2 var(--font-heading-family),Arial,sans-serif;letter-spacing:.13em;border-bottom:1px solid var(--ob-cat-ink);padding-bottom:7px;white-space:nowrap}.ob-cat__viewall svg{display:block;transition:transform .3s cubic-bezier(.2,.8,.2,1)}.ob-cat__viewall:hover svg{transform:translate(4px)}.ob-cat__arrows{display:flex;align-items:center;gap:8px}.ob-cat__arrow{width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--ob-cat-ink);border-radius:50%;color:var(--ob-cat-ink);padding:0;cursor:pointer;transition:background .22s,color .22s,transform .22s}.ob-cat__arrow svg{display:block;width:20px;height:20px;flex:0 0 20px}.ob-cat__arrow:not(:disabled):hover{background:var(--ob-cat-ink);color:var(--ob-cat-bg);transform:scale(1.06)}.ob-cat__arrow:disabled{opacity:.27;cursor:default}.ob-cat__rail{display:grid;grid-auto-flow:column;grid-auto-columns:29.9%;gap:var(--ob-cat-gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-left:clamp(18px,4vw,72px);overscroll-behavior-inline:contain;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;padding:0 clamp(18px,4vw,72px) 2px;max-width:1800px;margin:0 auto}.ob-cat__rail::-webkit-scrollbar{display:none}.ob-cat__rail:focus-visible{outline:2px solid var(--ob-cat-ink);outline-offset:-2px}.ob-cat__card{display:block;position:relative;min-width:0;aspect-ratio:3/4;max-height:530px;overflow:hidden;isolation:isolate;scroll-snap-align:start;background:#292825;color:#fff!important;text-decoration:none!important;border-radius:5px;box-shadow:none;transform:translateZ(0)}.ob-cat__art,.ob-cat__shade{position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:hidden}.ob-cat__art{background:#6a6359}.ob-cat__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center top;transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .5s}.ob-cat__card:hover .ob-cat__image{transform:scale(1.075);filter:saturate(1.06)}.ob-cat__shade{z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.34) 0%,transparent 36%,rgba(0,0,0,.07) 48%,rgba(0,0,0,.85) 100%);transition:background .3s}.ob-cat__serial{position:absolute;z-index:2;top:21px;left:22px;font:800 10px/1.2 var(--font-heading-family),Arial,sans-serif;letter-spacing:.16em;color:#fff}.ob-cat__badge{position:absolute;z-index:2;top:18px;right:18px;padding:9px 11px;background:#f7f1e7;color:#111;font:850 9px/1.2 var(--font-heading-family),Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase;border-radius:2px;max-width:54%;text-align:right}.ob-cat__card-bottom{position:absolute;z-index:2;left:22px;right:22px;bottom:21px;display:flex;align-items:end;justify-content:space-between;gap:15px}.ob-cat__card-copy{min-width:0}.ob-cat__kicker{display:block;margin:0 0 6px;font:750 10px/1.2 var(--font-heading-family),Arial,sans-serif;letter-spacing:.13em;opacity:.85}.ob-cat__card-title{color:#fff!important;margin:0;font:900 clamp(22px,2.55vw,39px)/1.01 var(--font-heading-family),Arial,sans-serif!important;letter-spacing:-.055em;overflow-wrap:break-word;text-transform:uppercase}.ob-cat__card-arrow{display:flex;align-items:center;justify-content:center;width:47px;height:47px;border:1px solid rgba(255,255,255,.9);border-radius:50%;flex:0 0 47px;transition:background .28s,color .28s,transform .28s}.ob-cat__card-arrow svg{display:block;width:20px;height:20px}.ob-cat__card:hover .ob-cat__card-arrow{background:#fff;color:#111;transform:rotate(45deg)}.ob-cat__card--all .ob-cat__art{background:#121212}.ob-cat__card--graphic:not(.ob-cat__card--all) .ob-cat__art{background:#797268}.ob-cat__graphic{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:start;justify-content:center;overflow:hidden;background-image:repeating-linear-gradient(-41deg,transparent 0,transparent 27px,rgba(255,255,255,.035) 28px,transparent 29px)}.ob-cat__graphic-line,.ob-cat__graphic-index{position:absolute;left:20px;font:750 10px/1 var(--font-heading-family),Arial,sans-serif;letter-spacing:.13em;color:#fff9}.ob-cat__graphic-line{top:77px}.ob-cat__graphic-index{bottom:110px}.ob-cat__graphic-big{position:relative;z-index:1;font:900 clamp(66px,10vw,180px)/.8 var(--font-heading-family),Arial,sans-serif;letter-spacing:-.1em;color:#f7f1e7;transform:rotate(-11deg) translate(-4%);opacity:.85;text-transform:uppercase;white-space:nowrap}.ob-cat__graphic-figure{position:absolute;right:-30%;top:14%;width:82%;height:auto;opacity:.13;color:#fff}.ob-cat__foot{display:flex;align-items:center;justify-content:space-between;gap:30px;max-width:1800px;padding:0 clamp(18px,4vw,72px);margin:20px auto 0;font:800 9px/1.3 var(--font-heading-family),Arial,sans-serif;letter-spacing:.16em;color:var(--ob-cat-muted)}.ob-cat__progress{width:min(22vw,270px);height:2px;background:#11111124;position:relative;overflow:hidden}.ob-cat__progress span{display:block;height:100%;width:20%;background:var(--ob-cat-ink);transform-origin:left center;transition:width .22s ease}@media(max-width:989px){.ob-cat__rail{grid-auto-columns:43%}.ob-cat__card{max-height:none}.ob-cat__head{gap:20px}.ob-cat__title{font-size:clamp(29px,4.4vw,44px)!important}}@media(max-width:749px){.ob-cat{padding:43px 0 36px}.ob-cat__head{padding:0 18px;margin-bottom:23px;align-items:end;gap:12px}.ob-cat__title{font-size:34px!important;line-height:.98!important;margin-bottom:9px}.ob-cat__desc{font-size:12px;max-width:260px}.ob-cat__eyebrow{font-size:9px;margin-bottom:10px}.ob-cat__head-actions{align-self:flex-end;gap:0}.ob-cat__viewall{display:none}.ob-cat__arrows{gap:7px}.ob-cat__arrow{width:36px;height:36px}.ob-cat__arrow svg{width:17px;height:17px}.ob-cat__rail{grid-auto-columns:78%;padding:0 18px 1px;scroll-padding-left:18px;gap:14px}.ob-cat__card{aspect-ratio:3/4;max-height:530px}.ob-cat__serial{top:16px;left:17px}.ob-cat__badge{top:14px;right:14px;font-size:8px;padding:8px}.ob-cat__card-bottom{left:17px;right:17px;bottom:17px}.ob-cat__card-title{font-size:30px!important}.ob-cat__card-arrow{width:40px;height:40px;flex-basis:40px}.ob-cat__foot{padding:0 18px;margin-top:16px;font-size:8px}.ob-cat__foot>span:last-child{display:none}.ob-cat__progress{width:35%}}@media(prefers-reduced-motion:reduce){.ob-cat__arrow,.ob-cat__image,.ob-cat__card-arrow,.ob-cat__viewall svg,.ob-cat__progress span{transition:none!important}.ob-cat__rail{scroll-behavior:auto!important}}.offbeat-category-slider-section{inline-size:100%;max-inline-size:100%;min-inline-size:0;overflow-x:clip}.offbeat-category-slider-section .ob-cat__rail{inline-size:100%;max-inline-size:100%;min-inline-size:0;overscroll-behavior-x:contain;overflow-x:auto;overflow-y:hidden}.offbeat-category-slider-section .ob-cat__head,.offbeat-category-slider-section .ob-cat__foot{max-inline-size:100%;min-inline-size:0}
/*# sourceMappingURL=/cdn/shop/t/13/assets/offbeat-category-carousel.css.map */