.articlesPage{background-color:#f8f8f8;min-height:50vh;padding:15vh 6vw}.articlesPage h1{text-transform:none;letter-spacing:-.02em;border-bottom:1px solid #b3b3b36b;width:100%;margin-bottom:3rem;padding-bottom:1rem;font-size:clamp(2.5rem,5vw,4rem);font-weight:500;display:inline-block}.articlesContainer{flex-direction:column;gap:0;display:flex}.articlesHeader{text-transform:uppercase;color:#666;border-bottom:1px solid #000;grid-template-columns:2fr 3fr 1fr;gap:3vw;margin-bottom:0;padding:1rem 3vw;font-size:.9rem;font-weight:500;display:grid}@media (max-width:900px){.articlesHeader{display:none}}.articlesList{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;display:grid}.articleCard{background:#fff;border:1px solid #b3b3b333;border-radius:8px;flex-direction:column;justify-content:space-between;min-height:350px;padding:2rem;transition:all .3s cubic-bezier(.19,1,.22,1);display:flex}.articleCard:hover{border-color:#1c8141;transform:translateY(-5px);box-shadow:0 15px 30px #00000014}.articleCard:hover .articleTitle{color:#1c8141}.articleCard:hover .articleLink{color:#fff;background-color:#1c8141;border-color:#1c8141}.articleCard .articleTitle{margin-bottom:1rem;font-size:1.5rem;font-weight:500;line-height:1.3;transition:color .3s}.articleCard .articleDescription{color:#000;flex-grow:1;margin-bottom:2rem;font-size:1rem;font-weight:300;line-height:1.6}.articleCard .articleAction{justify-content:flex-start;display:flex}.articleCard .articleLink{color:#000;text-transform:uppercase;letter-spacing:.05em;text-align:center;border:1px solid #000;border-radius:50px;padding:.75rem 2rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.articleCard .articleLink:hover{color:#fff;background-color:#1c8141;border-color:#1c8141}