.story-grid{grid-template-columns:1.1fr 1fr;gap:6%}.moments{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:start;min-width:0}.moment{position:relative;overflow:hidden;margin:0;animation:arrive 1s both;animation-delay:calc(var(--i)*.15s)}.moment img{width:100%;height:100%;max-height:none;object-fit:cover;aspect-ratio:auto;animation:drift 14s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-2s)}.moment figcaption{position:absolute;bottom:0;left:0;right:0;padding:24px 10px 10px;margin:0;color:#fff;background:linear-gradient(transparent,#0008);font-size:8px;letter-spacing:1px}.m0{--i:0;grid-column:1/3;height:250px}.m1{--i:1;height:205px;margin-top:40px}.m2{--i:2;height:225px}.m3{--i:3;height:190px}.m4{--i:4;height:240px;margin-top:0}.m5{--i:5;grid-column:1/3;height:150px;margin-top:0}
@keyframes arrive{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes drift{from{transform:scale(1.03) translateY(-2px)}to{transform:scale(1.09) translateY(3px)}}
@media(max-width:760px){.story-grid{grid-template-columns:1fr}.moments{gap:8px}.m0{height:190px}.m1{height:155px}.m2{height:170px}.m3{height:145px}.m4{height:180px}.m5{height:110px;margin-top:0}.story-copy{margin-top:10px}}@media(prefers-reduced-motion:reduce){.moment,.moment img{animation:none!important}}
/* Approved quiet photo sequence. */
.story .moments{position:relative;display:block;height:550px}
.story .moment{position:absolute;inset:0;height:100%;margin:0;opacity:0;animation:quiet-dissolve 54s linear infinite;animation-delay:calc(var(--i)*-9s)}
.story .moment img{animation:none;transform:none;object-fit:cover}
@keyframes quiet-dissolve{0%,14.2%{opacity:1}16.666%,97.5%{opacity:0}100%{opacity:1}}
@media(max-width:760px){.story .moments{height:430px}}
@media(prefers-reduced-motion:reduce){.story .moment{animation:none;display:none}.story .moment:first-child{display:block;opacity:1}}
