.destination-art img { width:100%; height:100%; object-fit:cover; display:block; }
.stories-section { background:#071a18; color:#fff; }
.stories-section .section-heading { align-items:end; }
.stories-section .kicker { color:#b7f1d5; }
.stories-section h2 { color:#fff; }
.stories-grid { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(210px,1fr); gap:16px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; }
.story-card { min-height:390px; border:0; border-radius:24px; overflow:hidden; position:relative; scroll-snap-align:start; cursor:pointer; color:#fff; text-align:left; background:#173d38; padding:0; }
.story-card img { width:100%; height:100%; position:absolute; inset:0; object-fit:cover; transition:transform .45s ease; }
.story-card:hover img { transform:scale(1.045); }
.story-card::after { content:""; position:absolute; inset:0; background:linear-gradient(rgba(7,26,24,.08),rgba(7,26,24,.88)); }
.story-content { position:absolute; z-index:1; inset:auto 18px 18px; }
.story-meta { display:flex; align-items:center; justify-content:space-between; margin-bottom:9px; font-size:11px; font-weight:800; letter-spacing:.08em; }
.story-play { width:34px; height:34px; border-radius:50%; display:grid; place-items:center; background:#ff6f55; }
.story-content h3 { font:700 21px/1.15 "Manrope",sans-serif; margin:0 0 9px; }
.story-content small { color:rgba(255,255,255,.72); }
@media(max-width:600px){.stories-grid{grid-auto-columns:72%}.story-card{min-height:360px}}