/* Product previews: a finite, user-controlled highlights gallery. */
.story{--gallery-gutter:clamp(20px,6.25vw,120px);--gallery-gap:24px;--gallery-progress:0;margin-top:80px;padding-bottom:76px;background:var(--paper)}
.story-stage{position:relative;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gallery-gutter);scroll-behavior:auto;touch-action:pan-x pan-y pinch-zoom;isolation:isolate}
.story.is-ready .story-stage{scrollbar-width:none}
.story.is-ready .story-stage::-webkit-scrollbar{display:none}
.story-stage:focus-visible{outline-offset:-4px}
.story-track{display:flex;gap:var(--gallery-gap);padding-inline:var(--gallery-gutter)}
.story-track::after{content:"";flex:0 0 calc(var(--gallery-gutter) - var(--gallery-gap))}
.story-slide{position:relative;flex:0 0 100%;min-width:0;height:max(120px,min(calc((100vw - 2 * var(--gallery-gutter)) * .625),calc(100svh - var(--journey-offset) - 124px)));margin:0;overflow:hidden;scroll-snap-align:center;scroll-snap-stop:always;border-radius:24px;background:var(--story-bg,#fff)}
.story-slide picture{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.story-slide img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center;user-select:none;-webkit-user-drag:none}
.story-controls{display:flex;align-items:center;justify-content:center;gap:14px;padding:24px 12px 0}
.story-controls[hidden]{display:none}
.story-dots,.story-play{background:rgba(222,222,219,.8);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.story-dots{display:flex;align-items:center;height:56px;padding:0 14px;border-radius:100px}
.story-dot{position:relative;display:block;flex:0 0 auto;width:28px;height:48px;padding:0;border:0;border-radius:24px;background:none;color:var(--ink);cursor:pointer;transition:width .4s cubic-bezier(.33,0,.67,1)}
.story-dot[aria-current="true"]{width:58px}
.story-dot-mark{position:absolute;left:50%;top:50%;width:8px;height:8px;overflow:hidden;border-radius:8px;background:#878784;transform:translate(-50%,-50%);transition:width .4s cubic-bezier(.33,0,.67,1),background .25s linear}
.story-dot:hover .story-dot-mark{background:#51514e}
.story-dot[aria-current="true"] .story-dot-mark{width:46px;background:#b8b8b4}
.story-dot-mark::after{content:"";display:block;width:100%;height:100%;border-radius:inherit;background:#292a28;transform:scaleX(0);transform-origin:left}
.story-dot[aria-current="true"] .story-dot-mark::after{transform:scaleX(var(--gallery-progress))}
.story-play{display:grid;place-items:center;flex:0 0 56px;width:56px;height:56px;padding:0;border:0;border-radius:50%;color:#292a28;cursor:pointer;transition:background .2s,transform .2s}
.story-play:hover{background:#d4d4d0}
.story-play:active{transform:scale(.95)}
.story-play svg{width:22px;height:22px;grid-area:1/1;fill:currentColor}
.story-play svg[hidden]{display:none}
.story-play svg[data-gallery-icon="replay"]{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.story-status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.story.is-dragging .story-stage{scroll-snap-type:none;cursor:grabbing}
.story.is-moving .story-stage{scroll-snap-type:none}
@media(hover:hover) and (pointer:fine){.story.is-ready .story-stage{cursor:grab}.story.is-dragging .story-stage{cursor:grabbing}}
@media(max-width:760px){
  .story{--gallery-gutter:20px;--gallery-gap:12px;margin-top:54px;padding-bottom:48px}
  .story-slide{border-radius:16px}
  .story-controls{gap:12px;padding-top:20px}
  .story-dots{height:52px;padding-inline:12px}
  .story-play{flex-basis:52px;width:52px;height:52px}
  .story-dot[aria-current="true"]{width:56px}
  .story-dot[aria-current="true"] .story-dot-mark{width:44px}
}
@media(prefers-reduced-motion:reduce){.story-dot,.story-dot-mark,.story-play{transition:none}.story-stage{scroll-behavior:auto}}