.blogs-page{padding-top:100px}.blogs-hero{text-align:center;margin-bottom:30px}.hero-desc{color:#666;max-width:600px;margin:0 auto;font-size:18px;line-height:1.6}.blogs-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:40px;margin-bottom:50px;display:grid}.blog-card{color:inherit;border:1px solid #eee;border-radius:10px;flex-direction:column;text-decoration:none;transition:all .5s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.blog-card-img{aspect-ratio:16/10;border-radius:2px;width:100%;position:relative;overflow:hidden}.blog-card-img img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s cubic-bezier(.2,1,.3,1)}.blog-card-overlay{background:#00000008;width:100%;height:100%;transition:background .4s;position:absolute;top:0;left:0}.blog-card:hover .blog-card-img img{transform:scale(1.08)}.blog-card:hover .blog-card-overlay{background:0 0}.blog-card-content{background-color:#fff;padding:16px}.blog-date{text-transform:uppercase;letter-spacing:3px;color:#888;margin-bottom:15px;font-size:10px;font-weight:800;display:block}.blog-card-title{color:#1a1a1a;letter-spacing:-.5px;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-bottom:15px;font-size:26px;font-weight:700;line-height:1.15;transition:color .3s;display:-webkit-box;overflow:hidden}.blog-card:hover .blog-card-title{color:#000}.blog-card-excerpt{color:#555;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:25px;font-size:15px;font-weight:400;line-height:1.7;display:-webkit-box;overflow:hidden}.read-more{text-transform:uppercase;letter-spacing:2px;color:#000;align-items:center;gap:15px;padding-bottom:8px;font-size:11px;font-weight:900;display:inline-flex;position:relative}.read-more:after{content:"";background:#000;width:30px;height:1.5px;transition:width .4s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:0}.blog-card:hover .read-more:after{width:100%}.read-more svg{transition:transform .4s cubic-bezier(.4,0,.2,1)}.blog-card:hover .read-more svg{transform:translate(8px)}.no-blogs{text-align:center;color:#999;grid-column:1/-1;padding:100px 0;font-style:italic}@media (max-width:768px){.blogs-grid{grid-template-columns:1fr}}