/* Article index: shared site palette and typography; article text from the source exports. */
.articles-container{width:100%;max-width:1180px;margin-inline:auto}
.articles-hero{padding:100px 6.5vw 90px;background:linear-gradient(90deg,#2f322d 0%,rgba(47,50,45,.82) 49%,rgba(47,50,45,.12) 100%),url('../images/ananda-marga-hong-kong-meditation-beach.jpg') center/cover;color:#fff}
.index-eyebrow{font-size:10px;letter-spacing:.16em;font-weight:700;color:#ffd4c0}
.articles-hero h1{font-size:82px;line-height:1.1;letter-spacing:-.035em;margin:12px 0 24px}
.index-intro{font-size:18px;color:#edf3ef}
.article-list-section{background:#f7f3ea;padding:80px 6.5vw 95px}
.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;align-items:stretch}
.article-card{border-radius:24px;overflow:hidden;background:#fffdf9;display:flex;flex-direction:column;border:1px solid #e7e5da;min-width:0}
.article-image-link{display:block;overflow:hidden}
.article-card img{display:block;aspect-ratio:3/2;width:100%;height:auto;object-fit:cover}
.article-card-copy{padding:28px;display:flex;flex-direction:column;flex:1}
.article-card h2{font-size:30px;line-height:1.2;letter-spacing:-.03em;margin-bottom:18px}
.article-card p{font-size:15px;line-height:1.8;color:#61746e;margin-bottom:22px}
.index-button{align-self:flex-start;margin-top:auto;background:#173f37;color:#fff;font-size:14px;font-weight:600;border-radius:50px;padding:13px 22px}
.index-button:hover{background:#315f55}
@media(max-width:980px){.article-grid{grid-template-columns:1fr;max-width:760px}.article-card{display:grid;grid-template-columns:38% 1fr}.article-image-link{height:100%}.article-card img{height:100%;aspect-ratio:auto}.article-card h2{font-size:30px}.articles-hero h1{font-size:64px}}
@media(max-width:620px){.articles-hero{padding:64px 6vw}.articles-hero h1{font-size:48px}.article-list-section{padding:56px 6vw}.article-card{display:flex}.article-card img{height:auto;aspect-ratio:3/2}.article-card-copy{padding:25px}.article-card h2{font-size:29px}}