.section-story-video{display:flex;align-items:center;background:var(--color-bg);color:var(--color-text)}.section-story-video[data-media-position=left] .story-video__media{order:-1}@media(min-width:750px){.section-story-video[data-media-position=right] .story-video__media,.section-story-video[data-media-position=right] .story-video__play{padding-inline-end:var(--space-8)}.section-story-video[data-media-position=left] .story-video__media,.section-story-video[data-media-position=left] .story-video__play{padding-inline-start:var(--space-8)}}.story-video__text{display:flex;flex-direction:column;gap:var(--space-10);flex:1;padding:var(--page-padding-inline)}.story-video__text[data-heading-size=small]{gap:var(--space-5)}.story-video__heading{max-width:508px;text-transform:uppercase}.story-video__bottom{display:flex;flex-direction:column;gap:var(--space-5)}.story-video__body{max-width:var(--grid-narrow-width);margin:0}.story-video__link{display:flex;align-items:center;gap:var(--space-4);text-decoration:none;text-transform:uppercase;color:var(--color-text);transition:gap var(--motion-duration-md) var(--motion-ease-out),color var(--motion-duration-md) var(--motion-ease-out)}.story-video__link:hover{gap:56px;color:var(--color-text-muted)}.story-video__arrow{transition:transform var(--motion-duration-md) var(--motion-ease-out)}.story-video__media{position:relative;flex-shrink:0;width:50%;overflow:hidden;aspect-ratio:var(--ratio-hero)}.story-video__media img,.story-video__media video{display:block;width:100%;height:100%;object-fit:cover}.story-video__media[data-no-image]{background:var(--gray-950);background-clip:content-box}.story-video__play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.story-video__play-btn{background:none;border:none;color:var(--color-bg);cursor:pointer;transition:transform var(--motion-duration-fast) var(--motion-ease-out)}.story-video__play-btn:hover{transform:scale(1.1)}@media(min-width:750px){.story-video__text{position:sticky;top:0}}@media(max-width:749px){.section-story-video{flex-direction:column}.story-video__text{gap:var(--space-15);padding:var(--space-15) var(--page-padding-inline) var(--space-10)}.story-video__heading{max-width:none}.story-video__media{width:100%;min-height:325px}}
/*# sourceMappingURL=/cdn/shop/t/213/assets/section-story-video.css.map */