.story-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:clamp(28px,5vw,72px);align-items:center}
.story-slider{width:100%}
.story-track{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;border-radius:24px}
.story-track::-webkit-scrollbar{display:none}
.story-track:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.story-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}
.story-slide img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;background:#e4dfd4}
.story-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:16px}
.story-controls[hidden]{display:none}
.story-btn{flex:none;width:44px;height:44px;border-radius:22px;border:1px solid #d6d0c3;background:#fff;color:var(--ink);cursor:pointer;display:grid;place-items:center;padding:0}
.story-btn[hidden]{display:none}
.story-btn:hover{border-color:var(--accent)}
.story-btn svg{width:18px;height:18px}
.story-pause .ic-play{display:none}
.story-pause.is-paused .ic-play{display:block}
.story-pause.is-paused .ic-pause{display:none}
.story-dots{display:flex;align-items:center}
.story-dot{width:24px;height:44px;border:0;background:none;padding:0;cursor:pointer;display:grid;place-items:center}
.story-dot:before{content:"";width:10px;height:10px;border-radius:5px;background:#cfc9bb;transition:background .2s,width .2s}
.story-dot[aria-current="true"]:before{background:var(--accent);width:22px}
.story--center{padding-top:24px}
.story--center .story-grid{grid-template-columns:minmax(0,1fr);justify-items:center;gap:24px}
.story--center .story-copy{align-items:center;text-align:center;max-width:36em}
.story--center .story-slider{max-width:none;margin:0 auto;width:min(100%,max(300px,calc((100vh - 215px)*.75)),640px);width:min(100%,max(300px,calc((100svh - 215px)*.75)),640px)}
@media(max-width:859px){.story-grid{grid-template-columns:minmax(0,1fr);gap:14px}.story-copy{display:contents}.story-slider{order:1;max-width:480px;margin:6px auto 0}.story-copy .btn{order:2;margin-top:8px;justify-self:start}}
@media(max-width:600px){.story-copy .btn{justify-self:stretch}}
@media(max-width:359px){.story-dot{width:18px}}