.video-section-custom{position:relative;width:100%}.video-container-custom{position:relative;width:100%;min-height:750px;overflow:hidden}.background-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.desktop-video,.desktop-poster{display:block}.mobile-video,.mobile-poster{display:none}@media screen and (max-width:749px){.desktop-video,.desktop-poster{display:none}.mobile-video,.mobile-poster{display:block}}.background-video::-webkit-media-controls{display:none!important}.background-video::-webkit-media-controls-enclosure{display:none!important}.background-video::-webkit-media-controls-panel{display:none!important}.background-video::-webkit-media-controls-play-button{display:none!important}.background-video::-webkit-media-controls-start-playback-button{display:none!important}.poster-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:2;opacity:1;transition:opacity 1.2s ease-in-out;pointer-events:none}.poster-overlay.fade-out{opacity:0}.video-overlay-content{position:relative;z-index:3;width:100%;height:100%;min-height:750px;display:flex;flex-direction:column;justify-content:space-between;padding:40px 80px 28px;background:#0000004a}.video-text-content{align-self:flex-start;margin-top:auto}.video-heading{margin-bottom:16px}.video-text{font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-white);font-weight:400;max-width:90%;margin-bottom:16px}.video-custom-controls{position:absolute;bottom:40px;right:60px;display:flex;gap:15px;z-index:4}.control-btn{width:48px;height:48px;border-radius:50%;background:#fff0;color:#fff;border:1px solid #ffffff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;padding:0}.control-btn:hover{background:var(--color-primary);transform:scale(1.05)}.control-btn svg{width:24px;height:24px;color:var(--color-white)}@media screen and (max-width:749px){.video-container-custom{min-height:540px}.video-overlay-content{min-height:540px;padding:20px}.video-text-content{max-width:100%}.video-heading{margin-bottom:10px}.video-text{max-width:100%;margin-bottom:15px}.video-button{padding:10px 24px}.video-custom-controls{bottom:20px;right:20px;gap:10px}.control-btn{width:40px;height:40px}.control-btn svg{width:20px;height:20px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/sst-video-hero-section.css.map */