.k-rail{--piece-w: 150px;--k-gap: 16px;--k-pad: 20px;--k-rail-mark-w: 104px;--k-brass: #b08d57;--k-brass-dark: #8f6f3f;--k-brass-hook: #9c7a45;color:rgb(var(--color-foreground))}@media screen and (min-width:750px){.k-rail{--piece-w: clamp(150px, 19vw, 300px);--k-gap: 24px;--k-pad: 24px;--k-rail-mark-w: 150px}}.k-rail__head{display:flex;flex-direction:column;align-items:center;gap:12px}@media screen and (min-width:750px){.k-rail__head{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center}}.k-rail__eyebrow{margin:0;font-family:var(--cc-font-mono);font-size:1.1rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(var(--color-foreground),.75)}@media screen and (min-width:750px){.k-rail__eyebrow{font-size:1.4rem}}.k-rail__mark{margin:0;display:flex;justify-content:center;line-height:0}.k-rail__mark-img{display:block;height:auto;max-width:100%}.k-rail__mark-text{font-family:Didot,"Bodoni 72",Georgia,serif;font-size:8.8rem;line-height:1}.k-rail__swatches{display:flex;align-items:center;justify-content:center;gap:6px}@media screen and (min-width:750px){.k-rail__swatches{justify-content:flex-end;gap:8px}}.k-rail__swatch-rule{display:none;width:100px;height:1px;margin-right:10px;background:rgba(var(--color-foreground),.25)}@media screen and (min-width:750px){.k-rail__swatch-rule{display:block}}.k-rail__swatch{display:block;width:9px;height:9px;border-radius:50%}@media screen and (min-width:750px){.k-rail__swatch{width:14px;height:14px}}.k-rail__scroller{display:block;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--k-pad);scrollbar-width:none}.k-rail__scroller::-webkit-scrollbar{display:none}.k-rail__head+.k-rail__scroller{margin-top:26px}@media screen and (min-width:750px){.k-rail__head+.k-rail__scroller{margin-top:40px}}.k-rail__track{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:var(--piece-w);gap:var(--k-gap);width:max-content;margin-inline:auto;padding-inline:var(--k-pad)}.k-rail__rod{position:absolute;top:calc(var(--piece-w) * .06);left:calc(var(--k-pad) - 14px);right:calc(var(--k-pad) - 14px);height:max(4px,calc(var(--piece-w) * .0267));border-radius:4px;background:linear-gradient(180deg,#dcc394 0%,var(--k-brass) 55%,var(--k-brass-dark) 100%)}.k-rail__rod:before,.k-rail__rod:after{content:"";position:absolute;top:50%;width:max(10px,calc(var(--piece-w) * .06));aspect-ratio:1;border-radius:50%;background:var(--k-brass-hook);transform:translateY(-50%)}.k-rail__rod:before{left:-4px}.k-rail__rod:after{right:-4px}.k-rail__piece{position:relative;display:flex;flex-direction:column;align-items:center;color:inherit;text-decoration:none;scroll-snap-align:start}.k-rail__box{position:relative;display:block;width:var(--piece-w);aspect-ratio:300 / 410;transform-origin:50% 5%;transition:transform .6s cubic-bezier(.22,1,.36,1)}.k-rail__img{position:absolute;height:auto;filter:drop-shadow(0 calc(var(--piece-w) * .045) calc(var(--piece-w) * .045) rgba(21,21,26,.16))}.k-rail__hanger{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:visible}.k-rail__hook{stroke:var(--k-brass-hook);stroke-width:3;stroke-linecap:round}.k-rail__wire{stroke:var(--k-brass);stroke-width:3;stroke-linejoin:round}.k-rail__bar{fill:var(--k-brass)}.k-rail__clip{fill:var(--k-brass-dark)}@media screen and (max-width:749px){.k-rail__hook,.k-rail__wire{stroke-width:4.5}}.k-rail__label{display:inline-flex;align-items:center;min-height:44px;font-family:var(--cc-font-mono);font-size:1.1rem;letter-spacing:.22em;text-transform:uppercase}@media screen and (min-width:750px){.k-rail__label{font-size:1.3rem;letter-spacing:.24em}}@media(hover:hover)and (prefers-reduced-motion:no-preference){.k-rail__piece:hover .k-rail__box{transform:rotate(-1.6deg)}}.k-rail__piece:focus-visible{outline:none}.k-rail__piece:focus-visible .k-rail__label{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.k-rail__dots{display:flex;justify-content:center;gap:8px;margin-top:12px}.k-rail__dot{display:block;width:6px;height:4px;border-radius:2px;background:rgba(var(--color-foreground),.22);transition:width .3s ease,background-color .3s ease}.k-rail__dot.is-active{width:18px;background:rgb(var(--color-foreground))}@media screen and (min-width:750px){.k-rail__dots{display:none}}.k-rail__foot{display:flex;justify-content:center;margin-top:24px;padding-inline:var(--k-pad)}.k-rail__cta{display:inline-flex;align-items:center;justify-content:center;gap:14px;width:100%;height:52px;padding:0 36px;border:1px solid rgb(var(--color-foreground));border-radius:999px;font-family:var(--cc-font-mono);font-size:1.3rem;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;color:inherit;transition:background-color .2s ease,color .2s ease}@media screen and (min-width:750px){.k-rail__foot{margin-top:28px}.k-rail__cta{width:auto;height:54px;font-size:1.4rem;letter-spacing:.22em}}.k-rail__cta:hover{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-k-rail.css.map */