.s-cat{position:relative;background:var(--s-color-bg);padding:var(--s-space-2) 0 var(--s-space-5);overflow:hidden}.s-cat .s-cat__divider{display:block;height:0;margin:0;border:0;border-top:1px solid var(--s-color-ink)}.s-cat__rail{display:flex;gap:2px;background:var(--s-color-bg);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab}.s-cat__rail::-webkit-scrollbar{display:none}.s-cat__rail.is-grabbing{cursor:grabbing}.s-cat__panel{position:relative;flex:0 0 80%;scroll-snap-align:start;text-decoration:none;color:inherit}.s-cat__panel:last-child{scroll-snap-align:end}.s-cat__media{position:relative;height:86vh;height:86svh;max-height:90vh;background:var(--s-color-surface);overflow:hidden}.s-cat__media img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.s-cat__scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to bottom,#1111116b,#1110 38%)}.s-cat__panel--bottom .s-cat__scrim{background:linear-gradient(to top,#1111117a,#1110 40%)}.s-cat__content{position:absolute;left:0;right:0;display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-space-3)}.s-cat__panel--top .s-cat__content{top:0;bottom:auto;padding:1.8rem}.s-cat__panel--bottom .s-cat__content{top:auto;bottom:0;padding:var(--s-space-4)}.s-cat__content--dark{--s-cat-ink: var(--s-color-ink)}.s-cat__content--light{--s-cat-ink: var(--s-color-inverse)}.s-cat__heading{margin:0;font-family:var(--s-font-primary);font-weight:700;font-size:clamp(3.1rem,10.4vw,5.7rem);line-height:.96;letter-spacing:-.02em;text-transform:uppercase;color:var(--s-cat-ink)}.s-cat__btn{--c: 1.1rem;--t: 1px;position:relative;display:inline-flex;align-items:center;justify-content:center;padding:1.3rem 2.2rem;background-color:transparent;color:var(--s-cat-ink);font-family:var(--s-font-mono);font-size:var(--s-text-xs);font-weight:400;text-transform:uppercase;letter-spacing:var(--s-track-nav);text-decoration:none;background-image:linear-gradient(var(--s-cat-ink),var(--s-cat-ink)),linear-gradient(var(--s-cat-ink),var(--s-cat-ink)),linear-gradient(var(--s-cat-ink),var(--s-cat-ink)),linear-gradient(var(--s-cat-ink),var(--s-cat-ink)),linear-gradient(var(--s-cat-ink),var(--s-cat-ink)),linear-gradient(var(--s-cat-ink),var(--s-cat-ink)),linear-gradient(var(--s-cat-ink),var(--s-cat-ink)),linear-gradient(var(--s-cat-ink),var(--s-cat-ink));background-repeat:no-repeat;background-position:top left,top left,top right,top right,bottom left,bottom left,bottom right,bottom right;background-size:var(--c) var(--t),var(--t) var(--c),var(--c) var(--t),var(--t) var(--c),var(--c) var(--t),var(--t) var(--c),var(--c) var(--t),var(--t) var(--c);transition:color var(--s-duration) var(--s-ease),background-color var(--s-duration) var(--s-ease)}@media(hover:hover){.s-cat__panel:hover .s-cat__btn{background-color:var(--s-cat-ink);color:var(--s-color-ink)}.s-cat__content--dark .s-cat__panel:hover .s-cat__btn,.s-cat__panel:hover .s-cat__content--dark .s-cat__btn{color:var(--s-color-inverse)}}@media screen and (min-width:990px){.s-cat__panel{flex-basis:62%}.s-cat__media{height:82vh;height:82svh}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/sauvryn-category.css.map */