.rxl{--bg:#f3f1ec;--ink:#111;--mute:rgba(17,17,17,.55);--line:rgba(17,17,17,.14);--pad:clamp(16px,4vw,56px);background:var(--bg);color:var(--ink);padding:clamp(60px,8vw,116px) 0 clamp(52px,7vw,100px);overflow:hidden}
.rxl *{box-sizing:border-box}
.rxl__top{max-width:1520px;margin:0 auto;padding:0 var(--pad) 24px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}
.rxl__eyebrow{display:inline-block;direction:ltr;font-size:11px;letter-spacing:.34em;color:var(--mute)}
.rxl__title{margin:12px 0 0;overflow:hidden;color:var(--ink)!important;font-size:clamp(46px,7.5vw,104px);font-weight:500;line-height:1.05}
.rxl__title span{display:inline-block;transform:translateY(105%);transition:transform 1.3s cubic-bezier(.16,1,.3,1) .1s}
.rxl.is-in .rxl__title span{transform:none}
.rxl__lede{margin:14px 0 0;max-width:430px;font-size:14px;line-height:1.85;color:var(--mute);opacity:0;transition:opacity 1s ease .5s}
.rxl.is-in .rxl__lede{opacity:1}
.rxl__side{display:flex;flex-direction:column;align-items:flex-end;gap:18px;flex-shrink:0}
.rxl__all{font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--ink)!important;text-decoration:none!important;border-bottom:1px solid var(--ink);padding-bottom:4px;white-space:nowrap;transition:opacity .3s}
.rxl__all:hover{opacity:.55}
.rxl__arrows{display:flex;gap:8px;direction:ltr}
.rxl__arrow{width:46px;height:46px;padding:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);display:grid;place-items:center;cursor:pointer;transition:background .35s,color .35s,border-color .35s}
.rxl__arrow:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.rxl__arrow svg{width:16px;height:16px}
.rxl__rail{display:flex;gap:clamp(12px,1.6vw,22px);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:var(--pad);padding:clamp(30px,4vw,52px) var(--pad) 12px;perspective:1500px;scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab}
.rxl__rail::-webkit-scrollbar{display:none}
.rxl__rail.is-drag{cursor:grabbing;scroll-snap-type:none}
.rxl__card{flex:0 0 clamp(250px,25vw,380px);scroll-snap-align:start;display:block;color:var(--ink)!important;text-decoration:none!important;will-change:transform;transform-origin:center 60%}
.rxl__frame{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;background:#e9e6e0;clip-path:inset(100% 0 0 0);transition:clip-path 1.4s cubic-bezier(.77,0,.18,1) calc(var(--i,0) * .1s)}
.rxl.is-in .rxl__frame{clip-path:inset(0 0 0 0)}
.rxl__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:multiply;transform:scale(1.2);transition:transform 2s cubic-bezier(.16,1,.3,1) calc(var(--i,0) * .1s),opacity .8s ease;pointer-events:none;-webkit-user-drag:none}
.rxl.is-in .rxl__img{transform:scale(1)}
.rxl__img--b{opacity:0}
.rxl__frame.has-b:hover .rxl__img--a{opacity:0}
.rxl__frame.has-b:hover .rxl__img--b{opacity:1}
.rxl__num{position:absolute;top:14px;inset-inline-start:16px;z-index:2;direction:ltr;font-size:10px;letter-spacing:.22em;color:var(--mute)}
.rxl__view{position:absolute;inset-inline:14px;bottom:14px;z-index:2;display:flex;justify-content:center;align-items:center;gap:8px;padding:13px;background:rgba(17,17,17,.94);color:#fff;font-size:12px;font-weight:600;letter-spacing:.06em;transform:translateY(140%);transition:transform .55s cubic-bezier(.16,1,.3,1)}
.rxl__card:hover .rxl__view{transform:none}
.rxl__meta{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding-top:16px;opacity:0;transform:translateY(14px);transition:opacity 1s ease calc(.6s + var(--i,0) * .1s),transform 1s ease calc(.6s + var(--i,0) * .1s)}
.rxl.is-in .rxl__meta{opacity:1;transform:none}
.rxl__name{margin:0;font-size:14px;font-weight:500;line-height:1.5;color:var(--ink)}
.rxl__price{flex-shrink:0;font-size:13px;color:var(--mute);white-space:nowrap;unicode-bidi:isolate}
.rxl__bar{max-width:1520px;margin:26px auto 0;padding:0 var(--pad)}
.rxl__bar i{position:relative;display:block;height:1px;background:var(--line)}
.rxl__bar b{position:absolute;top:-.5px;height:2px;width:20%;left:0;background:var(--ink);transition:left .25s ease-out,right .25s ease-out}
@media(max-width:749px){
  .rxl__top{flex-direction:column;align-items:stretch;gap:18px}
  .rxl__side{flex-direction:row;align-items:center;justify-content:space-between}
  .rxl__card{flex-basis:76vw}
  .rxl__view{display:none}
  .rxl__name{font-size:13px}
}
@media(prefers-reduced-motion:reduce){
  .rxl__frame,.rxl__img,.rxl__meta,.rxl__title span,.rxl__lede{transition:none!important;clip-path:none!important;transform:none!important;opacity:1!important}
}