.rail{position:relative;overflow:hidden}.rail__wrap{padding-left:var(--gutter);padding-right:var(--gutter)}.rail__room{margin:5rem 0 0;width:100%;position:relative}@media(min-width:768px){.rail__room{margin-top:8rem}}.rail__scroll{position:relative;z-index:1;display:flex;align-items:flex-end;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-x:contain}.rail__scroll::-webkit-scrollbar{display:none}@media(max-width:767px){.rail__scroll{scroll-snap-type:x mandatory}}.rail__pad{flex:0 0 0px;height:1px}.rail__rack{position:relative;height:430px;min-width:1120px;flex:0 0 auto}@media(min-width:768px){.rail__rack{height:auto;min-width:0;width:100%;flex:0 0 100%;aspect-ratio:var(--ar, 1670 / 440);max-height:74vh}}.rail__rack svg{display:block;width:100%;height:100%;max-width:none;overflow:visible;pointer-events:all}.rail__detent{position:absolute;top:0;width:1px;height:1px;scroll-snap-align:center;pointer-events:none}.rail__detent.stop{scroll-snap-stop:always}.rail__bay{position:relative;flex:0 0 68vw;height:100%}@media(min-width:768px){.rail__bay{flex-basis:52vw}}@media(max-width:767px){.rail__pad{flex-basis:50vw}.rail__bay{flex-basis:190vw}.rail__window{left:55%;right:19%}}.rail__window{position:absolute;left:8%;right:22%;top:8%;bottom:14%;transform:translate(var(--px, 0px));will-change:transform;border:var(--rule) solid var(--ink);overflow:hidden;background:#f4f4f4;pointer-events:none}.rail__bayfloor{position:absolute;left:0;right:0;height:var(--rule);background:var(--hair)}.rail__pane{position:absolute;top:-6%;right:-8%;bottom:-6%;left:-8%;background-size:cover;background-position:calc(50% + var(--bx, 0px)) 60%;filter:grayscale(1) brightness(1.02) contrast(.95);transform:scale(1.06);opacity:.9;transition:opacity 1.2s linear,filter 1.2s linear}.rail__pane.night{filter:grayscale(1) brightness(.82) contrast(.95)}.rail__pane.dusk{filter:grayscale(1) brightness(.85) contrast(.95)}.rail__pane.rain,.rail__pane.night-rain{filter:grayscale(1) brightness(.9) contrast(.95)}.rail__pane.night-rain{filter:grayscale(1) brightness(.85) contrast(.95)}.rail__pane.snow{filter:grayscale(1) brightness(1.08) contrast(.92)}.rail__mullion{position:absolute;background:var(--ink)}.rail__mullion.v{left:50%;top:0;bottom:0;width:var(--rule)}.rail__mullion.h{top:38%;left:0;right:0;height:var(--rule)}.rail--no-window .rail__bay{display:none}.g{cursor:inherit}.g-link{cursor:inherit;outline:none}.g-link:focus-visible .g .sw,.g:focus-visible .sw{outline:1px solid var(--alarm);outline-offset:6px}.rail__index{list-style:none;margin:0;padding:1rem var(--gutter, 1rem);display:grid;gap:.4rem}.rail__index a{text-decoration:none;color:inherit}.js .rail__index{display:none}.g image{pointer-events:none}.g .hook{stroke:var(--border);stroke-width:1;fill:none;vector-effect:non-scaling-stroke}.g .solid{opacity:1}.g .drawn,.g.dev .solid{opacity:0}.g.dev .drawn,.g.nophoto .drawn{opacity:1}.g .flat{transition:opacity .25s linear}.sw{transform-box:fill-box;transform-origin:50% 0%}.g.touch .sw{animation:rail-sway 1.9s cubic-bezier(.22,.9,.3,1) both}.g.brush .sw{animation:rail-sway-soft 1.6s cubic-bezier(.22,.9,.3,1) both}.g.roll .sw{animation:rail-sway-roll 1.7s cubic-bezier(.22,.9,.3,1) both}@keyframes rail-sway-roll{0%{transform:rotate(0)}16%{transform:rotate(.2deg)}44%{transform:rotate(-.13deg)}72%{transform:rotate(.05deg)}to{transform:rotate(0)}}@keyframes rail-sway{0%{transform:rotate(0)}14%{transform:rotate(.45deg)}38%{transform:rotate(-.3deg)}62%{transform:rotate(.14deg)}84%{transform:rotate(-.05deg)}to{transform:rotate(0)}}@keyframes rail-sway-soft{0%{transform:rotate(0)}16%{transform:rotate(.5deg)}44%{transform:rotate(-.32deg)}72%{transform:rotate(.12deg)}to{transform:rotate(0)}}.g .hanger{pointer-events:none;opacity:1}.g.dev .hook{stroke:var(--border)}.g.on .hook{stroke:var(--ink)}.g,.g .hook{transition:opacity .18s linear,stroke .18s linear}.g:focus{outline:none}.g:focus-visible .hook{stroke:var(--ink);stroke-width:2}.steel{fill:var(--ink);stroke:none}.floor{stroke:var(--hair);stroke-width:1;fill:none;vector-effect:non-scaling-stroke}@media(prefers-reduced-motion:reduce){.g.touch .sw,.g.brush .sw,.g.roll .sw{animation:none}.g,.g *{transition:none}}.rail__capwrap{position:relative;z-index:3;padding-bottom:1.5rem;min-height:8.75rem}.rail__lead,.rail__leadh{position:absolute;z-index:5;background:var(--alarm);left:0;top:0;pointer-events:none;will-change:transform;backface-visibility:hidden}.rail__lead{width:var(--rule);height:400px;bottom:auto;transform-origin:50% 100%;transform:translateZ(0) scaleY(0);transition:transform .55s cubic-bezier(.25,.6,.15,1) .3s}.rail__leadh{height:var(--rule);width:1000px;transform-origin:0% 50%;transform:translateZ(0) scaleX(0);transition:transform .32s cubic-bezier(.25,.6,.15,1)}@media(max-width:767px){.rail__lead{transition:transform .8s cubic-bezier(.25,.6,.15,1) .42s}.rail__leadh{transition:transform .45s cubic-bezier(.25,.6,.15,1)}}.rail__lead.still,.rail__leadh.still{transition:none}.rail__capwrap.moving .rail__lead,.rail__capwrap.moving .rail__leadh{opacity:0;transition:none}@media(prefers-reduced-motion:reduce){.rail__lead,.rail__leadh{transition:none}}.rail__caption{position:relative;padding:.85rem 0 0 .9rem;width:17rem;max-width:calc(100% - 1rem);height:7.25rem;overflow:hidden;text-align:left;transition:margin-left .16s cubic-bezier(.16,1,.3,1)}@media(max-width:767px){.rail__caption{margin-left:0!important;padding-left:0}}@media(prefers-reduced-motion:reduce){.rail__caption{transition:none}}.rail__caption .num{color:var(--faint);font-variant-numeric:tabular-nums}.rail__caption .nm{font-family:var(--display);font-weight:300;font-size:1.5rem;line-height:1.15;letter-spacing:.0625rem;margin-top:.15rem;text-wrap:balance}.rail__caption .st{color:var(--mute);font-size:.8125rem;margin-top:.25rem}.rail__caption .st.dev{color:var(--faint)}.rail__more{position:absolute;right:0;top:1.1rem;z-index:6;display:inline-flex;align-items:center;height:40px;padding:0 1.4rem;background:var(--ink);color:var(--paper);text-decoration:none;font-family:var(--text);font-size:.6875rem;letter-spacing:.17em;text-transform:uppercase}.rail__more:focus-visible{outline:var(--rule) solid var(--ink);outline-offset:2px}.rail__more[hidden],.rail__capwrap.bay .rail__more{visibility:hidden;display:inline-flex}@media(max-width:767px){.rail__more{height:36px;padding:0 1.1rem}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/the-rail.css.map */