/* Student stories: the landing page's look (../landing/), plus the video cards and the quote wall. */
.stories-hero h1{font-size:clamp(46px,6vw,80px)}
.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.story-card{display:flex;flex-direction:column;border:1px solid #d9e1d2;border-radius:12px;background:#fcfdf8;overflow:hidden}
.story-thumb{position:relative;display:block;aspect-ratio:16/9;background:#1d2b30;overflow:hidden}
.story-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.story-thumb:hover img{transform:scale(1.03)}
.story-thumb:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.story-body{padding:22px 24px 26px}
.story-outcome{font-size:9px;letter-spacing:1.3px;font-weight:650;color:#6d854c;margin:0 0 10px}
.story-body h3{font-size:20px;letter-spacing:-.4px;margin:0 0 10px}
.story-body>p:not(.story-outcome){font-size:13px;line-height:1.7;color:var(--muted);margin:0}
.quote-wall{columns:3 300px;column-gap:22px}
.quote-wall .quote-card{break-inside:avoid;margin:0 0 22px}
.cta-actions{display:flex;justify-content:center;align-items:center;gap:26px;flex-wrap:wrap}
.cta-actions .text-link{color:#38502a;font-size:14px}
@media(max-width:1000px){.story-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.story-grid{grid-template-columns:1fr}.stories-hero h1{font-size:44px;letter-spacing:-2px}}