/* Home "The Collection" stack (js/rotstack.js): one full-screen scroll-snapped row per page, 3 products per row (2 on phones), page bars on the right, drag-to-rotate on every
   product that has real 3-4 view photos (same crossfade look as the old css/rotate.css tiles).  Nav is 74px sticky (css/style.css .nav). */
.rs-wrap{position:relative;--rs-h:calc(100vh - 74px);--rs-h:calc(100svh - 74px)}
.rs-scroll{height:var(--rs-h);min-height:540px;overflow-x:hidden;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior-y:auto;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;outline:none}
.rs-scroll::-webkit-scrollbar{display:none}
.rs-scroll:focus-visible{outline:1px solid var(--line);outline-offset:-4px}
.rs-row{height:100%;scroll-snap-align:start;scroll-snap-stop:always;display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:clamp(1rem,3vw,3.2rem);align-items:center;justify-items:center;max-width:1440px;margin:0 auto;padding:0 clamp(2.4rem,6vw,6.5rem) 0 clamp(1rem,4vw,4.5rem)}
.rs-item{display:block;width:min(100%,calc((var(--rs-h) - 150px) * .8));min-width:0;color:inherit;-webkit-tap-highlight-color:transparent}
.rs-img{display:block;position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--bg)}
.rs-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none;transition:transform .8s ease}
.rs-img img.rs-studio{mix-blend-mode:multiply}
.rs-item:hover .rs-img>img{transform:scale(1.04)}
.rs-img.rs-has-rot{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}
.rs-item.rs-drag .rs-img{cursor:grabbing}
.rs-img .rs-stack{position:absolute;inset:0;display:block;background:#fff;mix-blend-mode:multiply;isolation:isolate;transition:transform .8s ease}   /* white inside the group is multiplied away onto the page colour */
.rs-item:hover .rs-img .rs-stack{transform:scale(1.04)}
.rs-img .rs-stack img{opacity:0;pointer-events:none;transition:none;transform:none}
.rs-item:hover .rs-img .rs-stack img{transform:none}
.rs-t{display:block;padding-top:.6rem}
.rs-t small{display:block;font-family:var(--geo);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rs-t b{display:block;font-family:var(--geo);font-weight:500;font-size:.88rem;letter-spacing:.02em;line-height:1.35;margin-top:.1rem}
html:is([lang="zh-CN"],[lang="ja"]) .rs-t small{font-size:.68rem;letter-spacing:.08em}
.rs-hint{position:absolute;left:0;right:0;bottom:.55rem;display:flex;align-items:center;justify-content:center;gap:.4rem;pointer-events:none;color:var(--muted);font-family:var(--geo);font-size:.56rem;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;opacity:.85;transition:opacity .5s ease}
.rs-hint i{font-style:normal}
.rs-has-rot.used .rs-hint{opacity:0}
html:is([lang="zh-CN"],[lang="ja"]) .rs-hint{font-size:.64rem;letter-spacing:.08em;text-transform:none}
/* page bars (right edge) */
.rs-pager{position:absolute;right:clamp(.2rem,1.2vw,1.4rem);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:0;z-index:2}
.rs-dot{width:26px;height:24px;border:0;background:none;padding:0;cursor:pointer;display:grid;place-items:center;-webkit-tap-highlight-color:transparent}
.rs-dot i{display:block;width:2px;height:13px;border-radius:2px;background:var(--line);transition:height .3s ease,background .3s ease,width .3s ease}
.rs-dot:hover i{background:var(--muted)}
.rs-dot.on i{height:22px;width:3px;background:var(--ink)}
.rs-dot:focus-visible{outline:1px solid var(--ink);outline-offset:-2px}
.rs-skip{margin-top:.5rem;width:26px;height:26px;display:grid;place-items:center;font-size:0;color:var(--muted);text-decoration:none;opacity:.8}
.rs-skip:hover,.rs-skip:focus-visible{color:var(--ink);opacity:1}
.rs-skip::before{content:"";width:7px;height:7px;border-right:1.2px solid currentColor;border-bottom:1.2px solid currentColor;transform:rotate(45deg) translate(-2px,-2px)}
.rs-count{display:block;margin-bottom:.7rem;font-family:var(--geo);font-size:.56rem;letter-spacing:.06em;color:var(--muted);pointer-events:none;white-space:nowrap}
@media (max-width:1000px){.rs-item{width:min(100%,calc((var(--rs-h) - 130px) * .8))}}
@media (max-width:760px){
  .rs-scroll{min-height:500px}
  .rs-row{grid-template-columns:1fr;grid-template-rows:repeat(var(--n,2),1fr);gap:0;padding:0 2.1rem 0 1rem;align-content:stretch}
  .rs-item{width:min(100%,calc(var(--rs-h) / 2 - 62px));align-self:center}
  .rs-img{aspect-ratio:1/1}
  .rs-t{padding-top:.4rem;text-align:left}
  .rs-t b{font-size:.82rem}
  .rs-hint{font-size:.5rem;letter-spacing:.1em;bottom:.45rem}
  html:is([lang="zh-CN"],[lang="ja"]) .rs-hint{font-size:.58rem}
  .rs-dot{width:22px;height:14px}.rs-dot i{height:8px}.rs-dot.on i{height:13px}
  .rs-pager{right:0}
  .rs-count{display:none}
}
@media (prefers-reduced-motion:reduce){.rs-scroll{scroll-behavior:auto}.rs-img img,.rs-img .rs-stack{transition:none}}