.op-rail{position:relative;z-index:5;width:100%}
.op-rail .op-rail__meta{display:flex;justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto 18px;padding:0 4px;font-family:"DM Sans",sans-serif;font-size:11px;letter-spacing:.25em;text-transform:uppercase;font-weight:500}
.op-rail .op-rail__count{font-family:"Syne",sans-serif;font-weight:700;font-size:14px;letter-spacing:.1em}
.op-rail .op-rail__count b{color:#EB9A01;font-weight:700}
.op-rail .op-rail__track{display:flex;gap:20px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:max(16px,calc((100% - 1100px)/2));padding:6px max(16px,calc((100% - 1100px)/2)) 18px;scrollbar-width:none;cursor:grab;outline:none;overscroll-behavior-x:contain}
.op-rail .op-rail__track::-webkit-scrollbar{display:none}
.op-rail .op-rail__track.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}
.op-rail .op-rail__track.is-dragging .op-rail__card{pointer-events:none}
.op-rail .op-rail__card{position:relative;flex:0 0 clamp(230px,24vw,300px);aspect-ratio:5/7;border-radius:24px;overflow:hidden;scroll-snap-align:start;background:#EB9A01;color:#fff;text-decoration:none;display:block;-webkit-user-drag:none;user-select:none}
.op-rail .op-rail__media{position:absolute;inset:0;display:block}
.op-rail .op-rail__img,.op-rail .op-rail__media img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.op-rail .op-rail__body{container-type:inline-size;position:absolute;left:0;right:0;bottom:0;padding:60px 22px 20px;display:flex;flex-direction:column;gap:6px;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.55) 100%)}
.op-rail .op-rail__tag{font-family:"DM Sans",sans-serif;font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:500;opacity:.85}
.op-rail .op-rail__name{font-family:"Syne",sans-serif;font-weight:800;font-size:min(22px,9cqi);overflow-wrap:break-word;line-height:1.1;letter-spacing:-.02em}
.op-rail .op-rail__card:focus-visible{outline:2px solid #EB9A01;outline-offset:3px}
.op-rail .op-rail__nav{display:flex;justify-content:center;gap:14px;margin-top:22px}
.op-rail .op-rail__btn{width:52px;height:52px;border-radius:50%;border:1px solid currentColor;background:transparent;color:inherit;font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;-webkit-appearance:none;appearance:none;opacity:.7;transition:opacity .2s,color .2s,border-color .2s}
.op-rail .op-rail__btn:hover,.op-rail .op-rail__btn:focus-visible{opacity:1;color:#EB9A01;border-color:#EB9A01;outline:none}
.op-rail .op-rail__btn[disabled]{opacity:.25;cursor:default}
.op-rail--light{color:#1A1A1A}
.op-rail--light .op-rail__label{color:#6B6B68}
.op-rail--dark{color:#FAFAF7}
.op-rail--dark .op-rail__label{color:#8B8B86}
@media (hover:none){.op-rail .op-rail__track{cursor:auto}}
@media (max-width:767px){.op-rail .op-rail__card{flex-basis:72vw}.op-rail .op-rail__name{font-size:min(20px,9cqi)}.op-rail .op-rail__track{gap:14px}}
