.ss-section{position:relative;height:400vh}.ss-sticky{position:sticky;top:0;height:100vh;display:grid;grid-template-columns:44% 56%;overflow:hidden;background:#fff}.ss-text-panel{display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(150deg,#fff0f4,#f0fcfb);padding:0 52px 0 60px}.ss-bg-num{position:absolute;right:-10px;bottom:-20px;font-family:Fredoka,sans-serif;font-size:28vw;font-weight:700;color:#f035620a;line-height:1;pointer-events:none;transition:opacity .5s ease;-webkit-user-select:none;user-select:none}.ss-progress{position:absolute;left:22px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;z-index:5}.ss-progress__dot{width:7px;height:7px;border-radius:50%;background:#f0356233;transition:background .4s ease,transform .4s cubic-bezier(.34,1.56,.64,1),height .4s ease;cursor:pointer}.ss-progress__dot.is-active{background:#f03562;transform:scale(1.5);height:22px;border-radius:4px}.ss-chapter{position:absolute;left:0;right:0;padding:0 52px 0 60px;opacity:0;transform:translateY(32px);transition:opacity .55s ease,transform .65s cubic-bezier(.22,1,.36,1);pointer-events:none}.ss-chapter.is-active{opacity:1;transform:translateY(0);pointer-events:auto}.ss-chapter__tag{display:inline-flex;align-items:center;gap:8px;font-family:Fredoka,sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#2bbdb8;margin-bottom:20px}.ss-chapter__tag:before{content:"";display:block;width:20px;height:2px;background:#2bbdb8;border-radius:1px}.ss-chapter__num{display:block;font-family:Fredoka,sans-serif;font-size:7rem;font-weight:700;line-height:.85;background:linear-gradient(135deg,#f03562,#ff8fa3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px;letter-spacing:-.02em;opacity:.15;transition:opacity .3s ease}.ss-chapter.is-active .ss-chapter__num{opacity:1}.ss-chapter__title{font-family:Fredoka,sans-serif;font-size:clamp(2rem,2.8vw,3rem);font-weight:700;color:#0d3a38;line-height:1.2;margin:0 0 18px}.ss-chapter__text{font-family:Fredoka,sans-serif;font-size:1.25rem;line-height:1.75;color:#4a6360;margin:0 0 28px}.ss-chapter__cta{display:inline-flex;align-items:center;gap:8px;font-family:Fredoka,sans-serif;font-size:.92rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#f03562;text-decoration:none;transition:gap .2s ease}.ss-chapter__cta:hover{gap:14px}.ss-image-panel{position:relative;background:linear-gradient(160deg,#fff0f4,#f0fcfb)}.ss-slide{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(calc(100% - 56px),calc((100vh - 120px)*.8));aspect-ratio:4 / 5;border-radius:28px;overflow:hidden;opacity:0;transition:opacity .65s ease;pointer-events:none;box-shadow:0 24px 60px #0000001f,0 6px 20px #f035621a}.ss-slide.is-active{opacity:1;pointer-events:auto}.ss-slide img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;transform:scale(1.06);transition:transform 10s ease;will-change:transform}.ss-slide.is-active img{transform:scale(1)}.ss-scroll-hint{position:absolute;bottom:28px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;font-family:Fredoka,sans-serif;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:#0d3a3859;z-index:10;pointer-events:none;transition:opacity .6s ease}.ss-scroll-hint.is-hidden{opacity:0}.ss-scroll-hint__arrow{animation:ss-bounce 1.6s ease infinite}@keyframes ss-bounce{0%,to{transform:translateY(0)}55%{transform:translateY(7px)}}.ss-stats{background:#0d3a38;display:grid;grid-template-columns:repeat(4,1fr)}.ss-stat{padding:28px 20px;text-align:center;border-right:1px solid rgba(255,255,255,.07);transition:background .2s ease}.ss-stat:last-child{border-right:none}.ss-stat:hover{background:#ffffff0a}.ss-stat__num{font-family:Fredoka,sans-serif;font-size:2.2rem;font-weight:700;color:#f03562;display:block;line-height:1;margin-bottom:5px}.ss-stat__label{font-family:Fredoka,sans-serif;font-size:.85rem;color:#ffffff80;letter-spacing:.02em}@media screen and (max-width:989px){.ss-sticky{grid-template-columns:50% 50%}.ss-text-panel,.ss-chapter{padding:0 32px 0 48px}.ss-chapter__num{font-size:5rem}.ss-chapter__title{font-size:2rem}}@media screen and (max-width:749px){.ss-section{height:500vh}.ss-sticky{grid-template-columns:1fr;grid-template-rows:52vh 48vh}.ss-image-panel{order:1}.ss-text-panel{order:2;padding:0 24px 0 40px}.ss-chapter{padding:0 24px 0 40px}.ss-slide{width:calc(100% - 40px);aspect-ratio:1 / 1}.ss-bg-num{font-size:45vw}.ss-chapter__num{font-size:4.5rem}.ss-chapter__title{font-size:1.7rem}.ss-chapter__text{font-size:1.1rem;margin-bottom:16px}.ss-stats{grid-template-columns:repeat(2,1fr)}.ss-stat:nth-child(2){border-right:none}.ss-stat:nth-child(3),.ss-stat:nth-child(4){border-top:1px solid rgba(255,255,255,.07)}.ss-stat:nth-child(4){border-right:none}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/section-scroll-story.css.map */