.ek-film__stage{display:grid}.ek-film__stage>*{grid-area:1 / 1}.ek-film__media{position:relative;min-height:70svh}.ek-film__media-inner{position:absolute;top:0;right:0;bottom:0;left:0;--ek-media-bg: var(--ek-section-bg)}.ek-film__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgb(0 0 0 / var(--ek-film-overlay)),rgb(0 0 0 / calc(var(--ek-film-overlay) * .3)) 55%,#0000);pointer-events:none}.ek-film__captions{position:relative;z-index:1;display:grid;gap:3rem;align-content:end;width:min(100% - 2 * var(--ek-gutter),var(--ek-max-width));margin-inline:auto;padding-block:4rem}.ek-film__caption{display:grid;gap:.875rem;max-width:40rem}.ek-film__progress{position:absolute;z-index:1;inset-inline-end:var(--ek-gutter);inset-block-start:50%;display:grid;gap:.5rem;margin:0;padding:0;list-style:none;transform:translateY(-50%)}.ek-film__progress li{width:.375rem;height:.375rem;border-radius:999px;background:#ffffff59;transition:height .5s var(--ek-ease),background-color .5s var(--ek-ease)}.ek-film__progress li.is-active{height:1.5rem;background:#fff}@media(prefers-reduced-motion:no-preference){html.ek-motion .ek-film__media{min-height:0}html.ek-motion .ek-film:not([data-ek-scrub]) .ek-film__media-inner{transform:scale(calc(1.15 - var(--ek-p, 0) * .15))}html.ek-motion .ek-film__captions{grid-template-areas:"caption";gap:0;height:100%;padding-block:clamp(3rem,10vh,6rem)}html.ek-motion .ek-film__caption{grid-area:caption;opacity:0;transform:translate3d(0,2rem,0);transition:opacity .7s var(--ek-ease-out),transform .9s var(--ek-ease-out)}html.ek-motion .ek-film__caption.is-active{opacity:1;transform:none}html.ek-motion .ek-film--center .ek-film__captions{align-content:center;justify-items:center;text-align:center}html.ek-motion .ek-film--center .ek-film__caption{justify-items:center}html.ek-motion .ek-film--start .ek-film__captions{align-content:start;padding-block-start:clamp(4rem,14vh,8rem)}}html:not(.ek-motion) .ek-film__progress{display:none}@media(prefers-reduced-motion:reduce){.ek-film__progress{display:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/earklip-scroll-film.css.map */