.cine{--cine-ease:cubic-bezier(.16, 1, .3, 1);background:var(--color-ink);color:var(--color-cream);overflow-x:clip}.cine-signature{aspect-ratio:1104/425;-webkit-mask-image:url(/brand/logo-mi-cream.png);mask-image:url(/brand/logo-mi-cream.png);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.cine-signature__ink{transform-origin:0;background:linear-gradient(100deg, var(--color-gold-light) 0%, var(--color-gold-glow) 45%, var(--color-cream) 100%);width:100%;height:100%;animation:cine-write 2.4s var(--cine-ease) .3s both}@keyframes cine-write{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.cine-reveal{opacity:0;transition:opacity .9s var(--cine-ease), transform .9s var(--cine-ease);transform:translateY(2.5rem)}.cine-reveal.is-in{opacity:1;transform:translate(0,0)}.cine-stagger>*{opacity:0;transition:opacity .7s var(--cine-ease), transform .7s var(--cine-ease);transform:translateY(1.75rem)}.cine-stagger.is-in>*{opacity:1;transform:translate(0,0)}.cine-stagger.is-in>:first-child{transition-delay:0s}.cine-stagger.is-in>:nth-child(2){transition-delay:40ms}.cine-stagger.is-in>:nth-child(3){transition-delay:80ms}.cine-stagger.is-in>:nth-child(4){transition-delay:.12s}.cine-stagger.is-in>:nth-child(5){transition-delay:.16s}.cine-stagger.is-in>:nth-child(6){transition-delay:.2s}.cine-line{display:block;overflow:hidden}.cine-line>span{transition:transform 1.1s var(--cine-ease);display:block;transform:translateY(105%)}.cine-line.is-in>span,.is-in .cine-line>span{transform:translate(0,0)}.cine-line:nth-of-type(2)>span{transition-delay:90ms}.cine-line:nth-of-type(3)>span{transition-delay:.18s}@supports (animation-timeline:view()){.cine-par{animation:linear both cine-parallax;animation-timeline:view();animation-range:entry exit}.cine-par--slow{--cine-shift:4vh}.cine-par--mid{--cine-shift:11vh}.cine-par--fast{--cine-shift:22vh}@keyframes cine-parallax{0%{transform:translate3d(0, var(--cine-shift,8vh), 0)}to{transform:translate3d(0, calc(var(--cine-shift,8vh) * -1), 0)}}.cine-drift{animation:linear both cine-drift;animation-timeline:view();animation-range:entry exit}.cine-drift--left{--cine-drift-x:-4vw}.cine-drift--right{--cine-drift-x:4vw}@keyframes cine-drift{0%{transform:translate3d(calc(var(--cine-drift-x,3vw) * -1), 6vh, 0)}to{transform:translate3d(var(--cine-drift-x,3vw), -6vh, 0)}}.cine-focus{animation:linear both cine-focus;animation-timeline:view();animation-range:entry 10% entry 70%}@keyframes cine-focus{0%{opacity:0;filter:blur(14px);transform:scale(1.06)}to{opacity:1;filter:blur();transform:scale(1)}}.cine-push{animation:linear both cine-push;animation-timeline:view();animation-range:entry exit}@keyframes cine-push{0%{transform:scale(1.12)}to{transform:scale(1)}}.cine-turn{animation:linear both cine-turn;animation-timeline:view();animation-range:entry exit}@keyframes cine-turn{0%{transform:rotate(-2.5deg)scale(1.05)translateY(4vh)}to{transform:rotate(2.5deg)scale(1)translateY(-4vh)}}.cine-progress-rail__fill{animation:linear both cine-fill-y;animation-timeline:scroll(root)}.cine-reveal{transition:none;animation:linear both cine-rise;animation-timeline:view();animation-range:entry 15% entry 60%}@keyframes cine-rise{0%{opacity:0;transform:translateY(2.5rem)}to{opacity:1;transform:translate(0,0)}}.cine-scene__inner{animation:linear both cine-depart;animation-timeline:view();animation-range:exit}@keyframes cine-depart{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.94)}}.cine-progress:after{animation:linear both cine-fill;animation-timeline:view();animation-range:entry exit}@keyframes cine-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}}.cine-scene{position:relative}.cine-scene__inner{align-items:center;min-height:100svh;display:flex;position:sticky;top:0;overflow:hidden}.cine-rail__track{will-change:transform;transform:translate3d(calc(var(--cine-rail-x,0) * -1px), 0, 0);gap:1.5rem;display:flex}@media (max-width:1023px){.cine-rail{position:static;height:auto!important}.cine-rail__viewport{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;min-height:0;padding-block:1rem 2.5rem;position:static;overflow:auto hidden}.cine-rail__viewport::-webkit-scrollbar{display:none}.cine-rail__track{will-change:auto;transform:none!important}.cine-rail__track>*{scroll-snap-align:start}}.cine-glow{pointer-events:none;z-index:0;background:radial-gradient(28rem 28rem at var(--cine-mx,50%) var(--cine-my,40%), #c9a24e21, transparent 70%);transition:opacity .6s;position:fixed;inset:0}.cine-progress-rail{z-index:20;pointer-events:none;background:#fbf9f51f;width:1px;position:fixed;top:22vh;bottom:22vh;right:1.25rem}.cine-progress-rail__fill{transform-origin:top;background:linear-gradient(to bottom, var(--color-gold-light), var(--color-gold-glow));width:100%;height:100%;display:block;transform:scaleY(0)}@supports not (animation-timeline:scroll()){.cine-progress-rail__fill{opacity:.35;transform:scaleY(1)}}@keyframes cine-fill-y{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.cine-watermark{pointer-events:none;opacity:.045;background:var(--color-cream);aspect-ratio:1104/425;position:absolute;-webkit-mask-image:url(/brand/logo-mi-cream.png);mask-image:url(/brand/logo-mi-cream.png);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.cine-grain{pointer-events:none;opacity:.16;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");position:absolute;inset:0}.cine-magnet{transform:translate3d(var(--cine-magnet-x,0px), var(--cine-magnet-y,0px), 0);transition:transform .4s var(--cine-ease)}@keyframes cine-cue{0%,to{opacity:.55;transform:translateY(0)}50%{opacity:1;transform:translateY(.5rem)}}.cine-cue{animation:2.2s ease-in-out infinite cine-cue}@media (max-width:1023px){.cine-scene__inner{min-height:0;padding-block:4.5rem;position:static;overflow:visible}.cine-par,.cine-drift,.cine-push,.cine-turn{animation:none!important;transform:none!important}.cine-scene__inner{opacity:1!important;animation:none!important}.cine-focus{opacity:1;filter:none;animation:none;transform:none}.cine-watermark,.cine-progress-rail{display:none}}@media (prefers-reduced-motion:reduce){.cine-signature__ink,.cine-cue{animation:none}.cine-reveal,.cine-stagger>*,.cine-line>span{opacity:1;transition:none;animation:none;transform:none}.cine-par,.cine-drift,.cine-focus,.cine-push,.cine-turn,.cine-scene__inner,.cine-progress:after,.cine-progress-rail__fill{opacity:1;filter:none;animation:none;transform:none}.cine-progress-rail{display:none}.cine-scene__inner{min-height:0;padding-block:5rem;position:static}.cine-rail__track{flex-wrap:wrap;transform:none}.cine-glow{display:none}.cine-magnet{transition:none;transform:none}}