.dsp-rail,.dsp-spin{--ground: #efe9df;--ink: #2b2620;--muted: #8a8074;--muted-text: #6c6358;--rail: #6b5a45;--rail-hi: #8a765c;--rail-lo: #4f4233;--iron: #4b4743;--iron-hi: #938d85;--iron-lo: #211f1c;--walnut: #7d5c3c;--walnut-hi: #a9825a;--walnut-lo: #4e3821;--line: rgba(43, 38, 32, .16);--hook: #3d362e;--veil: rgba(239, 233, 223, .83);--veil-blur: 9px;--grain: .05;--font-display: "Cormorant Garamond", "Cormorant", Garamond, "Times New Roman", serif;--font-ui: "Hanken Grotesk", "Helvetica Neue", Arial, sans-serif;--size-k: 1;--gh-base: clamp(360px, 62vh, 600px);--gw: min(calc(var(--gh-base) * var(--size-k) * .8), calc((100vw - 64px) / (var(--count) * var(--pitch-k) + .9)));--gh: calc(var(--gw) / .8);--pitch-k: .29;--pitch: calc(var(--gw) * var(--pitch-k));--shift: calc(var(--gw) * .18);--count: 7;--hook-h: 52px;--rail-y: 14px;--rail-th: 9px;--hook-display: block;--shadow-ink: 43, 38, 32;--shadow-rest: drop-shadow(0 16px 12px rgba(var(--shadow-ink), .3));--shadow-on: drop-shadow(0 28px 22px rgba(var(--shadow-ink), .28));--shadow-focus: drop-shadow(0 40px 34px rgba(var(--shadow-ink), .3));--ease: cubic-bezier(.22, 1, .36, 1);--dur: .52s;color-scheme:light}@media(max-width:767px){.dsp-rail,.dsp-spin{--gh-base: min(54vh, 430px);--pitch: calc(var(--gw) * .46);--hook-h: 46px}}.dsp-rail,.dsp-spin{color:var(--ink);font:400 16px/1.5 var(--font-ui);letter-spacing:normal;text-transform:none;text-align:left;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}.dsp-rail *,.dsp-rail *:before,.dsp-rail *:after,.dsp-spin *,.dsp-spin *:before,.dsp-spin *:after{box-sizing:border-box}.dsp-rail ::selection,.dsp-spin ::selection{background:var(--rail);color:var(--ground)}.dsp-rail a,.dsp-spin a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}.dsp-rail :focus-visible,.dsp-spin :focus-visible{outline:1.5px solid var(--ink);outline-offset:4px;box-shadow:none}.dsp-rail [hidden],.dsp-spin [hidden]{display:none!important}.dsp-rail.dsp-rail-hero,.dsp-spin{position:relative;isolation:isolate;background:var(--ground);overflow-x:clip;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease)}.dsp-rail.dsp-rail-hero{padding-bottom:clamp(24px,5vh,56px)}.dsp-rail .dsp-grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none;opacity:var(--grain);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:multiply}.dsp-rail[data-ground=dark] .dsp-grain{mix-blend-mode:screen;filter:invert(1)}.dsp-rail .dsp-title,.dsp-rail .dsp-focus-name{font-family:var(--font-display);font-weight:500;font-style:normal;letter-spacing:-.01em;text-transform:none;color:inherit;margin:0;text-wrap:balance;word-break:normal}.dsp-rail .dsp-tag{display:inline-block;vertical-align:middle;font:500 11px/1 var(--font-ui);letter-spacing:.08em;color:var(--muted-text);border:1px solid var(--line);padding:4px 7px 5px;border-radius:2px}.dsp-rail .dsp-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:0 26px;background:var(--ink);color:var(--ground);border:1px solid var(--ink);border-radius:0;box-shadow:none;font:500 13px/1 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background-color .24s var(--ease),color .24s var(--ease),border-color .24s var(--ease)}.dsp-rail .dsp-btn:hover{background:var(--rail);border-color:var(--rail);color:#f6f1e8}.dsp-rail[data-ground=dark] .dsp-btn:hover{background:var(--rail-lo);border-color:var(--rail-lo)}.dsp-rail .dsp-btn svg{width:16px;height:16px}.dsp-rail .dsp-loader,.dsp-spin .dsp-loader{position:absolute;left:50%;top:calc(var(--rail-y) + 40px);width:min(280px,60vw);transform:translate(-50%);display:grid;gap:10px;justify-items:start;transition:opacity .3s var(--ease)}.dsp-rail .dsp-loader-track,.dsp-spin .dsp-loader-track{width:100%;height:1px;background:var(--line);overflow:hidden}.dsp-rail .dsp-loader-fill,.dsp-spin .dsp-loader-fill{display:block;height:100%;width:100%;background:var(--ink);transform-origin:0 50%;transform:scaleX(0);transition:transform .16s linear}.dsp-rail .dsp-loader-text,.dsp-spin .dsp-loader-text{font:400 12px/1 var(--font-ui);letter-spacing:.02em;color:var(--muted-text);font-variant-numeric:tabular-nums}.dsp-rail.is-ready .dsp-loader,.dsp-spin.is-ready .dsp-loader{opacity:0;pointer-events:none}.dsp-rail .dsp-loader.is-error .dsp-loader-text,.dsp-spin .dsp-loader.is-error .dsp-loader-text{color:var(--ink)}.dsp-rail .dsp-intro{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:end;gap:24px 48px;padding:clamp(12px,3vh,40px) clamp(16px,4vw,56px) clamp(8px,2vh,24px)}.dsp-rail .dsp-title{font-size:clamp(41.6px,5vw,76.8px);line-height:1;max-width:13ch}.dsp-rail .dsp-lede{margin:0 0 .6em;justify-self:end;max-width:34ch;text-wrap:balance;color:var(--muted-text);font-size:15px;line-height:1.5}.dsp-rail .dsp-for-touch{display:none}@media(hover:none){.dsp-rail .dsp-for-hover{display:none}.dsp-rail .dsp-for-touch{display:inline}}.dsp-rail .dsp-stage{position:relative;height:calc(var(--hook-h) + var(--gh) * .79 + 40px);margin-top:8px}.dsp-rail .dsp-scroller{height:100%}.dsp-rail .dsp-inner{position:relative;height:100%;visibility:hidden}.dsp-rail.is-ready .dsp-inner{visibility:visible}.dsp-rail .dsp-bar{position:absolute;z-index:0;left:50%;top:var(--rail-y);height:var(--rail-th);width:min(calc(100vw - 32px),calc(var(--pitch) * var(--count) + var(--gw) * .75));transform:translate(-50%);border-radius:2px;background:linear-gradient(180deg,var(--iron-hi) 0%,var(--iron) 34%,var(--iron-lo) 82%,var(--iron) 100%);box-shadow:0 7px 12px -6px #2b262073}.dsp-rail .dsp-bar:before,.dsp-rail .dsp-bar:after{content:"";position:absolute;top:50%;width:calc(var(--rail-th) * 1.5);height:calc(var(--rail-th) * 2.9);margin-top:calc(var(--rail-th) * -1.45);border-radius:3px;background:linear-gradient(180deg,var(--iron-hi) 0%,var(--iron) 30%,var(--iron-lo) 88%,var(--iron) 100%);box-shadow:inset 0 0 0 1px #0000002e,0 4px 8px -4px #2b262080}.dsp-rail .dsp-bar:before{left:calc(var(--rail-th) * -.6)}.dsp-rail .dsp-bar:after{right:calc(var(--rail-th) * -.6)}.dsp-rail .dsp-coupling{position:absolute;top:50%;width:calc(var(--rail-th) * 3.4);height:calc(var(--rail-th) * 1.45);margin-top:calc(var(--rail-th) * -.725);border-radius:2px;background:repeating-linear-gradient(90deg,#0000 0 3px,#00000038 3px 4px),linear-gradient(180deg,var(--iron-hi) 0%,var(--iron) 34%,var(--iron-lo) 84%,var(--iron) 100%);box-shadow:0 3px 6px -3px #2b262080}.dsp-rail .dsp-coupling:first-child{left:16%}.dsp-rail .dsp-coupling:last-child{right:16%}.dsp-rail[data-rail=wood] .dsp-bar{border-radius:4px;background:repeating-linear-gradient(90deg,#0000 0 37px,#281c101a 37px 39px,#0000 39px 83px,#fff0dc14 83px 85px),linear-gradient(180deg,var(--rail-hi),var(--rail) 45%,var(--rail-lo));box-shadow:0 6px 10px -6px #2b262059}.dsp-rail[data-rail=wood] .dsp-bar:before,.dsp-rail[data-rail=wood] .dsp-bar:after{width:calc(var(--rail-th) * 2.2);height:calc(var(--rail-th) * 2.2);margin-top:calc(var(--rail-th) * -1.1);border-radius:50%;box-shadow:none;background:radial-gradient(circle at 35% 35%,var(--rail-hi),var(--rail) 55%,var(--rail-lo))}.dsp-rail[data-rail=wood] .dsp-bar:before{left:calc(var(--rail-th) * -1.6)}.dsp-rail[data-rail=wood] .dsp-bar:after{right:calc(var(--rail-th) * -1.6)}.dsp-rail[data-rail=wood] .dsp-coupling{display:none}.dsp-rail .dsp-bar:empty,.dsp-rail .dsp-m-rail:empty{display:block}.dsp-rail[data-rail=none] .dsp-bar{display:none}.dsp-rail .dsp-track{position:relative;z-index:1;display:flex;justify-content:center;height:100%;margin:0;padding:0;list-style:none}.dsp-rail .dsp-slot{position:relative;flex:0 0 var(--pitch);height:100%;margin:0;padding:0;list-style:none;transform:translate(var(--dx, 0px));transition:transform var(--dur) var(--ease)}.dsp-rail .dsp-slot:before,.dsp-rail .dsp-slot::marker{content:none}.dsp-rail .dsp-slot.is-on{z-index:2}.dsp-rail .dsp-slot-btn{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;min-width:0;height:auto;min-height:0;padding:0;margin:0;border:0;border-radius:0;background:none;box-shadow:none;color:inherit;font:inherit;cursor:pointer;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.dsp-rail .dsp-slot-btn:before,.dsp-rail .dsp-slot-btn:after{content:none}.dsp-rail .dsp-slot-btn:focus-visible{outline-offset:-2px}.dsp-rail .dsp-slot.is-on .dsp-slot-btn{inset:0 calc(var(--gw) * -.275);width:auto}.dsp-rail .dsp-slot-cv{position:absolute;left:50%;top:calc(var(--hook-h) - var(--gh) * .115);width:var(--gw);height:var(--gh);max-width:none;max-height:none;margin:0 0 0 calc(var(--gw) / -2);pointer-events:none;filter:var(--shadow-rest);transition:filter var(--dur) var(--ease)}.dsp-rail .dsp-slot.is-on .dsp-slot-cv{filter:var(--shadow-on)}.dsp-rail .dsp-sway{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:50% var(--rail-y);pointer-events:none}.dsp-rail .dsp-slot.is-swaying .dsp-sway{will-change:transform}.dsp-rail .dsp-hanger{display:var(--hook-display);position:absolute;left:50%;top:0;width:0;height:var(--hook-h);pointer-events:none}.dsp-rail .dsp-hook{position:absolute;left:-7px;top:calc(var(--rail-y) - 7px);width:14px;height:18px;overflow:visible}.dsp-rail .dsp-hook path{fill:none;stroke:var(--hook);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.dsp-rail .dsp-hook circle{fill:var(--hook)}.dsp-rail .dsp-stem{position:absolute;left:-.95px;width:1.9px;top:calc(var(--rail-y) + 10px);height:calc(var(--hook-h) - var(--rail-y) - 18px);background:var(--hook);border-radius:1px}.dsp-rail .dsp-stem:after{content:"";position:absolute;left:-2.3px;bottom:0;width:6.5px;height:5px;border-radius:1.5px;background:var(--hook)}.dsp-rail .dsp-clip-bar{position:absolute;top:calc(var(--hook-h) - 9px);left:0;height:6px;width:var(--bar-w, 30px);transform:translate(-50%);border-radius:2px;background:linear-gradient(180deg,var(--walnut-hi),var(--walnut) 45%,var(--walnut-lo));box-shadow:inset 0 1px #fff0dc40,0 1px 2px #2b262040}.dsp-rail .dsp-clip-bar:before,.dsp-rail .dsp-clip-bar:after{content:"";position:absolute;top:-1px;width:5px;height:16px;border-radius:1px 1px 2px 2px;background:linear-gradient(180deg,#ffffff47,#fff0 40%),var(--hook)}.dsp-rail .dsp-clip-bar:before{left:1px}.dsp-rail .dsp-clip-bar:after{right:1px}@keyframes dsp-rail-draw{0%{transform:translate(-50%) scaleX(0)}to{transform:translate(-50%) scaleX(1)}}@keyframes dsp-rail-draw-phone{0%{clip-path:inset(0 50% 0 50%)}to{clip-path:inset(0 -20px 0 -20px)}}@keyframes dsp-settle{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}.dsp-rail.is-ready .dsp-bar{animation:dsp-rail-draw .76s var(--ease) both}.dsp-rail.is-ready .dsp-slot-btn{animation:dsp-settle .64s var(--ease) both;animation-delay:calc(.26s + var(--i) * 55ms)}.dsp-rail .dsp-caption{display:flex;align-items:center;gap:12px;min-height:28px;margin:0;padding:0 clamp(16px,4vw,56px);justify-content:center}.dsp-rail .dsp-cap-name{font:500 22px/1 var(--font-display)}.dsp-rail .dsp-cap-idle{font-size:14px;color:var(--muted-text)}body.dsp-rail-lock{overflow:hidden}.dsp-rail.dsp-focus{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;margin:0;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-rows:1fr;align-items:center;padding:24px clamp(16px,4vw,56px);background:transparent;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);transition:background-color var(--dur) var(--ease),backdrop-filter var(--dur) var(--ease),-webkit-backdrop-filter var(--dur) var(--ease)}.dsp-rail.dsp-focus[hidden]{display:none!important}.dsp-rail.dsp-focus.is-open{background:var(--veil);-webkit-backdrop-filter:blur(var(--veil-blur));backdrop-filter:blur(var(--veil-blur))}.dsp-rail .dsp-focus-stage{grid-column:2;display:grid;place-items:center;height:100%}.dsp-rail .dsp-focus-cv{display:block;height:min(80vh,880px);width:auto;aspect-ratio:1040 / 1300;max-width:calc(100vw - 32px);max-height:none;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;transform-origin:0 0;transition:transform var(--dur) var(--ease);filter:var(--shadow-focus)}.dsp-rail .dsp-focus-cv.is-dragging{cursor:grabbing}.dsp-rail .dsp-focus-cv:focus-visible{outline:none}.dsp-rail .dsp-focus-meta{grid-column:3;align-self:end;justify-self:end;display:grid;gap:14px;justify-items:start;padding-bottom:6vh;opacity:0;transform:translateY(8px);transition:opacity .36s var(--ease),transform .36s var(--ease)}.dsp-rail.dsp-focus.is-open .dsp-focus-meta{opacity:1;transform:none;transition-delay:.16s}.dsp-rail .dsp-focus-name{font-size:clamp(35.2px,3.4vw,54.4px);line-height:1}.dsp-rail .dsp-focus-name-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.dsp-rail .dsp-hint{margin:0;color:var(--muted-text);font-size:14px;line-height:1.5;max-width:34ch;text-wrap:pretty}.dsp-rail .dsp-soon{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;margin:0;border:1px solid var(--line);border-radius:0;background:none;color:var(--muted-text);font:500 13px/1 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;cursor:default;-webkit-user-select:none;user-select:none}.dsp-rail .dsp-deg,.dsp-spin .dsp-deg{font:400 13px/1 var(--font-ui);font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--muted-text)}.dsp-rail .dsp-close{position:absolute;top:20px;right:clamp(16px,4vw,56px);width:48px;height:48px;min-width:0;min-height:0;display:grid;place-items:center;padding:0;margin:0;box-shadow:none;font:inherit;border:1px solid var(--line);border-radius:50%;background:var(--ground);color:var(--ink);cursor:pointer;opacity:0;transition:opacity .3s var(--ease),border-color .2s var(--ease)}.dsp-rail.dsp-focus.is-open .dsp-close{opacity:1}.dsp-rail .dsp-close:hover{border-color:var(--ink)}.dsp-rail .dsp-close svg{width:16px;height:16px}.dsp-rail .dsp-close path{stroke:currentColor;stroke-width:1.5;stroke-linecap:round;fill:none}.dsp-spin{padding:8px clamp(16px,4vw,56px) clamp(32px,6vh,64px)}.dsp-spin .dsp-pdp-stage{position:relative;display:grid;justify-items:center;gap:18px;min-height:min(78vh,820px)}.dsp-spin .dsp-pdp-cv{display:block;height:min(72vh,800px);width:auto;aspect-ratio:1040 / 1300;max-width:100%;max-height:none;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;visibility:hidden;filter:var(--shadow-focus)}.dsp-spin.is-ready .dsp-pdp-cv{visibility:visible}.dsp-spin .dsp-pdp-cv.is-dragging{cursor:grabbing}.dsp-spin .dsp-views{display:flex;align-items:center;gap:6px}.dsp-spin .dsp-view{min-height:40px;min-width:0;padding:0 14px;margin:0;border:1px solid transparent;border-radius:0;background:none;box-shadow:none;color:var(--muted-text);cursor:pointer;font:500 12px/1 var(--font-ui);letter-spacing:.12em;text-transform:uppercase}.dsp-spin .dsp-view:hover{color:var(--ink)}.dsp-spin .dsp-view[aria-pressed=true]{color:var(--ink);border-color:var(--line)}.dsp-spin .dsp-views .dsp-deg{margin-left:10px;min-width:4ch}@media(max-width:767px){.dsp-rail .dsp-intro{grid-template-columns:1fr;padding:8px 16px 0;gap:10px}.dsp-rail .dsp-title{font-size:clamp(36.8px,10.5vw,48px)}.dsp-rail .dsp-lede{justify-self:start;margin:0}.dsp-rail .dsp-stage{margin-top:4px}.dsp-rail .dsp-scroller{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.dsp-rail .dsp-scroller::-webkit-scrollbar{display:none}.dsp-rail .dsp-inner{width:max-content}.dsp-rail .dsp-track{justify-content:flex-start;padding-inline:calc(50vw - var(--pitch) / 2)}.dsp-rail .dsp-slot{scroll-snap-align:center;transform:none}.dsp-rail .dsp-bar{left:calc(50vw - var(--pitch) * .9);right:calc(50vw - var(--pitch) * .9);width:auto;transform:none}.dsp-rail.is-ready .dsp-bar{animation-name:dsp-rail-draw-phone}.dsp-rail .dsp-bar:before,.dsp-rail .dsp-bar:after{display:none}.dsp-rail .dsp-caption{justify-content:flex-start}.dsp-rail.dsp-focus{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;padding:76px 16px 24px}.dsp-rail .dsp-focus-stage{grid-column:1}.dsp-rail .dsp-focus-cv{height:min(58vh,520px)}.dsp-rail .dsp-focus-meta{grid-column:1;justify-self:stretch;padding-bottom:0;gap:10px}.dsp-rail .dsp-focus-meta .dsp-btn,.dsp-rail .dsp-focus-meta .dsp-soon{width:100%}.dsp-rail .dsp-close{top:16px;right:16px}.dsp-spin{padding-top:0}.dsp-spin .dsp-pdp-stage{min-height:0}.dsp-spin .dsp-pdp-cv{height:auto;width:min(100%,360px)}}@media(prefers-reduced-motion:reduce){.dsp-rail,.dsp-rail *,.dsp-rail *:before,.dsp-rail *:after,.dsp-spin,.dsp-spin *,.dsp-spin *:before,.dsp-spin *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/dsp-rail.css.map */