soulog-spec-video{--ssv-vh: 100vh;--ssv-stage-h: calc(var(--ssv-vh) - var(--header-height, 0px));--ssv-media-w: calc(100vw - 2 * var(--home-gutter));--ssv-media-fit-w: min(var(--ssv-media-w), calc(var(--ssv-stage-h) * 16 / 9));--ssv-media-h: calc(var(--ssv-media-fit-w) * 9 / 16);--ssv-ramp: 240px;--ssv-free-span: 1;--ssv-track-h: calc(var(--ssv-stage-h) + var(--ssv-pin, 80vh) + var(--ssv-ramp) / 2);--ssv-stage-position: sticky;--ssv-stage-top: var(--header-height, 0px);--ssv-stage-height: var(--ssv-stage-h);--ssv-head-gap: min(0px, calc((var(--ssv-media-h) - var(--ssv-stage-h)) / 2 + var(--home-pad-y)));--ssv-specs-gap: min(0px, calc((var(--ssv-media-h) - var(--ssv-stage-h)) / 2 + var(--home-pad-y)));display:block}@supports (height: 100svh){soulog-spec-video{--ssv-vh: 100svh}}.ssv__head+.ssv__track,.ssv__intro+.ssv__track{margin-top:var(--ssv-head-gap)}.ssv__intro{position:relative}.ssv__intro-pic{display:block}.ssv__intro-img{display:block;width:100%;height:auto;aspect-ratio:1920 / 860;object-fit:cover}.ssv__intro-copy{position:absolute;top:50%;left:min(var(--home-gutter),15.625vw);width:clamp(260px,calc(100vw * 612 / 1920),612px);transform:translateY(-50%)}.ssv__intro-title{margin:0;color:var(--sbt-fg)}.ssv__intro-list{margin:0;color:var(--sbt-fg);font-size:var(--home-fs-sub);line-height:1.67}@media(max-width:1023px),(max-width:1366px)and (orientation:portrait){.ssv__intro{z-index:1}.ssv__intro-copy{top:0;left:0;right:0;width:auto;padding-top:var(--home-pad-y);padding-inline:var(--home-gutter);transform:none}.ssv__intro-img{aspect-ratio:var(--ssv-intro-ratio-m, 1920 / 860)}}@media(max-width:767px){.ssv__intro-copy{padding-top:calc(var(--home-pad-y) + 48px)}}@media(min-width:768px)and (max-width:1023px),(min-width:768px)and (max-width:1366px)and (orientation:portrait){.ssv__intro-img{aspect-ratio:var(--ssv-intro-ratio-t, 1920 / 860)}}.ssv__track{position:relative;height:var(--ssv-track-h)}.ssv__stage{position:var(--ssv-stage-position);top:var(--ssv-stage-top);display:flex;align-items:center;height:var(--ssv-stage-height);overflow:hidden}.ssv__media{position:relative;width:var(--ssv-media-fit-w);max-width:100%;margin-inline:auto;aspect-ratio:16 / 9}.ssv__fallback{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;transition:opacity .2s linear}.ssv--ready .ssv__fallback{opacity:0}.ssv__video{display:block;width:100%;height:100%;object-fit:contain}.ssv__specs{position:relative;margin:var(--ssv-specs-gap) 0 0;padding-top:clamp(40px,calc(100vw * 80 / 1920),80px)}.ssv__row{margin:0}@media(min-width:768px){.ssv__row{grid-template-columns:minmax(0,495fr) minmax(0,971fr);align-items:start}}.ssv__label{margin:0;color:var(--sbt-fg)}.ssv__values{margin:0;color:var(--sbt-fg);font-size:var(--home-fs-sub);line-height:1.67}@media(max-width:1366px)and (orientation:portrait),(prefers-reduced-motion:reduce){soulog-spec-video{--ssv-track-h: auto;--ssv-stage-position: relative;--ssv-stage-top: auto;--ssv-stage-height: auto;--ssv-head-gap: var(--home-pad-y);--ssv-specs-gap: 0px}}.ssv--unpinned{--ssv-track-h: auto;--ssv-stage-position: relative;--ssv-stage-top: auto;--ssv-stage-height: auto;--ssv-head-gap: var(--home-pad-y);--ssv-specs-gap: 0px}.ssv__ptrack,.ssv__pstage{display:contents}@media(max-width:1366px)and (orientation:portrait)and (prefers-reduced-motion:no-preference){soulog-spec-video[data-pin-portrait]:not(.ssv--unpinned) .ssv__ptrack{display:block;position:relative;height:calc(var(--ssv-pin-h, var(--ssv-stage-h)) + var(--ssv-pin-portrait, 120vh) + var(--ssv-ramp) / 2)}soulog-spec-video[data-pin-portrait]:not(.ssv--unpinned) .ssv__pstage{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:var(--ssv-stage-h);padding-block:92px 64px;position:sticky;top:max(var(--header-height, 0px),calc(var(--header-height, 0px) + (var(--ssv-stage-h) - var(--ssv-pin-h, var(--ssv-stage-h))) / 2))}}.ssv--free-fit{--ssv-media-fit-w: min(var(--ssv-media-w), calc(var(--ssv-stage-h) * var(--ssv-free-ratio, .6) * 16 / 9))}
/*# sourceMappingURL=/cdn/shop/t/53/assets/soulog-spec-video.css.map */