.hero-reel{position:absolute;inset:0 2% 0 51%;z-index:-2;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at center,#20262455,transparent 70%)}
.reel-wall{position:absolute;left:0;top:-100px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:23px;transform:none;align-items:start}.reel-track{min-width:0;will-change:auto}.reel-track:nth-child(2){margin-top:-160px}.reel-set{display:flex;flex-direction:column;gap:23px;padding-bottom:23px}.reel-card{border:1px solid #ffffff29;border-radius:7px;overflow:hidden;background:#141b1d;box-shadow:0 14px 36px #0007;position:relative}.reel-browser{display:flex;align-items:center;gap:4px;padding:9px 11px;background:#1d2427;min-height:24px}.reel-browser>i{display:block;width:4px;height:4px;background:#85918c;border-radius:50%}.reel-browser>span{font-size:8px;color:#bac3be;font-weight:400;line-height:1;margin-left:8px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.reel-card img{width:100%;height:auto;aspect-ratio:1100/620;display:block;object-fit:cover;object-position:top}.reel-name{display:block;padding:8px 11px;font-size:9px;color:#ccd0cb;letter-spacing:.025em}.cinema-hero.reel-hero:after{background:linear-gradient(90deg,#090d0e 0%,#090d0efc 40%,#090d0eda 46%,#090d0e45 52%,#090d0e00 60%),linear-gradient(0deg,#0c0d0e 0%,#0c0d0e00 16%,#0c0d0e00 82%,#0c0d0e 100%)}
@media(min-width:761px) and (max-width:1050px){.hero-reel{left:51%;right:2%}.reel-wall{gap:18px;top:-65px}.reel-set{gap:18px;padding-bottom:18px}.reel-browser{padding:7px 9px}.reel-name{font-size:8px}}
@media(max-width:760px){.silver-hero.cinema-hero.reel-hero{padding-bottom:355px}.hero-reel{top:auto;bottom:0;left:5%;right:5%;height:350px}.reel-wall{top:-40px;gap:13px;transform:none}.reel-set{gap:13px;padding-bottom:13px}.reel-track:nth-child(2){margin-top:-80px}.reel-browser{padding:6px 7px;min-height:18px}.reel-browser>span{font-size:6px;margin-left:4px}.reel-browser>i{width:3px;height:3px}.reel-name{padding:6px 8px;font-size:7px}.cinema-hero.reel-hero:after{background:linear-gradient(0deg,#0c0d0e 0%,transparent 10%,transparent 29%,#090d0e 43%)}.reel-card{border-radius:5px}}
@media print{.hero-reel{display:none}.silver-hero.cinema-hero.reel-hero{padding-bottom:40px}}

/* Two identical sets make -50% exactly one complete upward pass. */
@keyframes studio-reel-up{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-50%,0)}}
.hero-reel .reel-track{--reel-duration:64.002s;animation:studio-reel-up var(--reel-duration) linear infinite;will-change:transform}
.hero-reel .reel-track:nth-child(2){--reel-duration:63.335s}

html[data-motion=full] .hero-reel .reel-track{animation:studio-reel-up var(--reel-duration) linear infinite!important;animation-play-state:running!important}
@media(max-width:760px){.hero-reel .reel-track{--reel-duration:21.334s}.hero-reel .reel-track:nth-child(2){--reel-duration:21.111s}}
@media(prefers-reduced-motion:reduce){html:not([data-motion=full]) .hero-reel .reel-track{animation:none;will-change:auto}}

