/* Stories index: magazine hierarchy instead of a flat grid (Claude, 2026-10-26) */
.new-story-grid { grid-auto-flow: dense; }
.new-story-card img { height: auto !important; aspect-ratio: 3 / 2; object-fit: cover; }
.new-story-grid > .new-story-card:first-child, .new-story-grid > .new-story-card:nth-child(9n) { grid-column: span 2; display: grid; grid-template-columns: 1.35fr 1fr; gap: 0 28px; align-items: center; }
.new-story-grid > .new-story-card:first-child h3 { font-size: clamp(38px, 3.6vw, 54px); line-height: 1; }
.new-story-grid > .new-story-card:nth-child(9n) { background: #0e243a; color: #fff; padding: 20px; border-radius: 12px; border: 0; }
.new-story-grid > .new-story-card:nth-child(9n) h3, .new-story-grid > .new-story-card:nth-child(9n) p, .new-story-grid > .new-story-card:nth-child(9n) span { color: #fff; }
.new-story-grid > .new-story-card:nth-child(9n) b { color: #f2c14e; }
.new-story-grid > .new-story-card:nth-child(7n+4):not(:nth-child(9n)) { background: #f7e6b5; padding: 18px; border-radius: 12px; border: 0; }
.story-breaker { display: flex; flex-direction: column; justify-content: center; padding: 34px 30px; border-radius: 12px; background: #d61c2c; color: #fff; }
.story-breaker.yellow { background: #f2c14e; color: #0e243a; }
.story-breaker p { margin: 0; font: 700 clamp(28px, 2.6vw, 38px)/1.08 'Barlow Condensed', sans-serif; text-wrap: balance; }
.story-breaker small { margin-top: 14px; font: 700 11px/1 'Public Sans', sans-serif; letter-spacing: .14em; text-transform: uppercase; opacity: .85; }
@media (max-width: 900px) { .new-story-grid > .new-story-card:first-child, .new-story-grid > .new-story-card:nth-child(9n) { grid-column: 1 / -1; display: block; } }
.video-slot.has-poster { background-size: cover; background-position: center; }
.video-slot.has-poster button { box-shadow: 0 6px 24px rgba(0, 0, 0, .35); font-weight: 700; }