.zjv{padding:5.6rem 0 6.4rem;color:var(--zj-plum-900)}.zjv--light{background:var(--zj-lilac-100);border-top:1px solid var(--zj-lilac-200)}.zjv--white{background:var(--zj-white)}.zjv__inner{max-width:124rem;margin:0 auto}.zjv__head{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin:0 var(--zj-gutter) 2.4rem}.zjv__eyebrow{margin:0 0 1rem;font-family:var(--zj-font-ui);font-size:1.05rem;letter-spacing:.3em;text-transform:uppercase;color:var(--zj-violet-500)}.zjv__heading{margin:0;font-family:var(--zj-font-display);font-weight:400;font-size:3.4rem;line-height:1.02;color:var(--zj-plum-900);text-wrap:balance}.zjv__heading em{font-style:italic;color:var(--zj-violet-500)}.zjv__arrows{display:none;gap:.8rem;flex:0 0 auto}.zjv__arrow{display:grid;place-items:center;width:4.4rem;height:4.4rem;border-radius:50%;border:1px solid rgba(74,21,75,.25);background:transparent;color:var(--zj-plum-800);cursor:pointer;transition:background .3s,color .3s,opacity .3s}.zjv__arrow:hover{background:var(--zj-plum-800);color:var(--zj-lilac-100)}.zjv__arrow[disabled]{opacity:.3;pointer-events:none}.zjv__rail{display:flex;gap:1.4rem;margin:0;padding:.4rem var(--zj-gutter) 1.6rem;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--zj-gutter);scrollbar-width:none;overscroll-behavior-x:contain}.zjv__rail::-webkit-scrollbar{display:none}.zjv__item{flex:0 0 66%;scroll-snap-align:start;min-width:0}.zjv__foot{margin:2.4rem var(--zj-gutter) 0;text-align:center}.zjv__all{display:inline-flex;align-items:center;gap:1rem;padding:1.4rem 2.6rem;border-radius:99rem;border:1px solid var(--zj-plum-800);color:var(--zj-plum-800);font-family:var(--zj-font-ui);font-size:1.1rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;transition:background .3s var(--zj-ease),color .3s var(--zj-ease)}.zjv__all:hover{background:var(--zj-plum-800);color:var(--zj-lilac-100)}@media screen and (min-width:750px){.zjv{padding:8rem 0 9rem}.zjv__heading{font-size:4.6rem}.zjv__arrows{display:inline-flex}.zjv__rail{gap:2rem}.zjv__item{flex-basis:calc((100% - 2 * 2rem) / 3)}}@media screen and (min-width:990px){.zjv__rail{gap:2.4rem}.zjv__item{flex-basis:calc((100% - 3 * 2.4rem) / 4)}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/zj-rail.css.map */