.hafo-blog-grid{box-sizing:border-box}.hafo-blog-grid *,.hafo-blog-grid *:before,.hafo-blog-grid *:after{box-sizing:border-box}.hafo-blog-grid__heading{margin:0 0 var(--hafo-space-4);padding:0;font-family:var(--hafo-font-family);font-size:var(--hafo-font-size-3xl);font-weight:var(--hafo-font-weight-semibold);line-height:var(--hafo-line-height-tight);color:var(--hafo-color-text-primary);max-width:952px}.hafo-blog-grid__no-posts{width:100%;padding:var(--hafo-space-8) var(--hafo-space-3);text-align:center;font-family:var(--hafo-font-family);font-size:var(--hafo-font-size-lg);color:var(--hafo-color-text-primary)}.hafo-blog-grid__load-more-sentinel{width:100%;height:1px;margin-top:var(--hafo-space-4);pointer-events:none}.hafo-blog-grid__filters{margin-bottom:var(--hafo-space-6)}.hafo-blog-grid__filter-btn{padding:var(--hafo-space-1) var(--hafo-space-3-5);background-color:transparent;border:var(--hafo-border-width-1) solid var(--hafo-color-brand);border-radius:100px;font-family:var(--hafo-font-family);font-size:var(--hafo-font-size-base);font-weight:var(--hafo-font-weight-normal);line-height:var(--hafo-line-height-loose);color:var(--hafo-color-brand);cursor:pointer;transition:all .3s ease;white-space:nowrap}.hafo-blog-grid__filter-btn:hover{background-color:var(--hafo-color-brand);color:var(--hafo-color-text-inverted);transform:translateY(-2px);box-shadow:var(--hafo-shadow-md)}.hafo-blog-grid__filter-btn--active{background-color:var(--hafo-color-brand);color:var(--hafo-color-text-inverted)}.hafo-blog-grid__filter-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.hafo-blog-grid__post{width:calc((100% - var(--hafo-space-6)) / 3);display:flex;flex-direction:column;background-color:var(--hafo-color-bg-secondary);border:var(--hafo-border-width-1) solid var(--hafo-color-neutral-300);border-radius:var(--hafo-radius-md);overflow:hidden;transition:all .3s ease;opacity:1;transform:translateY(0)}.hafo-blog-grid__post:hover{transform:translateY(-4px);box-shadow:var(--hafo-shadow-lg)}.hafo-blog-grid__post-image{width:100%;height:174px;overflow:hidden;position:relative}.hafo-blog-grid__post-image a{display:block;width:100%;height:100%}.hafo-blog-grid__post-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.hafo-blog-grid__post:hover .hafo-blog-grid__post-image img{transform:scale(1.05)}.hafo-blog-grid__post-content{padding:var(--hafo-space-3);display:flex;flex-direction:column;gap:var(--hafo-space-1);flex:1}.hafo-blog-grid__post-title{margin:0;padding:0;font-family:var(--hafo-font-family);font-size:var(--hafo-font-size-xl);font-weight:var(--hafo-font-weight-semibold);line-height:var(--hafo-line-height-tight);color:var(--hafo-color-text-primary)}.hafo-blog-grid__post-title a{color:inherit;text-decoration:none;transition:color .3s ease}.hafo-blog-grid__post-title a:hover{color:#dd0908}.hafo-blog-grid__post-excerpt{margin:0;font-family:var(--hafo-font-family);font-size:var(--hafo-font-size-base);font-weight:var(--hafo-font-weight-light);line-height:var(--hafo-line-height-normal);color:var(--hafo-color-neutral-900);flex:1}.hafo-blog-grid__post-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--hafo-space-1) var(--hafo-space-3-5);background-color:var(--hafo-color-brand);border-radius:100px;font-family:var(--hafo-font-family);font-size:var(--hafo-font-size-base);font-weight:var(--hafo-font-weight-normal);line-height:var(--hafo-line-height-loose);color:var(--hafo-color-text-inverted);text-decoration:none;transition:all .3s ease;align-self:flex-start;margin-top:auto}.hafo-blog-grid__post-button:hover{background-color:#dd0908;transform:translate(4px)}.hafo-blog-grid__skeleton{display:flex;flex-wrap:wrap;gap:var(--hafo-space-3);width:100%;position:absolute;top:0;left:0;z-index:10;background-color:var(--hafo-color-bg-card);padding:0;opacity:1!important;visibility:visible!important}.hafo-blog-grid__skeleton-item{width:calc((100% - var(--hafo-space-6)) / 3);display:flex;flex-direction:column;background-color:var(--hafo-color-bg-secondary);border:var(--hafo-border-width-1) solid var(--hafo-color-neutral-300);border-radius:var(--hafo-radius-md);overflow:hidden}.hafo-blog-grid__skeleton-image{width:100%;height:174px;background:linear-gradient(90deg,#d2d6df 25%,#e8ebf0,#d2d6df 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite}.hafo-blog-grid__skeleton-content{padding:var(--hafo-space-3);display:flex;flex-direction:column;gap:var(--hafo-space-1-5)}.hafo-blog-grid__skeleton-title{width:80%;height:24px;background:linear-gradient(90deg,#d2d6df 25%,#e8ebf0,#d2d6df 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px}.hafo-blog-grid__skeleton-text{width:100%;height:60px;background:linear-gradient(90deg,#d2d6df 25%,#e8ebf0,#d2d6df 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px}.hafo-blog-grid__skeleton-button{width:120px;height:48px;background:linear-gradient(90deg,#d2d6df 25%,#e8ebf0,#d2d6df 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:100px;margin-top:8px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.hafo-blog-grid--loading .hafo-blog-grid__posts>.hafo-blog-grid__post{opacity:0;pointer-events:none}.hafo-blog-grid--loading .hafo-blog-grid__skeleton{display:flex!important;opacity:1!important;visibility:visible!important}.hafo-blog-grid__load-more-skeleton{margin-top:var(--hafo-space-3)}.hafo-blog-grid__load-more-skeleton .hafo-blog-grid__skeleton-item{width:calc((100% - var(--hafo-space-6)) / 3)}@media screen and (max-width:1200px){.hafo-blog-grid__heading{font-size:28px;line-height:32px}.hafo-blog-grid__post,.hafo-blog-grid__skeleton-item{width:calc((100% - 48px) / 3)}}@media screen and (max-width:992px){.hafo-blog-grid__heading{font-size:26px;line-height:30px;margin-bottom:28px}.hafo-blog-grid__filters{margin-bottom:40px;gap:12px}.hafo-blog-grid__filter-btn{font-size:15px;padding:6px 24px}.hafo-blog-grid__post,.hafo-blog-grid__skeleton-item{width:calc((100% - 24px)/2)}.hafo-blog-grid__posts,.hafo-blog-grid__skeleton{gap:20px}}@media screen and (max-width:768px){.hafo-blog-grid__heading{font-size:24px;line-height:28px;margin-bottom:24px}.hafo-blog-grid__filters{margin-bottom:32px;gap:10px}.hafo-blog-grid__filter-btn{font-size:14px;padding:6px 20px;line-height:28px}.hafo-blog-grid__post,.hafo-blog-grid__skeleton-item{width:calc((100% - 20px)/2)}.hafo-blog-grid__posts,.hafo-blog-grid__skeleton{gap:16px}.hafo-blog-grid__post-image,.hafo-blog-grid__skeleton-image{height:150px}.hafo-blog-grid__post-content{padding:20px}.hafo-blog-grid__post-title{font-size:18px;line-height:28px}.hafo-blog-grid__post-excerpt{font-size:14px;line-height:22px}.hafo-blog-grid__post-button{font-size:14px;padding:6px 20px;line-height:28px}}@media screen and (max-width:480px){.hafo-blog-grid__heading{font-size:22px;line-height:26px;margin-bottom:20px}.hafo-blog-grid__filters{margin-bottom:28px;gap:8px}.hafo-blog-grid__filter-btn{font-size:13px;padding:4px 16px;line-height:26px}.hafo-blog-grid__post,.hafo-blog-grid__skeleton-item{width:100%}.hafo-blog-grid__posts,.hafo-blog-grid__skeleton{gap:16px}.hafo-blog-grid__post-image,.hafo-blog-grid__skeleton-image{height:200px}.hafo-blog-grid__post-content{padding:16px}.hafo-blog-grid__post-title{font-size:16px;line-height:24px}.hafo-blog-grid__post-excerpt{font-size:13px;line-height:20px}.hafo-blog-grid__post-button{font-size:13px;padding:6px 16px;line-height:26px}}