.reel{position:relative;overflow:hidden;background:#0b100d;perspective:1100px;perspective-origin:50% 36%}.reel-cam{position:absolute;left:50%;top:50%;width:1150px;height:1150px;margin:-575px 0 0 -575px;transform-style:preserve-3d;transform-origin:50% 50%;will-change:transform;pointer-events:none}.reel-sat{position:absolute;inset:0;background-position:center;background-size:cover;filter:saturate(.9) brightness(.72) contrast(1.04);transition:opacity 1s}.reel-floor{position:absolute;inset:-80%;opacity:0;background:radial-gradient(ellipse at center,#1d2a22,#121a15 35%,#0b100d 65%)}.reel-floor.on{opacity:1}.reel-plot{position:absolute;left:33.18%;top:27.27%;width:33.63%;height:45.45%;transform-style:preserve-3d}.reel-lyr{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;opacity:0;filter:drop-shadow(0 0 1.2px #ffffffd0) drop-shadow(0 16px 18px #000a);transition:opacity .9s ease,transform 1.6s cubic-bezier(.3,1.2,.4,1),clip-path 1.6s cubic-bezier(.6,0,.2,1)}.reel-lyr.on{opacity:1}.reel-shelf{position:absolute;left:50%;top:50%;width:1240px;height:380px;margin:-190px 0 0 -620px;display:flex;gap:34px;transform-style:preserve-3d}.reel-shelf figure{margin:0;flex:1;position:relative;transform-style:preserve-3d;opacity:0;transform:translateZ(0);transition:transform 1.3s cubic-bezier(.3,1.2,.4,1),opacity .6s ease}.reel-shelf.on figure{opacity:1;transform:translateZ(70px)}.reel-shelf.on figure:nth-child(2){transition-delay:.18s}.reel-shelf.on figure:nth-child(3){transition-delay:.36s}.reel-shelf.on figure:nth-child(4){transition-delay:.54s}.reel-shelf img{width:100%;height:330px;object-fit:fill;filter:drop-shadow(0 0 1.2px #ffffffd0) drop-shadow(0 20px 22px #000b)}.reel-shelf figcaption{font:700 30px Unbounded,sans-serif;color:#fff;text-align:center;margin-top:12px}.reel-spray{position:absolute;top:-4%;bottom:-4%;width:3px;left:0;opacity:0;pointer-events:none;background:linear-gradient(180deg,transparent,var(--hot),transparent);box-shadow:0 0 18px 4px #e8914e88;transform:translateZ(2px)}.reel-divider{position:absolute;top:-6%;bottom:-6%;width:2px;left:50%;opacity:0;background:#fff;box-shadow:0 0 10px #fff8;transform:translateZ(60px);pointer-events:none}.reel-fog{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0b100d,#0b100dd8 13%,#0b100d00 40% 78%,#0b100dbb)}.reel-edge{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#11181400 64%,var(--dark))}.reel-veil{position:absolute;inset:0;background:#0b100d;opacity:1;pointer-events:none;z-index:4;transition:opacity .5s ease}.reel-yrtag{position:absolute;top:18px;z-index:5;pointer-events:none;font:700 18px Unbounded,sans-serif;opacity:0;transition:opacity .6s}.reel-yrtag.a{left:26px}.reel-yrtag.b{right:26px}.reel-yrtag.on{opacity:1}.reel-label{position:absolute;left:26px;bottom:14px;z-index:5;pointer-events:none;transition:opacity .45s ease,transform .45s ease}.reel-label.out{opacity:0;transform:translateY(8px)}.reel-phrase{font:600 21px/1.2 Outfit,sans-serif;color:var(--ink);max-width:330px;min-height:26px;margin-bottom:4px;transition:opacity .5s,transform .5s}.reel-phrase.swap{opacity:0;transform:translateY(6px)}.reel-year{font:700 40px/1.05 Unbounded,sans-serif;color:var(--hot);height:44px;overflow:hidden;position:relative;transition:height .4s}.reel-year span{display:block;transition:transform .6s cubic-bezier(.6,0,.2,1),opacity .6s}.reel-year span.out{position:absolute;top:0;left:0}.reel-ticks{display:flex;gap:6px;margin-top:8px;height:3px;transition:opacity .4s,height .4s,margin .4s}.reel-ticks i{width:22px;height:3px;border-radius:9px;background:#fff2;transition:background .4s}.reel-ticks i.on{background:var(--hot)}.reel-ticks.hide{opacity:0;height:0;margin-top:0}
