soulog-curtain-reveal.scr{display:block;background:var(--scr-bg, #ffffff);font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.scr__track{position:relative;width:100%}.scr__stage{position:sticky;top:0;height:100vh;overflow:hidden;background:var(--scr-bg, #ffffff)}.scr__panel{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;padding:calc(var(--header-height, 0px) + 48px) 52px 48px;box-sizing:border-box;background:var(--scr-bg, #ffffff);text-align:center;will-change:transform}.scr__panelhead{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:var(--scr-headw, 820px);flex-shrink:0}.scr__headmask{overflow:hidden;padding-bottom:6px}.scr__head{margin:0;font-size:clamp(30px,3.4vw,56px);line-height:1.02;font-weight:800;letter-spacing:-.02em;color:var(--scr-text, #141821);will-change:transform}.scr__sub{margin:0;font-size:clamp(14px,1.1vw,17px);line-height:1.5;color:var(--scr-muted, #a9adb4)}.scr__media{display:flex;gap:28px;width:100%;max-width:1200px;align-items:flex-start;justify-content:center}.scr__col{flex:1;min-width:0;max-width:620px;display:flex;flex-direction:column;gap:16px}.scr__card{position:relative;width:100%;aspect-ratio:16 / 10;border-radius:22px;overflow:hidden;background:#eceef1}.scr__card video,.scr__card img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;will-change:transform}.scr__caption{display:flex;flex-direction:column;gap:6px}.scr__caption-title{font-size:clamp(18px,1.4vw,22px);font-weight:700;color:var(--scr-text, #141821)}.scr__caption-desc{font-size:14px;line-height:1.5;color:var(--scr-muted, #a9adb4)}.scr__media--stack{flex-direction:column;align-items:center;gap:18px;--peek-edge: 8%;max-width:clamp(320px,min((100vh - var(--header-height, 0px) - 322px) * 1.41,(100vw - 120px) / 1.16),1240px);flex:0 1 auto;min-height:0}.scr__deck{position:relative;width:100%;aspect-ratio:16 / 10;--back-scale: .9;--peek-x: calc(5% + var(--peek-edge));--peek-y: calc(5% + var(--peek-edge) * 1.6);margin-bottom:var(--peek-edge);flex:0 1 auto;min-height:0}.scr__card--stack{position:absolute;top:0;right:0;bottom:0;left:0;aspect-ratio:auto;z-index:1;transform-origin:center center;backface-visibility:hidden;will-change:transform,opacity;transition:transform .56s cubic-bezier(.65,0,.35,1),opacity .56s ease,box-shadow .56s ease}.scr__card--stack.is-top{z-index:2}.scr__card--stack.is-front{transform:translate(0) scale(1);opacity:1;box-shadow:0 20px 44px -8px #14182180,0 6px 18px #1418212e;cursor:default;transition:transform .56s cubic-bezier(.34,1.4,.64,1),opacity .56s ease,box-shadow .56s ease}.scr__card--stack.is-back{transform:translate(var(--peek-x),var(--peek-y)) scale(var(--back-scale));opacity:.42;box-shadow:0 14px 34px #14182124,0 0 #14182100;cursor:pointer;transition:transform .56s cubic-bezier(.65,0,.35,1),opacity .56s ease,box-shadow .56s ease}.scr__card--stack.is-back:hover{opacity:.62}.scr__deck:not(:has(.scr__card--stack.is-back)) .scr__card--stack.is-front{box-shadow:none;cursor:default}.scr__toggle-wrap{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;min-height:110px;flex-shrink:0}.scr__toggle{display:flex;align-items:center;justify-content:center;gap:14px}.scr__toggle-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:12px 30px;min-width:132px;background:#fff;color:color-mix(in srgb,var(--scr-text, #141821) 55%,transparent);font-family:inherit;font-size:clamp(15px,1.1vw,18px);font-weight:700;line-height:1.1;cursor:pointer;box-shadow:0 1px 2px #14182114,0 0 0 1px #1418210f;transition:color .34s cubic-bezier(.65,0,.35,1),box-shadow .34s ease,transform .34s cubic-bezier(.34,1.3,.64,1)}.scr__toggle-btn:hover{color:var(--scr-text, #141821)}.scr__toggle-btn.is-active{color:var(--scr-text, #141821);transform:translateY(-1px);box-shadow:0 10px 26px -8px #14182147,0 2px 6px #1418211a}.scr__toggle-fill{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--scr-progress, #141821);clip-path:inset(0 calc(100% - var(--p, 0%)) 0 0);transition:clip-path .12s linear;pointer-events:none;z-index:1}.scr__toggle-label{position:relative;z-index:0}.scr__toggle-label--on{color:#fff}.scr__toggle-caps{position:relative;width:100%;min-height:44px}.scr__toggle-cap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;gap:2px;margin:0;text-align:center;font-size:14px;line-height:1.5;color:var(--scr-muted, #a9adb4);opacity:0;pointer-events:none;transition:opacity .16s ease}.scr__toggle-cap-title{font-weight:600;color:var(--scr-text, #141821)}.scr__toggle-cap.is-active{opacity:1}@media(max-width:1023px){.scr__track{height:auto!important}.scr__stage{position:static;height:auto;overflow:visible}.scr__panel{position:static;inset:auto;min-height:auto;padding:48px 20px;gap:28px;transform:none!important;opacity:1!important;filter:none!important;visibility:visible!important}.scr__head{transform:none!important}.scr__sub{transform:none!important;opacity:1!important}.scr__media{flex-direction:column;align-items:center}.scr__col{width:100%;max-width:520px}.scr__media--stack{max-width:760px}.scr__deck{width:calc(100% - var(--peek-edge));margin-inline:auto;transform:translate(calc(var(--peek-edge) / -2))}}@media(prefers-reduced-motion:reduce){.scr__track{height:auto!important}.scr__stage{position:static;height:auto;overflow:visible}.scr__panel{position:static;inset:auto;min-height:auto;transform:none!important;opacity:1!important;filter:none!important;visibility:visible!important}.scr__head,.scr__sub{transform:none!important;opacity:1!important}.scr__media--stack{max-width:1200px}.scr__deck{display:flex;gap:28px;width:100%;max-width:1200px;aspect-ratio:auto;margin-bottom:0}.scr__card--stack{position:relative;inset:auto;flex:1;min-width:0;max-width:620px;aspect-ratio:16 / 10;transform:none!important;filter:none!important;opacity:1!important;box-shadow:none;cursor:default;transition:none!important}.scr__toggle-wrap{display:none}}
/*# sourceMappingURL=/cdn/shop/t/52/assets/soulog-curtain-reveal.css.map */