.blog-tiles-section{padding:var(--spacing-16) 0 var(--spacing-20) 0;background:#fff;position:relative;overflow:hidden}.blog-tiles-background{z-index:1;position:absolute;inset:0}.blog-tiles-background-pattern{opacity:.6;background:linear-gradient(135deg,#2a6b4e05 0%,#2a6b4e0d 100%);position:absolute;inset:0}.blog-tiles-container{z-index:50;max-width:1400px;padding:0 var(--spacing-6);margin:0 auto;position:relative}.blog-tiles-header{text-align:center;margin-bottom:var(--spacing-16);z-index:100;position:relative}.blog-tiles-filter{margin-bottom:var(--spacing-8);text-align:center;z-index:100;position:relative}.blog-tiles-filter-menu{align-items:center;gap:var(--spacing-4);flex-direction:column;display:flex}.blog-tiles-categories{justify-content:center;gap:var(--spacing-2);flex-wrap:wrap;max-width:100%;display:flex}.blog-tiles-category-btn{padding:var(--spacing-2) var(--spacing-4);color:var(--gray-700);border-radius:var(--radius-lg);cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;font-family:inherit;font-size:clamp(.75rem,.7rem + .25vw,.875rem);font-weight:500;text-decoration:none;transition:all .2s;display:inline-block}.blog-tiles-category-btn:hover{background:var(--primary-green);color:#fff;border-color:var(--primary-green);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.blog-tiles-category-btn.active{background:var(--primary-green);color:#fff;border-color:var(--primary-green);box-shadow:var(--shadow-primary)}.blog-tiles-title{color:var(--gray-900);text-align:center;letter-spacing:-1.92px;max-width:800px;margin:0 auto var(--spacing-6) auto;z-index:100;font-family:Sora,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:clamp(2rem,1rem + 3.5vw,3rem);font-style:normal;font-weight:600;line-height:1.2;position:relative}.blog-tiles-grid{gap:var(--spacing-4);grid-template-columns:repeat(4,1fr);max-width:1400px;margin:0 auto;display:grid}.blog-tile-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;transition:all .3s;overflow:hidden;box-shadow:0 1px 3px #0000001a}.blog-tile-item:hover{border-color:var(--primary-green);transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.blog-tile-link{color:inherit;height:100%;text-decoration:none;display:block}.blog-tile-image{background:#f3f4f6;width:100%;height:120px;position:relative;overflow:hidden}.blog-tile-featured-image{object-fit:cover;width:100%;height:100%;transition:transform .3s}.blog-tile-item:hover .blog-tile-featured-image{transform:scale(1.05)}.blog-tile-overlay{opacity:0;background:linear-gradient(135deg,#2a6b4ecc 0%,#2a6b4e99 100%);justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.blog-tile-item:hover .blog-tile-overlay{opacity:1}.blog-tile-read-more{align-items:center;gap:var(--spacing-2);color:#fff;font-size:clamp(.875rem,.8125rem + .25vw,1rem);font-weight:600;display:flex}.blog-tile-content{padding:var(--spacing-3);gap:var(--spacing-2);flex-direction:column;display:flex}.blog-tile-category{background:var(--primary-green);color:#fff;padding:var(--spacing-1) var(--spacing-3);text-transform:uppercase;letter-spacing:.5px;border-radius:20px;align-self:flex-start;font-size:clamp(.75rem,.7rem + .25vw,.875rem);font-weight:600;display:inline-block}.blog-tile-title{color:var(--gray-900);letter-spacing:-.28px;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-family:Sora,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:clamp(.875rem,.8125rem + .25vw,1rem);font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.blog-tile-excerpt{color:var(--gray-600);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:clamp(.75rem,.7rem + .25vw,.875rem);line-height:1.5;display:-webkit-box;overflow:hidden}@media (width<=1024px){.blog-tiles-section{padding:var(--spacing-12) 0 var(--spacing-16) 0}.blog-tiles-container{padding:0 var(--spacing-4)}.blog-tiles-title{letter-spacing:-1.44px;font-size:clamp(1.75rem,1rem + 3vw,2.25rem);line-height:1.2}.blog-tiles-categories{gap:var(--spacing-1-5)}.blog-tiles-category-btn{padding:var(--spacing-1-5) var(--spacing-3);font-size:clamp(.8125rem,.75rem + .25vw,.9375rem)}.blog-tiles-grid{gap:var(--spacing-4);grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.blog-tiles-section{padding:var(--spacing-10) 0 var(--spacing-12) 0}.blog-tiles-container{padding:0 var(--spacing-4)}.blog-tiles-title{letter-spacing:-1.12px;font-size:clamp(1.5rem,.875rem + 2.5vw,1.75rem);line-height:1.2}.blog-tiles-categories{gap:var(--spacing-1)}.blog-tiles-category-btn{padding:var(--spacing-1) var(--spacing-2);font-size:clamp(.75rem,.7rem + .25vw,.875rem)}.blog-tiles-grid{gap:var(--spacing-4);grid-template-columns:repeat(1,1fr)}.blog-tile-image{height:100px}.blog-tile-content{padding:var(--spacing-3)}.blog-tile-title{font-size:clamp(.8125rem,.75rem + .25vw,.9375rem);line-height:18px}}@media (width<=480px){.blog-tiles-section{padding:var(--spacing-8) 0 var(--spacing-10) 0}.blog-tiles-container{padding:0 var(--spacing-3)}.blog-tiles-title{letter-spacing:-.96px;font-size:clamp(1.25rem,.75rem + 2vw,1.5rem);line-height:1.2}.blog-tiles-grid{gap:var(--spacing-4);grid-template-columns:repeat(1,1fr)}.blog-tile-image{height:80px}.blog-tile-content{padding:var(--spacing-3)}.blog-tile-title{font-size:clamp(.75rem,.7rem + .25vw,.875rem);line-height:16px}.blog-tile-excerpt{font-size:clamp(.6875rem,.65rem + .25vw,.875rem);line-height:1.4}}.blog-tile-item.hidden{opacity:0;display:none;transform:scale(.8)}.blog-tile-item.show{opacity:1;transition:all .3s;display:block;transform:scale(1)}
