.blog-page{width:1400px;min-height:60vh;margin:0 auto;padding:3rem 1rem}@media (max-width:1024px){.blog-page{width:100%;padding:2.5rem 1.5rem}}@media (max-width:768px){.blog-page{padding:2rem 1rem}}@media (max-width:480px){.blog-page{padding:1.5rem .75rem}}.blog-page-header{text-align:center;color:#f9f5f1;background-image:url(/BlogsDesktop.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:320px;margin-bottom:3rem;padding:3rem 2rem;display:flex;position:relative;box-shadow:inset 0 0 0 1000px #0000004d}.blog-page-header h1{color:inherit;margin-bottom:.5rem;font-family:Playfair Display,serif;font-size:3rem}@media (max-width:1024px){.blog-page-header h1{font-size:2.5rem}}@media (max-width:768px){.blog-page-header h1{font-size:2rem}}@media (max-width:480px){.blog-page-header h1{margin-bottom:.3rem;font-size:1.5rem}}.blog-page-header p{color:inherit;font-family:Raleway,sans-serif;font-size:1.2rem}@media (max-width:768px){.blog-page-header p{font-size:1rem}}@media (max-width:480px){.blog-page-header p{font-size:.9rem}}@media (max-width:1024px){.blog-page-header{min-height:280px;margin-bottom:2.5rem;padding:2.5rem 2rem}}@media (max-width:768px){.blog-page-header{background-image:url(/BlogsMobile.png);border-radius:8px;min-height:220px;margin-bottom:2rem;padding:2rem 1rem}}@media (max-width:480px){.blog-page-header{border-radius:6px;min-height:180px;margin-bottom:1.5rem;padding:1.5rem 1rem}}.blog-filters{flex-direction:column;gap:1.5rem;margin-bottom:3rem;display:flex}@media (max-width:768px){.blog-filters{gap:1rem;margin-bottom:2rem}}@media (max-width:480px){.blog-filters{gap:.8rem;margin-bottom:1.5rem}}.search-bar{background:#f9f5f10d;border:2px solid #3996634d;border-radius:50px;align-items:center;gap:1rem;width:100%;max-width:500px;margin:0 auto;padding:.8rem 1.5rem;transition:border-color .3s;display:flex}.search-bar:focus-within{background:#f9f5f114;border-color:#399663}.search-bar svg{color:#399663;flex-shrink:0}.search-bar input{color:#f9f5f1;background:0 0;border:none;outline:none;width:100%;font-family:Raleway,sans-serif;font-size:1rem}.search-bar input::placeholder{color:#f9f5f180}@media (max-width:768px){.search-bar{gap:.75rem;padding:.7rem 1.2rem}.search-bar input{font-size:.95rem}}@media (max-width:480px){.search-bar{gap:.6rem;padding:.6rem 1rem}.search-bar input{font-size:.9rem}.search-bar svg{width:18px;height:18px}}.category-filters{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}@media (max-width:1024px){.category-filters{gap:.75rem}}@media (max-width:768px){.category-filters{gap:.5rem}}@media (max-width:480px){.category-filters{-webkit-overflow-scrolling:touch;justify-content:flex-start;gap:.4rem;padding:.5rem 0;overflow-x:auto}}.category-btn{color:#f9f5f1;cursor:pointer;white-space:nowrap;background:#f9f5f166;border:2px solid #3996634d;border-radius:50px;padding:.6rem 1.5rem;font-family:Raleway,sans-serif;font-size:.95rem;font-weight:600;transition:all .3s}.category-btn:hover{color:#399663;background:#f9f5f1;border-color:#399663}.category-btn.active{color:#f9f5f1;background:#399663;border-color:#399663}.category-btn.active:hover{background:#fbbf24;border-color:#fbbf24}@media (max-width:1024px){.category-btn{padding:.55rem 1.2rem;font-size:.9rem}}@media (max-width:768px){.category-btn{padding:.5rem 1rem;font-size:.85rem}}@media (max-width:480px){.category-btn{flex-shrink:0;padding:.45rem .85rem;font-size:.75rem}}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;display:grid}@media (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr);gap:1.75rem}}@media (max-width:768px){.blog-grid{grid-template-columns:1fr;gap:1.5rem}}@media (max-width:480px){.blog-grid{gap:1rem}}.blog-card{background:#f9f5f1;border-radius:12px;flex-direction:column;transition:all .4s;display:flex;overflow:hidden;box-shadow:0 4px 20px #073b221a}.blog-card:hover{transform:translateY(-8px);box-shadow:0 8px 30px #073b2226}@media (max-width:480px){.blog-card{border-radius:8px;box-shadow:0 2px 12px #073b2214}.blog-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #073b221f}}.blog-image-wrapper{cursor:pointer;width:100%;height:250px;position:relative;overflow:hidden}@media (max-width:1024px){.blog-image-wrapper{height:220px}}@media (max-width:768px){.blog-image-wrapper{height:200px}}@media (max-width:480px){.blog-image-wrapper{height:180px}}.blog-image{object-fit:cover;transition:transform .4s}.blog-image:hover{transform:scale(1.05)}.blog-category{color:#f9f5f1;z-index:2;background:#399663;border-radius:20px;padding:.4rem .8rem;font-family:Raleway,sans-serif;font-size:.85rem;font-weight:600;position:absolute;top:1rem;right:1rem}@media (max-width:768px){.blog-category{padding:.35rem .7rem;font-size:.8rem;top:.75rem;right:.75rem}}@media (max-width:480px){.blog-category{padding:.3rem .6rem;font-size:.7rem;top:.5rem;right:.5rem}}.blog-content{flex-direction:column;flex-grow:1;padding:1.5rem;display:flex}@media (max-width:768px){.blog-content{padding:1.25rem}}@media (max-width:480px){.blog-content{padding:1rem}}.blog-meta{flex-wrap:wrap;gap:1rem;margin-bottom:1rem;display:flex}.blog-meta .meta-item{color:#073b2299;align-items:center;gap:.4rem;font-family:Raleway,sans-serif;font-size:.85rem;display:flex}.blog-meta .meta-item svg{color:#399663}@media (max-width:768px){.blog-meta{gap:.75rem;margin-bottom:.75rem}.blog-meta .meta-item{font-size:.8rem}}@media (max-width:480px){.blog-meta{gap:.5rem;margin-bottom:.5rem}.blog-meta .meta-item{font-size:.75rem}.blog-meta .meta-item svg{width:12px;height:12px}}.blog-title{color:#073b22;cursor:pointer;margin-bottom:.8rem;font-family:Playfair Display,serif;font-size:1.4rem;line-height:1.4;transition:color .3s}.blog-title:hover{color:#399663}@media (max-width:1024px){.blog-title{font-size:1.3rem}}@media (max-width:768px){.blog-title{margin-bottom:.6rem;font-size:1.2rem}}@media (max-width:480px){.blog-title{margin-bottom:.5rem;font-size:1rem;line-height:1.3}}.blog-excerpt{color:#073b22b3;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;flex-grow:1;margin-bottom:1.5rem;font-family:Raleway,sans-serif;font-size:.95rem;line-height:1.6;display:-webkit-box;overflow:hidden}@media (max-width:768px){.blog-excerpt{-webkit-line-clamp:2;line-clamp:2;margin-bottom:1rem;font-size:.9rem;line-height:1.5}}@media (max-width:480px){.blog-excerpt{-webkit-line-clamp:2;line-clamp:2;margin-bottom:.75rem;font-size:.85rem;line-height:1.5}}.blog-footer{border-top:1px solid #073b221a;justify-content:space-between;align-items:center;padding-top:1rem;display:flex}@media (max-width:768px){.blog-footer{gap:.5rem;padding-top:.75rem}}@media (max-width:480px){.blog-footer{flex-direction:column;align-items:flex-start;gap:.75rem;padding-top:.5rem}}.author{color:#073b22b3;align-items:center;gap:.5rem;font-family:Raleway,sans-serif;font-size:.9rem;display:flex}.author svg{color:#1a5c3a}@media (max-width:768px){.author{gap:.35rem;font-size:.85rem}}@media (max-width:480px){.author{gap:.3rem;font-size:.8rem}.author svg{width:14px;height:14px}}.read-more{color:#399663;align-items:center;gap:.5rem;font-family:Raleway,sans-serif;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.read-more svg{transition:transform .3s}.read-more:hover{color:#fbbf24}.read-more:hover svg{transform:translate(4px)}@media (max-width:768px){.read-more{gap:.35rem;font-size:.85rem}}@media (max-width:480px){.read-more{gap:.3rem;font-size:.8rem}.read-more svg{width:14px;height:14px}.read-more:hover svg{transform:translate(2px)}}.no-results{text-align:center;grid-column:1/-1;padding:4rem 2rem}.no-results p{color:#f9f5f1b3;margin-bottom:1.5rem;font-family:Raleway,sans-serif;font-size:1.2rem}.no-results button{color:#f9f5f1;cursor:pointer;background:#399663;border:none;border-radius:50px;padding:.8rem 2rem;font-family:Raleway,sans-serif;font-size:1rem;font-weight:600;transition:all .3s}.no-results button:hover{background:#fbbf24;transform:translateY(-2px)}@media (max-width:768px){.no-results{padding:3rem 1.5rem}.no-results p{margin-bottom:1rem;font-size:1rem}.no-results button{padding:.7rem 1.5rem;font-size:.95rem}}@media (max-width:480px){.no-results{padding:2rem 1rem}.no-results p{margin-bottom:1rem;font-size:.95rem}.no-results button{width:100%;padding:.65rem 1rem;font-size:.9rem}.no-results button:hover{transform:translateY(-1px)}}