.video-feature{display:flex;flex-direction:column;align-items:center;gap:30px}.video-feature__header{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;padding:0 50px}.video-feature__title{margin:0;text-align:center;font-family:ivypresto-display,serif;font-weight:100;font-size:42px;line-height:50px;letter-spacing:1px;text-transform:capitalize}.video-feature__subtitle{text-align:center;font-family:Red Hat Display,sans-serif;font-weight:400;font-size:20px;line-height:28px}.video-feature__subtitle p{margin:0}.video-feature__grid{display:flex;align-items:stretch;justify-content:center;gap:var(--vf-gap, 30px);width:100%;padding:0 50px}.video-feature__main{position:relative;flex:1 1 0;min-width:0;max-width:var(--vf-max-width, 500px);max-height:var(--vf-max-height, none);align-self:stretch;overflow:hidden;border-radius:var(--vf-radius, 20px)}.video-feature__side{display:flex;flex-direction:column;flex:1 1 0;min-width:0;max-width:var(--vf-max-width, 500px);max-height:var(--vf-max-height, none);gap:var(--vf-gap, 30px);overflow:hidden}.video-feature__side-item{position:relative;overflow:hidden;border-radius:var(--vf-radius, 20px)}.video-feature__player{display:block;position:relative;width:100%;height:100%}.video-feature__video,.video-feature__img,.video-feature__media-link{display:block;width:100%;object-fit:cover}.video-feature__main>*{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.video-feature__main .video-feature__video,.video-feature__main .video-feature__img{height:100%}.video-feature__side .video-feature__img{height:auto}.video-feature__side-item:nth-child(2){flex:1 1 auto;min-height:0}.video-feature__side-item:nth-child(2) .video-feature__img{height:100%;object-fit:cover;object-position:center}.video-feature__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:64px;height:64px;padding:0;border:none;border-radius:100px;background-color:#ffffff80;color:#000;cursor:pointer;transition:opacity .2s ease}.video-feature__play svg{width:24px;height:24px;fill:currentColor}.video-feature__player.is-playing .video-feature__play{opacity:0;pointer-events:none}.video-feature__mobile{display:none}.video-feature__steps{display:flex;justify-content:center;width:100%;padding:0 50px}.video-feature__steps-band{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;width:100%;max-width:calc(var(--vf-max-width, 500px) * 2 + var(--vf-gap, 30px));padding:24px 48px;box-sizing:border-box}.video-feature__step{display:flex;align-items:center;gap:18px}.video-feature__step--link{color:inherit;text-decoration:none;cursor:pointer}.video-feature__step-image{display:block;width:auto;height:80px;object-fit:contain}.video-feature__step-text{display:flex;flex-direction:column;gap:4px}.video-feature__step-heading{font-family:Red Hat Display,sans-serif;font-weight:600;font-size:18px;line-height:1.1;text-transform:uppercase}.video-feature__step-subheading{font-family:Red Hat Display,sans-serif;font-weight:400;font-size:14px;line-height:1.3}.video-feature__button{display:inline-flex;align-items:center;justify-content:center;padding:12px 30px;border-radius:8px;background-color:#591b1e;color:#f9eceb;font-family:Red Hat Display,sans-serif;font-weight:700;font-size:20px;line-height:1.4;text-transform:uppercase;text-decoration:none;text-align:center}@media screen and (max-width:749px){.video-feature__header{padding:0 12px}.video-feature__title{font-size:32px;line-height:40px}.video-feature__subtitle{font-size:18px;line-height:26px;font-weight:500}.video-feature__grid{display:none}.video-feature__mobile{display:block;position:relative;width:100%;max-width:500px;max-height:600px;overflow:hidden;border-radius:var(--vf-radius, 20px);padding:0 12px}.video-feature__mobile .video-feature__player,.video-feature__mobile .video-feature__img{border-radius:var(--vf-radius, 20px);overflow:hidden}.video-feature__mobile .video-feature__video,.video-feature__mobile .video-feature__img{height:auto}.video-feature__button{width:calc(100% - 24px)}.video-feature__steps{padding:0 12px}.video-feature__steps-band{gap:16px 20px;padding:20px 16px}.video-feature__step{flex:0 0 calc(50% - 10px);gap:10px}.video-feature__step-image{height:56px}.video-feature__step-heading{font-size:18px}.video-feature__step-subheading{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/166/assets/section-video-feature.css.map */