.leo-story__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:3.2rem;align-items:center}@media screen and (min-width:990px){.leo-story__grid{grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:6.4rem}.leo-story--media-right .leo-story__media{order:2}}.leo-story__media{position:relative;padding:0 0 1.6rem 1.6rem}.leo-story--media-right .leo-story__media{padding:0 1.6rem 1.6rem 0}.leo-story__block{position:absolute;left:0;bottom:0;width:calc(100% - 1.6rem);height:calc(100% - 1.6rem);border-radius:3.2rem;background:var(--leo-block)}.leo-story--media-right .leo-story__block{left:auto;right:0}.leo-video{position:relative;display:block;z-index:1}.leo-video__frame{position:relative;aspect-ratio:16 / 10;border-radius:3.2rem;overflow:hidden;background:var(--leo-navy);box-shadow:var(--leo-shadow-soft)}.leo-video__poster{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:pointer}.leo-video__img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--leo-ease-out)}.leo-video__play{position:absolute;top:50%;left:50%;display:inline-flex;align-items:center;justify-content:center;width:8.4rem;height:8.4rem;margin:-4.2rem 0 0 -4.2rem;border-radius:50%;background:#fff;color:var(--leo-orange);box-shadow:0 0 0 1rem #ffffff59,var(--leo-shadow-float);transition:transform .2s var(--leo-ease-out)}.leo-video__play .leo-icon{width:3.4rem;height:3.4rem;margin-left:.4rem}.leo-video__caption{position:absolute;left:1.6rem;bottom:1.6rem;padding:.8rem 1.4rem;border-radius:var(--leo-radius-pill);background:#fffffff0;color:var(--leo-navy);font-size:1.4rem;font-weight:800;line-height:1.2}@media(hover:hover)and (pointer:fine){.leo-video__poster:hover .leo-video__play{transform:scale(1.06)}.leo-video__poster:hover .leo-video__img{transform:scale(1.02)}}.leo-video__poster:active .leo-video__play{transform:scale(.97)}.leo-video__iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.leo-video.is-playing .leo-video__poster{display:none}.leo-video__file{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;background:var(--leo-navy)}.leo-video--file .leo-video__poster{z-index:1}.leo-video--file.is-playing .leo-video__poster{display:block}.leo-video--file.is-started .leo-video__img,.leo-video--file.is-started .leo-video__caption{display:none}.leo-video--file .leo-video__play{transition:transform .2s var(--leo-ease-out),opacity .2s ease}.leo-video--file.is-playing .leo-video__play{opacity:0;transform:scale(.9)}.leo-story__copy{position:relative}.leo-story__title{max-width:13em}.leo-story__text{margin-top:1.6rem;max-width:46ch;font-size:var(--leo-text-body);line-height:1.7;color:var(--leo-text)}.leo-story__button{margin-top:2.8rem}.leo-story__star{position:absolute;right:0;bottom:0;display:block;width:6.4rem;height:6.4rem;color:var(--leo-deco);transform:rotate(12deg)}.leo-story__star .leo-icon{width:100%;height:100%}@media screen and (max-width:749px){.leo-video__play{width:6.8rem;height:6.8rem;margin:-3.4rem 0 0 -3.4rem;box-shadow:0 0 0 .8rem #ffffff59,var(--leo-shadow-float)}.leo-video__play .leo-icon{width:2.8rem;height:2.8rem}.leo-video__frame,.leo-story__block{border-radius:2.4rem}.leo-story__media{padding:0 0 1.2rem 1.2rem}.leo-story__block{width:calc(100% - 1.2rem);height:calc(100% - 1.2rem)}.leo-story__star{width:5.2rem;height:5.2rem;bottom:.4rem}.leo-story__text{padding-right:4rem}}.leo-story__block{display:none}.leo-story__media{padding:1.2rem 1.6rem 2.4rem 2.4rem}.leo-story--media-right .leo-story__media{padding:1.2rem 2.4rem 2.4rem 1.6rem}.leo-video__frame{border:1.2rem solid #fff;border-radius:3.6rem;box-shadow:-1.4rem 1.6rem 0 0 var(--leo-block);transform:rotate(1.5deg)}.leo-story--media-right .leo-video__frame{box-shadow:1.4rem 1.6rem 0 0 var(--leo-block);transform:rotate(-1.5deg)}.leo-story__star svg{display:block;width:100%;height:100%;overflow:visible}@media screen and (max-width:749px){.leo-story__media,.leo-story--media-right .leo-story__media{padding:.8rem 1.2rem 2rem 1.6rem}.leo-video__frame{border-width:.8rem;border-radius:2.6rem;box-shadow:-1rem 1.2rem 0 0 var(--leo-block)}}.leo-story__list{margin-top:2.4rem}
/*# sourceMappingURL=/cdn/shop/t/9/assets/leo-story.css.map */