soulog-showcase-scroll{--ssc-bg: #ffffff;--ssc-card: #ffffff;--ssc-heading: #111418;--ssc-text: #55606b;--ssc-muted: #98a0aa;--ssc-accent: #e8590c;--ssc-radius: 22px;--ssc-ratio: 16 / 10;--ssc-media-w: 1.15fr;--ssc-wrap-h: 340vh;display:block;background:var(--ssc-bg)}.ssc__track{max-width:var(--grid-width, 1200px);margin-inline:auto;padding-inline:20px}.ssc__head{text-align:center}.ssc__dots{display:none;gap:10px;justify-content:center;margin-top:20px}.ssc__dot{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:#d3d8de;cursor:pointer;transition:all .35s ease}.ssc__dot.is-active{width:26px;background:var(--ssc-accent)}.ssc__deck{display:flex;flex-direction:column;gap:20px;max-width:640px;margin-inline:auto;padding:24px 20px 8px}.ssc__card{display:grid;grid-template-columns:1fr;background:var(--ssc-card);border:1px solid rgba(0,0,0,.08);border-radius:var(--ssc-radius);overflow:hidden;cursor:pointer;backface-visibility:hidden;box-shadow:0 12px 32px #0000001a}.ssc__media{position:relative;overflow:hidden;background:#000;aspect-ratio:var(--ssc-ratio)}.ssc__media video,.ssc__media .ssc__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.ssc__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:linear-gradient(135deg,#e9edf1,#d7dde3);color:#9aa3ad;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.ssc__placeholder:after{content:attr(data-label)}.ssc__body{padding:clamp(20px,3vw,40px);display:flex;flex-direction:column;justify-content:center;gap:14px}.ssc__tag{margin:0;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ssc-accent)}.ssc__h{margin:0;color:var(--ssc-heading);font-weight:640;font-size:clamp(19px,.9rem + 1.1vw,30px);line-height:1.2}.ssc__p{margin:0;font-size:14px;line-height:1.6;color:var(--ssc-text)}.ssc__hint{margin-top:4px;font-size:12px;color:var(--ssc-muted);display:inline-flex;align-items:center;gap:6px}.ssc__focus-close,.ssc__fs-close{display:none;width:40px;height:40px;border:0;border-radius:999px;background:#1114188c;color:#fff;font-size:18px;line-height:1;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}html.ssc-lock,html.ssc-lock body{overflow:hidden}@media(min-width:1024px)and (hover:hover)and (pointer:fine){soulog-showcase-scroll[data-ready] .ssc__wrap{position:relative;height:var(--ssc-wrap-h)}soulog-showcase-scroll[data-ready] .ssc__stage{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;flex-direction:column;padding-top:4.5vh}soulog-showcase-scroll[data-ready] .ssc__dots{display:flex}soulog-showcase-scroll[data-ready] .ssc__deck{position:relative;flex:1;max-width:none;margin:0;padding:0;perspective:1800px}soulog-showcase-scroll[data-ready] .ssc__card{position:absolute;top:50%;left:50%;width:min(1040px,88vw);height:min(600px,66vh);margin:calc(min(600px,66vh)/-2) 0 0 calc(min(1040px,88vw)/-2);grid-template-columns:var(--ssc-media-w) 1fr;box-shadow:0 24px 60px #00000024;will-change:transform,opacity;transition:transform .6s cubic-bezier(.22,.61,.36,1),opacity .5s ease}soulog-showcase-scroll[data-ready] .ssc__card .ssc__media{aspect-ratio:auto}soulog-showcase-scroll[data-ready] .ssc__card.is-dock{grid-template-columns:1fr;grid-template-rows:1fr}soulog-showcase-scroll[data-ready] .ssc__card.is-dock .ssc__body{display:none}soulog-showcase-scroll[data-ready] .ssc__focus-close{display:block;position:absolute;top:24px;right:24px;z-index:70;opacity:0;pointer-events:none;transition:opacity .35s ease}soulog-showcase-scroll[data-ready].is-focused .ssc__focus-close{opacity:1;pointer-events:auto}soulog-showcase-scroll.ssc--no-anim[data-ready] .ssc__card{transition:none!important}@media(prefers-reduced-motion:reduce){soulog-showcase-scroll[data-ready] .ssc__card{transition:none}}}@media(max-width:1023px){soulog-showcase-scroll[data-ready] .ssc__card{opacity:1;transform:none;transition:none}.ssc__card.is-fs{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;width:100%;height:100%;margin:0;border:0;border-radius:0;grid-template-columns:1fr;grid-template-rows:54% 46%;opacity:1!important;transform:none!important}.ssc__card.is-fs .ssc__media{aspect-ratio:auto}.ssc__card.is-fs .ssc__body{overflow:auto}.ssc__fs-close.is-on{display:block;position:fixed;top:16px;right:16px;z-index:210}}
/*# sourceMappingURL=/cdn/shop/t/52/assets/soulog-showcase-scroll.css.map */