.soulog-showcase{--sss-col-gap: 5rem;--sss-bg: transparent;--sss-heading: inherit;--sss-text: inherit;--sss-muted: rgba(0, 0, 0, .35);--sss-accent: #141414;--sss-step: 80vh;--sss-sticky-top: 20vh;--sss-ratio: 3 / 2;--sss-reel-gap: 48px;--sss-icon-size: 20px;--section-spacing-mobile: clamp(48px, calc(var(--sss-pad-y, 160) * 100vw / 1920), calc(var(--sss-pad-y, 160) * 1px));--section-spacing-desktop: clamp(48px, calc(var(--sss-pad-y, 160) * 100vw / 1920), calc(var(--sss-pad-y, 160) * 1px));display:block;background-color:var(--sss-bg);color:var(--sss-text)}.soulog-showcase__grid{padding-inline:clamp(20px,calc(var(--sss-pad-x, 92) * 100vw / 1920),calc(var(--sss-pad-x, 92) * 1px))}@media(min-width:768px){.soulog-showcase__grid{padding-inline:max(50px,calc((100vw - var(--grid-width, 1280px)) / 2))}}.soulog-showcase__head{max-width:var(--grid-width, 1280px);margin:0 auto 3.5rem;padding-inline:20px;text-align:center}.soulog-showcase__title{color:var(--sss-heading);margin:0;font-size:clamp(1.75rem,4.5vw,2.75rem);line-height:1.1;font-weight:700;white-space:normal;text-wrap:balance}@media(min-width:1024px){.soulog-showcase__title{white-space:nowrap}}.soulog-showcase__subtitle{max-width:60ch;margin:.85rem auto 0;color:var(--sss-text);font-size:clamp(1rem,1.6vw,1.15rem);line-height:1.5;opacity:.75}.soulog-showcase__cta{display:inline-flex;align-items:center;gap:.4em;margin-top:1.25rem;color:var(--sss-accent);font-size:clamp(.95rem,1.4vw,1.05rem);font-weight:600;line-height:1.5;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}.soulog-showcase__cta:hover,.soulog-showcase__cta:focus-visible{border-bottom-color:currentColor}.soulog-showcase__cta-arrow{transition:transform .2s ease}.soulog-showcase__cta:hover .soulog-showcase__cta-arrow,.soulog-showcase__cta:focus-visible .soulog-showcase__cta-arrow{transform:translate(3px)}@media(prefers-reduced-motion:reduce){.soulog-showcase__cta,.soulog-showcase__cta-arrow{transition:none}.soulog-showcase__cta:hover .soulog-showcase__cta-arrow,.soulog-showcase__cta:focus-visible .soulog-showcase__cta-arrow{transform:none}}.soulog-showcase__nav{display:flex;flex-direction:column;gap:2rem}.soulog-showcase__item{display:block;width:100%;margin:0;padding:0 0 0 1.25rem;border:0;border-left:2px solid transparent;background:none;text-align:left;color:inherit;font:inherit;cursor:pointer;-webkit-appearance:none;appearance:none;transition:border-color .35s ease}.soulog-showcase__item.is-active{border-left-color:var(--sss-accent)}.soulog-showcase__item-head{display:flex;align-items:center;gap:.6rem}.soulog-showcase__icon{flex:0 0 auto;width:var(--sss-icon-size);height:var(--sss-icon-size);color:var(--sss-heading);transition:color .35s ease}.soulog-showcase__icon svg{width:100%;height:100%;display:block}.soulog-showcase__item-title{color:var(--sss-heading);font-size:1.125rem;line-height:1.3;font-weight:600;transition:color .35s ease}.soulog-showcase__item-desc{display:block;margin-top:.75rem;color:var(--sss-text);font-size:.95rem;line-height:1.6;max-width:46ch;transition:color .35s ease,opacity .35s ease}.soulog-showcase__item-image{display:block;margin-top:1.25rem;border-radius:16px;overflow:hidden;aspect-ratio:var(--sss-ratio);background-color:var(--sss-card-bg, #e7e1d3);box-shadow:0 10px 28px #0000001a,0 3px 8px #0000000d}.soulog-showcase__item-image img,.soulog-showcase__item-image .thb-placeholder,.soulog-showcase__item-image svg{width:100%;height:100%;object-fit:cover;display:block}.soulog-showcase__media{display:none}.soulog-showcase.is-reveal .soulog-showcase__item{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease;transition-delay:calc(var(--reveal-i, 0) * 80ms);will-change:opacity,transform}.soulog-showcase.is-reveal .soulog-showcase__item.is-inview{opacity:1;transform:none;will-change:auto}.low-end .soulog-showcase.is-reveal .soulog-showcase__item{transform:none;transition-property:opacity}@media(min-width:1024px){.soulog-showcase.is-reveal .soulog-showcase__item{opacity:1;transform:none;transition:none;will-change:auto}}@media(min-width:1024px){.soulog-showcase__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);column-gap:var(--sss-col-gap)}.soulog-showcase__nav-sticky{position:sticky;top:calc(var(--header-height, 0px) + var(--sss-sticky-top))}.soulog-showcase__nav{gap:1.75rem}.soulog-showcase__item .soulog-showcase__item-title,.soulog-showcase__item .soulog-showcase__icon{color:var(--sss-muted)}.soulog-showcase__item .soulog-showcase__item-desc{color:var(--sss-muted);opacity:0;max-height:0;overflow:hidden;margin-top:0;transition:opacity .35s ease,max-height .35s ease,margin-top .35s ease,color .35s ease}.soulog-showcase__item.is-active .soulog-showcase__item-title,.soulog-showcase__item.is-active .soulog-showcase__icon{color:var(--sss-heading)}.soulog-showcase__item.is-active .soulog-showcase__item-desc{color:var(--sss-text);opacity:1;max-height:14rem;margin-top:.75rem}.soulog-showcase__item:hover .soulog-showcase__item-title,.soulog-showcase__item:hover .soulog-showcase__icon{color:var(--sss-heading)}.soulog-showcase__item-image{display:none}.soulog-showcase__media{display:flex;flex-direction:column;gap:var(--sss-reel-gap)}.soulog-showcase__slide{min-height:var(--sss-step);display:flex;align-items:flex-start}.soulog-showcase__card{width:100%;aspect-ratio:var(--sss-ratio);border-radius:18px;overflow:hidden;background-color:var(--sss-card-bg, #e7e1d3);box-shadow:0 clamp(10px,1.25vw,24px) clamp(28px,calc(64 * 100vw / 1920),64px) #0000001f,0 clamp(3px,.3125vw,6px) clamp(8px,calc(16 * 100vw / 1920),16px) #0000000d;transition:opacity .4s ease,transform .4s ease;opacity:.6;transform:scale(.985)}.soulog-showcase__card.is-active{opacity:1;transform:scale(1)}.soulog-showcase__img,.soulog-showcase__card img,.soulog-showcase__card .thb-placeholder,.soulog-showcase__card svg{width:100%;height:100%;object-fit:cover;display:block}}@media(prefers-reduced-motion:reduce){.soulog-showcase__item-title,.soulog-showcase__icon,.soulog-showcase__item-desc,.soulog-showcase__card{transition:none}.soulog-showcase.is-reveal .soulog-showcase__item{opacity:1;transform:none;transition:none;will-change:auto}}
/*# sourceMappingURL=/cdn/shop/t/52/assets/soulog-scroll-showcase.css.map */