.blog_blogPage{padding:3rem 0 6rem;min-height:80vh}.blog_titleSection{margin-bottom:3.5rem;display:flex;flex-direction:column;gap:.5rem}.blog_title{font-size:2.75rem;font-weight:800;letter-spacing:-.04em}@media(max-width:767px){.blog_title{font-size:2rem}}.blog_subtitle{font-size:1rem;color:var(--color-text-muted)}.blog_filterBar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border);padding-bottom:1.5rem;margin-bottom:3rem}@media(max-width:767px){.blog_filterBar{flex-direction:column;align-items:stretch;gap:1rem}}.blog_sortWrapper{display:flex;align-items:center;gap:.75rem}.blog_sortWrapper span{font-size:.9rem;font-weight:600;white-space:nowrap}.blog_sortSelect{padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:6px;background-color:#fff;outline:none;font-size:.9rem;cursor:pointer}.blog_sortSelect:focus{border-color:var(--color-text)}.blog_grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2.5rem 2rem}@media(max-width:767px){.blog_grid{grid-template-columns:1fr;gap:2rem}}@media(max-width:1024px)and (min-width:768px){.blog_grid{grid-template-columns:repeat(2,1fr)}}.blog_card{display:flex;flex-direction:column;gap:1rem;cursor:pointer}.blog_card:hover .blog_imgWrapper{box-shadow:0 10px 25px rgba(0,0,0,.05)}.blog_card:hover .blog_img{transform:scale(1.03)}.blog_card:hover .blog_cardTitle{color:var(--color-accent)}.blog_imgWrapper{border-radius:12px;overflow:hidden;height:200px;background-color:var(--color-card-bg)}.blog_img,.blog_imgWrapper{transition:all .3s cubic-bezier(.25,.46,.45,.94)}.blog_img{width:100%;height:100%;object-fit:cover}.blog_meta{font-size:.8rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.blog_cardTitle{font-size:1.2rem;font-weight:800;line-height:1.3;letter-spacing:-.01em;color:var(--color-text);transition:all .3s cubic-bezier(.25,.46,.45,.94)}.blog_excerpt{font-size:.9rem;color:var(--color-text-muted);line-height:1.5}.blog_readMore{display:inline-flex;align-items:center;gap:.25rem;font-size:.9rem;font-weight:700;color:var(--color-text)}.blog_readMore svg{transition:all .3s cubic-bezier(.25,.46,.45,.94)}.blog_readMore:hover svg{transform:translateX(3px)}.blog_loaderContainer{display:flex;align-items:center;justify-content:center;padding:3rem 0}.blog_spinner{width:32px;height:32px;border:3px solid var(--color-card-bg);border-top-color:var(--color-text);border-radius:50%;animation:blog_spin .8s linear infinite}@keyframes blog_spin{to{transform:rotate(1turn)}}