.oj-pairs{--oj-red: #e04e39;--oj-brown: #503629;--oj-taupe: #5e5340;--oj-cream: #fffcf7;--oj-sand: #f6f1eb;--oj-white-warm: #fffffa;--oj-grey-500: #747474;--oj-grey-400: #a49a90;--oj-grey-300: #dad2ce;--oj-grey-200: #e6e5da;--font-display: var(--font-family-heading, "TradeGothicLTStd-Extended"), "Arial Narrow", sans-serif;--font-body: var(--font-family-paragraph, var(--font-family-heading, "TradeGothicLTStd-Extended")), system-ui, sans-serif;--font-detail: var(--font-family-secondary, "p22-underground-medium"), system-ui, sans-serif;--oj-max: 1428px;--oj-gutter: 80px;--oj-fast: .2s ease-in-out;--oj-base: .3s ease-in-out;--oj-nav-h: 56px;font-family:var(--font-body);font-size:14px;line-height:24px;letter-spacing:.01em;color:var(--oj-brown);background:var(--oj-cream);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.oj-pairs *,.oj-pairs *:before,.oj-pairs *:after{box-sizing:border-box}:where(.oj-pairs) h1,:where(.oj-pairs) h2,:where(.oj-pairs) h4,:where(.oj-pairs) p{margin:0;padding:0}:where(.oj-pairs) a{color:inherit;text-decoration:none;font-family:inherit;font-size:inherit;line-height:inherit;letter-spacing:inherit}:where(.oj-pairs) button{width:auto;height:auto;max-width:none;min-width:0;margin:0;padding:0;border:0;border-radius:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-transform:none;line-height:inherit;cursor:pointer;-webkit-appearance:none;appearance:none;text-align:inherit}:where(.oj-pairs) img{max-width:100%;display:block;border:0}.oj-pairs [hidden]{display:none!important}.oj-pairs .oj-pairs-vh{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.oj-pairs-wrap{max-width:var(--oj-max);margin:0 auto;padding:0 var(--oj-gutter)}.oj-pairs .oj-pairs-eyebrow{font-family:var(--font-detail);font-weight:500;font-size:12px;line-height:16px;letter-spacing:.08em;text-transform:uppercase;color:var(--oj-red)}.oj-pairs .oj-pairs-body{font-family:var(--font-body);font-size:14px;line-height:24px;letter-spacing:.01em;color:var(--oj-brown)}.oj-pairs .oj-pairs-btn{position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:16px;min-width:240px;height:52px;padding:0 24px;border:1px solid var(--oj-grey-300);border-radius:0;background:transparent;color:var(--oj-red);font-family:var(--font-detail);font-weight:500;font-size:14px;line-height:20px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:background var(--oj-fast),color var(--oj-fast),border-color var(--oj-fast),opacity var(--oj-fast)}.oj-pairs .oj-pairs-btn--fill{background:var(--oj-red);border-color:var(--oj-red);color:var(--oj-white-warm)}.oj-pairs .oj-pairs-btn--fill:hover{opacity:.9;color:var(--oj-white-warm)}.oj-pairs .oj-pairs-btn__arrow{display:inline-flex;font-size:1.1em;line-height:1;transition:transform var(--oj-fast)}.oj-pairs .oj-pairs-btn:hover .oj-pairs-btn__arrow{transform:translate(4px)}[dir=rtl] .oj-pairs .oj-pairs-btn__arrow{transform:scaleX(-1)}[dir=rtl] .oj-pairs .oj-pairs-btn:hover .oj-pairs-btn__arrow{transform:scaleX(-1) translate(4px)}.oj-pairs .oj-pairs-btn--outline:hover{background:var(--oj-red);border-color:var(--oj-red);color:var(--oj-white-warm)}.oj-pairs .oj-pairs-btn--text{min-width:0;height:44px;padding:0;border-color:transparent;justify-content:flex-start}.oj-pairs .oj-pairs-btn--text:hover{background:none;color:var(--oj-red);opacity:.8}.oj-pairs .oj-pairs-btn:focus-visible{outline:1px solid var(--oj-brown);outline-offset:3px}.oj-pairs-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.oj-pairs-hero__copy{min-height:520px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:18px;padding:64px 56px 64px 80px;background:var(--oj-cream)}.oj-pairs .oj-pairs-hero__title{font-family:var(--font-display);font-weight:400;font-size:24px;line-height:36px;letter-spacing:.14em;text-transform:uppercase;color:var(--oj-brown);white-space:nowrap}.oj-pairs-hero__body{max-width:440px}.oj-pairs-hero__cta{width:280px;margin-top:14px}.oj-pairs-hero__cta .oj-pairs-btn{width:100%}.oj-pairs-hero__media{min-height:520px;overflow:hidden;background:var(--oj-sand)}.oj-pairs-hero__media img{width:100%;height:100%;object-fit:cover}.oj-pairs-nav{position:sticky;top:var(--oj-pairs-top, 0px);z-index:30;background:var(--oj-grey-200);border-bottom:1px solid transparent;transition:border-color var(--oj-fast)}.oj-pairs-nav.is-stuck{border-bottom-color:var(--oj-grey-300)}.oj-pairs-nav__inner{max-width:var(--oj-max);margin:0 auto;padding:0 var(--oj-gutter);height:var(--oj-nav-h);display:flex;align-items:stretch;justify-content:space-between;gap:24px}.oj-pairs-nav__scroll{display:flex;gap:32px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.oj-pairs-nav__scroll::-webkit-scrollbar{display:none}.oj-pairs .oj-pairs-nav__link{flex:none;display:inline-flex;align-items:center;height:var(--oj-nav-h);font-family:var(--font-detail);font-weight:500;font-size:12px;line-height:16px;letter-spacing:.08em;text-transform:uppercase;color:var(--oj-taupe);text-decoration:none;text-underline-offset:6px;text-decoration-thickness:1px;transition:color var(--oj-fast)}.oj-pairs .oj-pairs-nav__link:hover{color:var(--oj-brown)}.oj-pairs .oj-pairs-nav__link.is-active{color:var(--oj-brown);text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}.oj-pairs-nav__count{display:flex;align-items:center;flex:none;font-family:var(--font-detail);font-weight:500;font-size:12px;line-height:16px;letter-spacing:.08em;text-transform:uppercase;color:var(--oj-taupe)}.oj-pairs-sec{padding:64px 0 80px;background:var(--oj-cream);scroll-margin-top:calc(var(--oj-pairs-top, 0px) + var(--oj-nav-h))}.oj-pairs-sec--sand{background:var(--oj-sand)}.oj-pairs .oj-pairs-sec__title{margin-bottom:32px;font-family:var(--font-display);font-weight:400;font-size:20px;line-height:30px;letter-spacing:.14em;text-transform:uppercase;color:var(--oj-brown);text-wrap:pretty}.oj-pairs-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 24px}.oj-pairs-sec__cta{display:flex;justify-content:center;margin-top:48px}.oj-pairs-card{display:flex;flex-direction:column;min-width:0}.oj-pairs-card__media{position:relative;display:block;width:100%;aspect-ratio:.82;overflow:hidden}.oj-pairs-card__media img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform var(--oj-base),opacity var(--oj-fast)}.oj-pairs-card:hover .oj-pairs-card__media img{transform:scale(1.04)}.oj-pairs-card__text{flex:1;padding:16px 0 12px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}.oj-pairs .oj-pairs-card__name{min-height:40px;font-family:var(--font-display);font-weight:400;font-size:14px;line-height:20px;letter-spacing:.14em;text-transform:uppercase;color:var(--oj-red);text-wrap:balance}.oj-pairs .oj-pairs-card__name a:hover{color:var(--oj-red)}.oj-pairs-card__size{font-family:var(--font-detail);font-weight:500;font-size:12px;line-height:16px;letter-spacing:.08em;text-transform:uppercase;color:var(--oj-brown)}.oj-pairs .oj-pairs-card__btn{width:100%;min-width:0;justify-content:center}.oj-pairs-card__btn-inner{display:inline-flex;align-items:center;gap:10px}.oj-pairs-card__tick{display:none;width:11px;height:11px}.oj-pairs-card__error{margin-top:8px;text-align:center;font-family:var(--font-detail);font-weight:500;font-size:12px;line-height:16px;letter-spacing:.04em;color:var(--oj-red)}.oj-pairs .oj-pairs-card__btn.is-adding,.oj-pairs .oj-pairs-card__btn[disabled]{background:transparent;border-color:var(--oj-grey-300);color:var(--oj-grey-400);pointer-events:none;cursor:default}.oj-pairs .oj-pairs-card__btn.is-added{background:var(--oj-red);border-color:var(--oj-red);color:var(--oj-white-warm);pointer-events:none}.oj-pairs .oj-pairs-card__btn.is-added .oj-pairs-card__tick{display:block}.oj-pairs-card.is-sold-out .oj-pairs-card__media img{opacity:.35}.oj-pairs-card.is-sold-out:hover .oj-pairs-card__media img{transform:none}.oj-pairs-card.is-sold-out .oj-pairs-card__size{color:var(--oj-grey-500)}.oj-pairs-sizes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:stretch;border-top:1px solid var(--oj-grey-200)}.oj-pairs-sizes__feature{min-height:320px;padding:48px 40px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:16px;background:var(--oj-red);color:var(--oj-white-warm)}.oj-pairs .oj-pairs-sizes__heading{font-family:var(--font-display);font-weight:400;font-size:20px;line-height:30px;letter-spacing:.14em;text-transform:uppercase;color:var(--oj-white-warm);white-space:nowrap}.oj-pairs .oj-pairs-sizes__feature .oj-pairs-body{max-width:460px;color:var(--oj-white-warm)}.oj-pairs-sizes__panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:64px 80px 64px 56px;background:var(--oj-sand)}.oj-pairs-sizes__panel{display:flex;flex-direction:column;min-width:0}.oj-pairs-sizes__img{height:320px;display:flex;align-items:center;justify-content:center;padding:28px}.oj-pairs-sizes__img img{height:100%;width:auto;max-width:100%;object-fit:contain;mix-blend-mode:multiply}.oj-pairs-sizes__text{padding-top:20px;display:flex;flex-direction:column;gap:8px}.oj-pairs-sizes__label{font-family:var(--font-detail);font-weight:500;font-size:12px;line-height:16px;letter-spacing:.08em;text-transform:uppercase;color:var(--oj-brown)}.oj-pairs .oj-pairs-sizes__from{color:var(--oj-grey-500)}.oj-pairs-sizes__link{margin-top:12px}.oj-pairs-note{padding:96px 80px;background:var(--oj-cream)}.oj-pairs-note__inner{max-width:560px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}.oj-pairs-note__sig{height:56px;width:auto;margin-top:8px}@media(min-width:761px)and (max-width:1100px){.oj-pairs-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.oj-pairs-hero__copy{padding-left:40px;padding-right:32px}.oj-pairs .oj-pairs-hero__title{white-space:normal}.oj-pairs-sizes__panels{padding:48px 40px}}@media(max-width:760px){.oj-pairs{--oj-gutter: 20px}.oj-pairs-hero{grid-template-columns:minmax(0,1fr)}.oj-pairs-hero__media{order:-1;min-height:0;height:300px}.oj-pairs-hero__copy{min-height:0;padding:32px 20px 48px;align-items:stretch}.oj-pairs .oj-pairs-hero__title{font-size:20px;line-height:30px;white-space:normal}.oj-pairs-hero__cta{width:100%}.oj-pairs-nav__inner{gap:0}.oj-pairs-nav__scroll{padding:0 20px;margin:0 -20px;gap:24px;-webkit-overflow-scrolling:touch}.oj-pairs-nav__count{display:none}.oj-pairs-sec{padding:48px 0 56px}.oj-pairs .oj-pairs-sec__title{font-size:16px;line-height:24px;margin-bottom:24px}.oj-pairs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 12px}.oj-pairs-sec__cta{margin-top:32px}.oj-pairs-sec__cta .oj-pairs-btn{width:100%}.oj-pairs .oj-pairs-card__btn{padding:0 10px;font-size:12px;letter-spacing:.06em}.oj-pairs-sizes{grid-template-columns:minmax(0,1fr);border-top:0}.oj-pairs-sizes__feature{padding:48px 20px}.oj-pairs .oj-pairs-sizes__heading{white-space:normal}.oj-pairs-sizes__panels{display:flex;overflow-x:auto;gap:16px;padding:40px 20px 48px;scroll-snap-type:x mandatory;scroll-padding-left:20px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.oj-pairs-sizes__panels::-webkit-scrollbar{display:none}.oj-pairs-sizes__panel{flex:0 0 calc(78% - 20px);scroll-snap-align:start;scroll-snap-stop:always}.oj-pairs-sizes__panel:last-child{margin-right:20px}.oj-pairs-sizes__img{height:280px}.oj-pairs-note{padding:64px 20px}}@media(prefers-reduced-motion:reduce){.oj-pairs *,.oj-pairs *:before,.oj-pairs *:after{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/oj-pairs.css.map */