.story-grid{display:grid;grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.story-card{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:box-shadow .15s,transform .15s}.story-card:hover{box-shadow:0 10px 30px rgba(27,42,74,.12);transform:translateY(-3px);text-decoration:none}.story-card-img{aspect-ratio:16/10;background:var(--bg-alt);overflow:hidden;flex-shrink:0}.story-card-img img{width:100%;height:100%;object-fit:cover}.story-card-noimg{width:100%;height:100%;background:linear-gradient(135deg,var(--secondary),#0f1c34)}.story-card-body{padding:1.1rem 1.2rem 1.3rem;flex:1 1;display:flex;flex-direction:column}.story-card-body h3{margin:0 0 .5rem;color:var(--secondary);font-size:1.1rem;line-height:1.25}.story-card-meta{margin-top:auto}.story-card-audio{display:inline-block;background:var(--bg-alt);color:var(--primary-dark);border-radius:999px;padding:.1rem .6rem;font-size:.76rem;font-weight:600}.story-card-author{color:var(--muted);font-size:.84rem;margin-top:.6rem}.story-hero{min-height:46vh;display:flex;align-items:flex-end;background-size:cover;background-position:50%;color:#fff}.story-hero-inner{max-width:var(--maxw);margin:0 auto;width:100%;padding:2rem 1.25rem 2.5rem}.story-hero-back{color:#dfe4ee;font-size:.9rem;display:inline-block;margin-bottom:.8rem}.story-hero-back:hover{color:var(--primary);text-decoration:none}.story-hero h1{margin:0;font-size:clamp(1.8rem,4.5vw,3rem);line-height:1.1;max-width:800px;text-shadow:0 2px 20px rgba(0,0,0,.4)}.story-body{max-width:760px}.story-byline{color:var(--muted);font-size:.9rem;margin-bottom:1.2rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}