.nami-scroll-story{--nami-story-height: 225vh;--nami-story-word-bg: var(--nami-lilac);height:var(--nami-story-height);min-height:1500px;position:relative;box-sizing:border-box}.nami-scroll-story__stage{display:block;height:100%}.nami-scroll-story__sticky{position:sticky;top:0;height:100vh;overflow:hidden;display:grid;place-items:center}.nami-scroll-story__copy{position:relative;z-index:3;text-align:center;width:40%;pointer-events:none}.nami-scroll-story__copy .nami-pill{pointer-events:auto}.nami-scroll-story .nami-scroll-story__heading{font-size:calc(clamp(54px,5.4vw,88px) * var(--font-heading-scale));line-height:1.18;margin:28px 0 38px}.nami-scroll-story__word{background:var(--nami-story-word-bg);border-radius:14px;display:inline-block;padding:0 10px 8px;transition:background .4s}.nami-scroll-story__col{position:absolute;top:0;width:25%;display:flex;flex-direction:column;gap:120px;will-change:transform}.nami-scroll-story__col--left{inset-inline-start:var(--nami-gutter);transform:translateY(10vh)}.nami-scroll-story__col--right{inset-inline-end:var(--nami-gutter);transform:translateY(25vh)}.nami-scroll-story__card{display:block;padding:0;position:relative;border-radius:var(--nami-radius-card);overflow:hidden;flex-shrink:0;width:100%;aspect-ratio:.77;background:var(--nami-lavender);box-shadow:0 12px 22px #00000005;color:inherit;text-decoration:none}.nami-scroll-story__img,.nami-scroll-story__card img,.nami-scroll-story__card .nami-placeholder{width:100%;height:100%;max-width:100%;object-fit:cover}.nami-scroll-story__caption{position:absolute;inset-inline-start:14px;inset-inline-end:14px;bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#ffffffd9;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);border-radius:12px;padding:13px;font-size:14px;text-align:start;color:#080808}.nami-scroll-story__caption .nami-icon{width:20px;height:20px;flex:0 0 auto}.nami-scroll-story__card--tilt-left{rotate:-6deg}.nami-scroll-story__card--tilt-right{rotate:6deg}@media(max-width:1200px){.nami-scroll-story .nami-scroll-story__heading{font-size:calc(65px * var(--font-heading-scale))}}@media(max-width:800px){.nami-scroll-story{height:calc(var(--nami-story-height) - 25vh);min-height:1300px}.nami-scroll-story__col{width:28%;gap:100px}.nami-scroll-story__col--left{inset-inline-start:-3%}.nami-scroll-story__col--right{inset-inline-end:-3%}.nami-scroll-story__copy{width:48%}.nami-scroll-story .nami-scroll-story__heading{font-size:calc(52px * var(--font-heading-scale))}.nami-scroll-story .nami-scroll-story__eyebrow{font-size:12px}.nami-scroll-story__button{padding-inline-start:18px;gap:12px;font-size:14px}.nami-scroll-story__caption{font-size:11px;inset-inline-start:8px;inset-inline-end:8px;bottom:8px;padding:8px}}@media(max-width:540px){.nami-scroll-story{height:1500px}.nami-scroll-story__copy{width:72%}.nami-scroll-story .nami-scroll-story__heading{font-size:calc(48px * var(--font-heading-scale));margin:20px 0 28px}.nami-scroll-story .nami-scroll-story__eyebrow{font-size:11px}.nami-scroll-story__col{width:37%;opacity:.93}.nami-scroll-story__col--left{inset-inline-start:-17%;gap:190px}.nami-scroll-story__col--right{inset-inline-end:-17%;gap:190px}.nami-scroll-story__card{aspect-ratio:.7}.nami-scroll-story__caption{display:none}.nami-scroll-story__button{box-shadow:0 0 25px #fff}}.nami-scroll-story--static{height:auto;min-height:0;padding:50px 20px}.nami-scroll-story--static .nami-scroll-story__sticky{position:static;height:auto;display:block;overflow:visible}.nami-scroll-story--static .nami-scroll-story__copy{width:100%;margin-bottom:40px}.nami-scroll-story--static .nami-scroll-story__col{position:static;width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:15px;transform:none!important;opacity:1}.nami-scroll-story--static .nami-scroll-story__col--right{display:none}.nami-scroll-story--static .nami-scroll-story__card{rotate:0deg}.nami-scroll-story--static .nami-scroll-story__caption{display:flex}@media(prefers-reduced-motion:reduce){.nami-scroll-story{height:auto;min-height:0;padding:50px 20px}.nami-scroll-story__sticky{position:static;height:auto;display:block;overflow:visible}.nami-scroll-story__copy{width:100%;margin-bottom:40px}.nami-scroll-story__col{position:static;width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:15px;transform:none!important;opacity:1}.nami-scroll-story__col--right{display:none}.nami-scroll-story__card{rotate:0deg}.nami-scroll-story__caption{display:flex}.nami-scroll-story__word{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/nami-section-scroll-story.css.map */