/* Second direction: an interactive wardrobe on one shared ground. */
.rail-page{--paper:#eaece5;--ink:#25312a;--muted:#5f6c62;background:var(--paper)}
.rail-page .preview-note{background:#dde2d8}.rail-page header{position:relative;height:94px;padding-top:0;padding-bottom:0}.rail-page header .brand{position:absolute;left:50%;transform:translateX(-50%);width:240px}.rail-page nav{width:100%;gap:26px}.rail-page nav .join-link{margin-left:auto}.rail-page .rail-room{padding:4px 0 0;min-height:calc(100svh - 160px);display:flex;flex-direction:column;overflow:hidden}.room-title{text-align:center}.room-title h1{font-size:26px;letter-spacing:-.035em}.room-title p{font-size:13px;color:var(--muted);margin-top:5px}.rail-room>.filters{justify-content:center;margin-top:17px}.rail-page .filters button,.rail-page .view-switch button{background:transparent;border:0;min-height:40px;padding:8px 14px;font-size:13px;border-radius:22px}.rail-page .filters button[aria-pressed=true],.rail-page .view-switch button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.rail-page .filters button:hover,.rail-page .view-switch button:hover{background:#d4dccd;color:var(--ink)}.rail-stage{position:relative;height:clamp(300px,43vh,470px);margin-top:22px;isolation:isolate}.clothing-rail{height:100%;position:relative;perspective:1200px;transform-style:preserve-3d;width:min(1100px,82%);margin:auto}.rack-line{position:absolute;top:14px;left:8%;right:8%;height:3px;background:#73806f;opacity:.26}.rail-piece{position:absolute;left:50%;top:0;width:clamp(240px,25vw,355px);height:100%;border:0;background:transparent;padding:0;transform:translateX(calc(-50% + var(--offset)*94px)) rotateY(var(--turn)) scale(.82);transform-origin:50% 8%;z-index:var(--depth);transition:transform .38s cubic-bezier(.2,.8,.2,1),filter .25s,opacity .25s;filter:brightness(.9);opacity:.8}.rail-piece::before{content:'';position:absolute;top:-11px;left:50%;width:12px;height:23px;border:2px solid #66715e;border-left-color:transparent;border-bottom:0;border-radius:50% 50% 0 0;z-index:-1}.rail-piece.is-active{transform:translateX(-50%) rotateY(0deg) scale(1);filter:none;opacity:1}.rail-piece:hover{filter:none;opacity:1;transform:translateX(calc(-50% + var(--offset)*94px)) rotateY(0deg) scale(.94);z-index:40}.rail-piece.is-active:hover{transform:translateX(-50%) scale(1.025)}.rail-piece:focus-visible{outline:2px solid var(--accent);outline-offset:8px}.rail-piece .product-image{height:100%;width:auto;max-width:100%;margin:auto;background:transparent}.rail-piece .product-image img{height:100%;width:200%;top:0;transform:none}.rail-arrow{position:absolute;top:45%;z-index:50;width:44px;height:44px;border:1px solid #9ca695;border-radius:50%;background:var(--paper);font-size:21px}.rail-arrow:hover{background:var(--ink);color:var(--paper)}.rail-arrow.prev{left:3%}.rail-arrow.next{right:3%}.rail-caption{text-align:center;margin-top:12px}.rail-caption>span{font-size:13px;color:var(--muted)}.rail-caption h2{font-size:25px;letter-spacing:-.03em;margin-top:7px}.rail-caption p{font-size:13px;color:var(--muted);margin-top:4px}.rail-caption>button{background:none;border:0;border-bottom:1px solid currentColor;font-size:13px;padding:8px 0;margin-top:10px}.rail-caption>button:hover{color:var(--accent)}.rail-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px var(--space);margin-top:auto;font-size:13px}.rail-bottom>span{color:var(--muted)}.ticker{overflow:hidden;background:#cbd79a;color:#243021;padding:7px 0;font-size:14px;font-weight:700;letter-spacing:.08em}.ticker>div{display:flex;white-space:nowrap;width:max-content;animation:drift 120s linear infinite}.ticker-group{display:flex;flex:0 0 auto;min-width:100vw;justify-content:space-around;gap:1em;padding-right:1em}.ticker-group>span{flex-shrink:0}.ticker:hover>div{animation-play-state:paused}@keyframes drift{to{transform:translateX(-50%)}}.rail-page .story{padding-top:70px}.rail-page .tree-art{max-width:350px}.rail-page .signup{background:#dfe4d6}.rail-page .product-image{background:transparent}.rail-page #product-dialog{width:100vw;max-width:none;max-height:none;height:100dvh;margin:0;padding:24px 40px;background:var(--paper);overflow:auto}.rail-page #product-dialog::backdrop{background:var(--paper)}.rail-page .detail-layout{display:block;position:relative;max-width:1100px;margin:auto}.rail-page .detail-visual{max-width:370px;margin:auto}.rail-page .detail-visual .product-image{height:44vh;max-width:100%;width:auto;margin:auto}.rail-page .detail-copy{text-align:center;max-width:630px;margin:18px auto}.rail-page .detail-copy h2{font-size:32px}.rail-page .detail-copy>p{margin-bottom:12px}.rail-page #detail-category{display:none}.rail-page #detail-description{font-size:14px;max-width:530px;margin-left:auto;margin-right:auto}.rail-page .detail-copy .availability{margin-top:16px}.rail-page #detail-price,.rail-page .detail-copy>.muted,.rail-page .detail-copy .form-foot{font-size:13px}.rail-page .detail-copy select{width:180px;min-height:40px}.rail-page #choose-product{width:auto;margin:12px auto 0;padding:10px 28px;min-height:44px;border-radius:24px}.rail-page .detail-prev,.rail-page .detail-next{position:fixed;top:35%;border:1px solid #7d8c78;border-radius:50%;width:48px;height:48px;background:var(--paper);font-size:22px}.rail-page .detail-prev{left:7%}.rail-page .detail-next{right:7%}.rail-page .close{position:sticky;top:0;z-index:70;background:var(--paper);padding:8px 12px}.rail-page .detail-side button{border-radius:24px}.rail-page .brand img{mix-blend-mode:multiply}
@media(min-width:1600px){.rail-page main,.rail-page header,.rail-page footer{max-width:none}.rail-stage{height:46vh}.clothing-rail{width:1300px}.rail-piece{transform:translateX(calc(-50% + var(--offset)*115px)) rotateY(var(--turn)) scale(.82)}.rail-piece:hover{transform:translateX(calc(-50% + var(--offset)*115px)) rotateY(0deg) scale(.94)}.rail-piece.is-active{transform:translateX(-50%) scale(1)}}
@media(max-width:900px){.rail-page header .brand{width:195px}.rail-page nav{gap:15px}.rail-page nav a{font-size:13px}.rail-page nav a[href='#story']{display:none}.rail-piece{width:270px;transform:translateX(calc(-50% + var(--offset)*75px)) rotateY(var(--turn)) scale(.8)}.rail-piece:hover{transform:translateX(calc(-50% + var(--offset)*75px)) rotateY(0deg) scale(.92)}.rail-piece.is-active{transform:translateX(-50%) scale(1)}.rail-bottom{flex-wrap:wrap;justify-content:center;gap:8px 30px}.rail-bottom>span{display:none}}
@media(max-width:600px){.rail-page header{height:110px;align-items:end;padding-bottom:8px}.rail-page header .brand{top:0;width:200px}.rail-page nav{justify-content:space-between}.rail-page nav a[href='index.html']{display:block}.rail-page nav .join-link{margin-left:0}.room-title h1{font-size:23px}.room-title p{font-size:13px}.rail-page .rail-room{min-height:calc(100svh - 176px)}.rail-room>.filters{margin-top:8px;gap:0}.rail-stage{height:clamp(260px,36svh,355px);margin-top:16px}.clothing-rail{width:100%}.rail-piece{width:225px;transform:translateX(calc(-50% + var(--offset)*70px)) rotateY(var(--turn)) scale(.72);opacity:.65}.rail-piece:hover{transform:translateX(calc(-50% + var(--offset)*70px)) rotateY(var(--turn)) scale(.72)}.rail-piece.is-active,.rail-piece.is-active:hover{transform:translateX(-50%) scale(1);opacity:1}.rail-arrow{width:38px;height:38px}.rail-arrow.prev{left:12px}.rail-arrow.next{right:12px}.rail-caption{margin-top:10px}.rail-caption h2{font-size:23px}.rail-bottom{padding:10px 15px 15px;gap:8px}.rail-bottom .view-switch{margin:0}.rail-bottom>a{width:100%;text-align:center;font-size:13px}.ticker{font-size:13px}.rail-page #product-dialog{padding:12px 15px}.rail-page .detail-visual .product-image{height:40svh}.rail-page .detail-prev,.rail-page .detail-next{width:36px;height:36px;top:27%;z-index:50}.rail-page .detail-prev{left:12px}.rail-page .detail-next{right:12px}.rail-page .detail-copy h2{font-size:27px}.rail-page .detail-copy{margin-top:15px}.rail-page .detail-copy>p{margin-bottom:10px}.rail-page .detail-copy .availability{margin-top:12px}.rail-page .story{padding-top:45px}}
@media(prefers-reduced-motion:reduce){.ticker>div{animation:none}.rail-piece{transition:none}}
.rail-page header .brand{mix-blend-mode:multiply}
.rail-piece{opacity:1;filter:none}
@media(max-width:600px){.rail-piece{opacity:1}}