#reels{overflow:hidden}
#reels .reel-orbit{--card-width:clamp(210px,25vw,330px);display:block;position:relative;height:calc(var(--card-width)*16/9 + 65px);perspective:1300px;isolation:isolate;margin-top:20px;touch-action:pan-y pinch-zoom}
#reels .reel-orbit:before{content:"";position:absolute;inset:6% 12% 0;background:radial-gradient(ellipse at center,rgba(207,167,106,.35),rgba(146,99,59,.12) 43%,transparent 70%);filter:blur(32px);z-index:-1;pointer-events:none}
#reels .reel-orbit .film-card{position:absolute;top:16px;left:50%;width:var(--card-width);margin:0;transform:translateX(calc(-50% + var(--slot)*82%)) translateZ(-180px) rotateY(calc(var(--slot)*-14deg)) scale(.83);opacity:.48;transition:transform 1.15s cubic-bezier(.22,.7,.2,1),opacity .8s;filter:brightness(.75)}
#reels .reel-orbit .film-card[data-position="0"]{transform:translateX(-50%) translateZ(0) rotateY(0) scale(1);opacity:1;filter:none}
#reels .reel-orbit .film-card[data-position="3"]{opacity:0;pointer-events:none}
#reels .reel-orbit .film-cover{width:100%;aspect-ratio:9/16;border:1px solid rgba(255,225,176,.23);border-radius:24px;box-shadow:0 22px 45px #0008,0 0 30px #e5b77c12;overflow:hidden;touch-action:pan-y pinch-zoom}
#reels .reel-orbit [data-position="0"] .film-cover{box-shadow:0 25px 65px #000a,0 0 42px #e5b77c30;border-color:#e5c89a77}
#reels .reel-orbit .inline-film{width:100%;height:100%;object-fit:contain}
#reels .orbit-navigation{justify-content:center;flex-wrap:wrap;gap:20px;margin:0 auto;width:100%}
#reels .orbit-pause{border:1px solid #ffffff24;border-radius:30px;background:transparent;color:inherit;font:inherit;font-size:11px;padding:12px 18px;cursor:pointer}
#reels .orbit-pause:hover{background:#ffffff0d}
#reels .film-card:not([data-position="0"]) .film-controls{visibility:hidden}
#reels .orbit-navigation button:focus-visible{outline:2px solid #e5c89a;outline-offset:5px}
@media(max-width:760px){#reels .reel-orbit{--card-width:min(64vw,300px);height:calc(var(--card-width)*16/9 + 50px);margin-top:12px}#reels .reel-orbit .film-card{transform:translateX(calc(-50% + var(--slot)*78%)) translateZ(-100px) rotateY(calc(var(--slot)*-15deg)) scale(.82)}#reels .orbit-navigation{gap:12px}#reels .orbit-navigation .carousel-choices{gap:7px}#reels .orbit-pause{flex-basis:auto}#reels .reel-orbit:before{inset:10% 0 0}}
@media(prefers-reduced-motion:reduce){#reels .reel-orbit .film-card{transition:none}}
@media(max-width:760px){#reels .orbit-navigation{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;max-width:310px;gap:14px 10px}#reels .orbit-navigation .carousel-choices{grid-column:2;grid-row:1;justify-content:center}#reels .orbit-navigation .carousel-arrow:first-child{grid-column:1;grid-row:1}#reels .orbit-navigation .carousel-arrow:nth-of-type(2){grid-column:3;grid-row:1}#reels .orbit-navigation .carousel-counter{grid-column:1;grid-row:2;white-space:nowrap}#reels .orbit-navigation .orbit-pause{grid-column:2/4;grid-row:2;justify-self:end}}

#reels .reel-orbit.scroll-spinning .film-card{transition:transform .09s linear,opacity .09s linear;transform:translateX(calc(-50% + var(--slot)*82%)) translateZ(var(--orbit-depth)) rotateY(calc(var(--slot)*-14deg)) scale(var(--orbit-scale));opacity:var(--orbit-opacity);filter:none}
@media(max-width:760px){#reels .orbit-navigation .carousel-counter{grid-column:2;justify-self:center}#reels .scroll-spinning .film-card[data-position="0"]{transform:translateX(calc(-50% + var(--slot)*78%)) translateZ(0) rotateY(calc(var(--slot)*-15deg)) scale(1)}}
@media(max-width:760px){#reels .reel-orbit.scroll-spinning .film-card{transform:translateX(calc(-50% + var(--slot)*78%)) translateZ(var(--orbit-depth)) rotateY(calc(var(--slot)*-15deg)) scale(var(--orbit-scale))}}