/* Brix scroll story: pinned before/after crossfade (js/story.js sets --st-* on .story-track.is-live). */
.story-track{margin:2rem auto;max-width:1168px;padding:0 1rem}
.story-stage{display:grid;gap:1.5rem}
.story-frame{margin:0;position:relative}
.story-frame img{width:100%;height:auto;border-radius:var(--r)}
.story-cap{margin-top:.6rem;color:var(--muted-d);font-size:.95rem}
.story-cap .ba-tag{position:static;display:inline-block;margin-right:.4rem;color:var(--gold-l);font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}
.story-hint{display:none}
/* Live: pin the stage and stack the photos in one grid cell */
.story-track.is-live{height:170svh;padding:0}
.story-track.is-live .story-stage{position:sticky;top:calc(var(--hdr) + 1rem);grid-template-areas:"s";gap:0;height:calc(100svh - var(--hdr) - 2rem);align-content:center}
.story-track.is-live .story-frame{grid-area:s;display:grid;grid-template-areas:"s"}
.story-track.is-live .story-frame img{grid-area:s;max-height:calc(100svh - var(--hdr) - 6rem);object-fit:cover}
.story-track.is-live .story-after{opacity:var(--st-img,0)}
.story-track.is-live .story-cap{grid-area:s;align-self:end;margin:0;padding:.8rem 1rem;background:linear-gradient(transparent,rgba(10,10,10,.8));color:#fff;border-radius:0 0 var(--r) var(--r)}
.story-track.is-live .story-cap1{opacity:var(--st-cap1,1)}
.story-track.is-live .story-cap2{opacity:var(--st-cap2,0)}
.story-track.is-live .story-hint{display:block;grid-area:s;align-self:start;justify-self:center;margin:.8rem 0 0;padding:.3rem .8rem;border-radius:99px;background:rgba(10,10,10,.6);color:var(--gold-l);font-size:.85rem;opacity:var(--st-hint,1);pointer-events:none}
.story-track.is-live .story-hint::after{content:" ↓"}
@media (prefers-reduced-motion:reduce){.story-track.is-live{height:auto}}