/* Two horizontal reel rows. Each repeated group is exactly half a track. */
.reels-wall{--wall-gap:24px;--reel-width:clamp(168px,22vw,280px);position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--wall-gap);max-width:1120px;margin:0 auto 30px;padding:0 20px;overflow:hidden;}
.reels-wall::before,.reels-wall::after{content:"";position:absolute;top:0;bottom:0;width:clamp(36px,7vw,100px);z-index:3;pointer-events:none;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);}
.reels-wall::before{left:0;background:linear-gradient(to right,#fff,rgba(255,255,255,0));mask-image:linear-gradient(to right,#000,transparent);}
.reels-wall::after{right:0;background:linear-gradient(to left,#fff,rgba(255,255,255,0));mask-image:linear-gradient(to left,#000,transparent);}
.reels-column{min-width:0;overflow:hidden;}
.reels-track{display:flex;width:max-content;animation:reels-slide var(--duration,64s) linear infinite reverse;animation-play-state:paused;}
.reels-column:nth-child(even) .reels-track{animation-direction:normal;}
.reels-wall.is-live .reels-track{animation-play-state:running;}
.reels-column:hover .reels-track{animation-play-state:paused;}
.reels-group{display:flex;flex-shrink:0;gap:var(--wall-gap);list-style:none;padding:0 var(--wall-gap) 0 0;margin:0;}
.reels-wall .reel{flex:0 0 var(--reel-width);width:var(--reel-width);min-width:0;}
.reels-wall .reel-link{border-radius:17px;box-shadow:none;}
.reels-wall .reel-link:hover{transform:none;}
.reels-wall .reel-play,.reels-wall .reel-badge,.reels-wall .reel-time{display:none;}
.reels-wall .reel-link::after,.reels-wall .reel-info{opacity:0;transition:opacity .2s;}
.reels-wall .reel-link:hover::after,.reels-wall .reel-link:focus-visible::after,
.reels-wall .reel-link:hover .reel-info,.reels-wall .reel-link:focus-visible .reel-info{opacity:1;}
.reels-controls{flex-wrap:wrap;}
.reels-motion{border:1px solid var(--line);background:#fff;color:var(--primary);border-radius:999px;padding:13px 20px;cursor:pointer;font:400 15px var(--dot);}
.reels-motion:focus-visible{outline:2px solid var(--primary);outline-offset:4px;}
.reels-wall.is-static,.reels-wall:focus-within{height:auto;overflow:visible;align-items:start;}
.reels-wall.is-static::before,.reels-wall.is-static::after,.reels-wall:focus-within::before,.reels-wall:focus-within::after{display:none;}
.reels-wall.is-static .reels-track,.reels-wall:focus-within .reels-track{animation:none;transform:none;}
.reels-wall.is-static .reels-track,.reels-wall:focus-within .reels-track{width:100%;}
.reels-wall.is-static .reels-group,.reels-wall:focus-within .reels-group{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));padding:0;}
.reels-wall.is-static .reel,.reels-wall:focus-within .reel{width:100%;}
.reels-wall.is-static .reels-duplicate,.reels-wall:focus-within .reels-duplicate{display:none;}
@keyframes reels-slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:800px){.reels-wall{--wall-gap:16px;padding:0 16px;}.reels-wall .reel-title{font-size:14px;}.reels-wall .reel-meta{white-space:normal;font-size:10px;}}
@media(prefers-reduced-motion:reduce){.reels-track{animation:none;}.reels-motion{display:none;}}