.cli-e[data-e=noise]{position:relative}.cli-noise{pointer-events:none;opacity:0;z-index:2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1.4 -.35'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px;position:absolute;inset:-24px -12px}.js .cli-e[data-e=noise]:not(.in)>:not(.cli-noise){opacity:0;filter:blur(4px)}.js .cli-e[data-e=noise]:not(.in)>.cli-noise{opacity:1}.js .cli-e[data-e=noise].in>:not(.cli-noise){transition:opacity .9s cubic-bezier(0,0,.2,1),filter .9s cubic-bezier(0,0,.2,1)}.js .cli-e[data-e=noise].in>.cli-noise{animation:1.1s steps(9,end) both cli-grain}@keyframes cli-grain{0%{opacity:1;transform:translate(0,0)}30%{opacity:.85;transform:translate(-18px,9px)}60%{opacity:.45;transform:translate(12px,-14px)}to{opacity:0;transform:translate(-6px,6px)}}.cli-e[data-e=shutter]{position:relative;overflow:hidden}.cli-shut{z-index:2;pointer-events:none;background:#0a0a0a;height:50.5%;position:absolute;left:0;right:0;transform:scaleY(0)}.cli-shut.t{transform-origin:top;top:0}.cli-shut.b{transform-origin:bottom;bottom:0}.js .cli-e[data-e=shutter]:not(.in)>.av-wrap{opacity:0}.js .cli-e[data-e=shutter].in>.av-wrap{animation:1s step-end both cli-shut-show}.js .cli-e[data-e=shutter].in>.cli-shut.t{animation:1s cubic-bezier(.4,0,.2,1) both cli-shut-t}.js .cli-e[data-e=shutter].in>.cli-shut.b{animation:1s cubic-bezier(.4,0,.2,1) both cli-shut-b}@keyframes cli-shut-t{0%{transform:scaleY(0)}40%,52%{transform:scaleY(1)}to{transform:translateY(-101%)scaleY(1)}}@keyframes cli-shut-b{0%{transform:scaleY(0)}40%,52%{transform:scaleY(1)}to{transform:translateY(101%)scaleY(1)}}@keyframes cli-shut-show{0%{opacity:0}46%{opacity:1}}.js .cli-e[data-e=carousel]:not(.in) .cli-cap{opacity:0;transform:translate(64vw)}.js .cli-e[data-e=carousel].in .cli-cap{transition:transform .7s cubic-bezier(.16, 1, .3, 1) calc(var(--c,0) * 80ms), opacity .3s cubic-bezier(0, 0, .2, 1) calc(var(--c,0) * 80ms)}.js .cli-e[data-e=curtain]:not(.in)>.av-wrap{clip-path:inset(100% 0 0);transform:translateY(96px)}.js .cli-e[data-e=curtain].in>.av-wrap{transition:clip-path .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}.cli-e[data-e=curtain].in>.av-wrap{clip-path:inset(-40px)}.cli-e[data-e=trail]{position:relative;overflow:hidden}.js .cli-e[data-e=trail]:not(.in)>.av-wrap{clip-path:inset(0 100% 0 0)}.js .cli-e[data-e=trail].in>.av-wrap{transition:clip-path 1.1s cubic-bezier(0,0,.2,1)}.cli-e[data-e=trail].in>.av-wrap{clip-path:inset(-40px)}.cli-trail{z-index:3;pointer-events:none;opacity:0;transition:opacity .4s cubic-bezier(0,0,.2,1);position:absolute;top:0;left:0}.cli-trail i{background:var(--ink);width:10px;height:20px;opacity:calc(1 - var(--k) * .1);scale:calc(1 - var(--k) * .07);will-change:transform;border-radius:2px;position:absolute;top:-10px;left:-5px}@media (prefers-reduced-motion:reduce){.cli-e>*,.cli-e .cli-cap{opacity:1!important;filter:none!important;clip-path:none!important;transition:none!important;animation:none!important;transform:none!important}.cli-noise,.cli-shut,.cli-trail{display:none!important}}
