.illa-story{padding:var(--illa-section-y) 0;background:linear-gradient(180deg,var(--illa-rose-50) 0%,var(--illa-peach-50) 100%)}.illa-story__rail{position:sticky;top:var(--illa-story-rail-top, 0px);transition:top var(--illa-duration) var(--illa-ease);z-index:5;display:flex;gap:var(--illa-space-2);overflow-x:auto;scrollbar-width:none;margin:0 calc(var(--illa-gutter) * -1) var(--illa-space-6);padding:var(--illa-space-2) var(--illa-gutter);background:linear-gradient(180deg,var(--illa-rose-50) 70%,transparent)}.illa-story__rail::-webkit-scrollbar{display:none}.illa-story__rail-item{flex:0 0 auto;display:inline-flex;align-items:center;gap:var(--illa-space-2);min-height:40px;padding:0 var(--illa-space-4);border-radius:var(--illa-radius-pill);background:#fbf7f2d9;color:var(--illa-text-muted);font-size:var(--illa-text-sm);font-weight:500;text-decoration:none;transition:background-color var(--illa-duration) var(--illa-ease),color var(--illa-duration) var(--illa-ease)}.illa-story__rail-num{font-family:var(--illa-font-heading);font-weight:600}.illa-story__rail-item.is-active{background:var(--illa-action);color:var(--illa-text-on-inverse)}.illa-story__grid{display:block}.illa-story__stage{display:none}.illa-story__steps{display:flex;flex-direction:column;gap:var(--illa-space-8)}.illa-story__step{display:flex;flex-direction:column;align-items:flex-start;gap:var(--illa-space-4);scroll-margin-top:140px}.illa-story__kicker{display:inline-flex;align-items:center;gap:var(--illa-space-2)}.illa-story__kicker-num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--illa-peach);color:var(--illa-ink);font-size:11px;letter-spacing:0}.illa-story__step .illa-heading{font-size:clamp(36px,8vw,56px);line-height:1.05}.illa-story__step .illa-text p{margin:0}.illa-story__media-inline,.illa-story__frame{position:relative;width:100%;border-radius:var(--illa-radius-xl);overflow:hidden;background:var(--illa-surface-photo);box-shadow:var(--illa-shadow-lg)}.illa-story__media-inline{aspect-ratio:4 / 5}.illa-story__video,.illa-story__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.illa-story__img--product{object-fit:contain;padding:10%;mix-blend-mode:darken}.illa-story__products{list-style:none;margin:var(--illa-space-2) 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:var(--illa-space-2);width:100%}.illa-story__product{display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto;column-gap:var(--illa-space-3);align-items:center;padding:var(--illa-space-2);border-radius:var(--illa-radius-md);background:#ffffffbf;text-decoration:none;transition:background-color var(--illa-duration) var(--illa-ease),box-shadow var(--illa-duration) var(--illa-ease)}.illa-story__product:hover{background:var(--illa-surface);box-shadow:var(--illa-shadow-sm)}.illa-story__product-img{grid-row:1 / 3;width:48px;height:48px;border-radius:var(--illa-radius-sm);overflow:hidden;background:var(--illa-surface-photo)}.illa-story__product-img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:darken}.illa-story__product-name{font-family:var(--illa-font-heading);font-size:15px;line-height:1.2;color:var(--illa-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.illa-story__product-price{font-size:var(--illa-text-xs);font-weight:600;color:var(--illa-text-accent)}@media(min-width:1024px){.illa-story__rail{justify-content:center;margin-left:0;margin-right:0;background:none}.illa-story__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--illa-space-8);align-items:start}.illa-story__stage{display:block;position:sticky;top:160px}.illa-story__frame{aspect-ratio:4 / 5;max-height:calc(100vh - 200px);margin-left:auto}.illa-story__media{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .6s var(--illa-ease)}.illa-story__media.is-active{opacity:1}.illa-story__media-inline{display:none}.illa-story__steps{gap:0}.illa-story__step{min-height:78vh;justify-content:center;opacity:.28;transform:translateY(12px);transition:opacity .5s var(--illa-ease),transform .5s var(--illa-ease)}.illa-story__step.is-active{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.illa-story__media,.illa-story__step{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/illa-story.css.map */