.blog-filter-bar{background:var(--white);border-bottom:1.5px solid var(--lgrey);padding:0 var(--px);z-index:400;position:sticky;top:70px}.blog-filter-inner{scrollbar-width:none;gap:.5rem;padding:1rem 0;display:flex;overflow-x:auto}.blog-filter-inner::-webkit-scrollbar{display:none}.blog-filter-btn{border:1.5px solid var(--lgrey);font-family:var(--dm-sans);color:var(--textlt);cursor:pointer;white-space:nowrap;background:0 0;border-radius:100px;flex-shrink:0;padding:.35rem 1.1rem;font-size:.78rem;font-weight:600;transition:all .2s}@media (hover:hover){.blog-filter-btn:hover{border-color:var(--red);color:var(--red)}}.blog-filter-btn:active{transition-duration:.1s;transform:scale(.96)}.blog-filter-btn.active{background:var(--red);border-color:var(--red);color:#fff}.blog-main{padding:60px var(--px) 80px;background:var(--white)}.blog-featured{border-bottom:1.5px solid var(--lgrey);grid-template-columns:1.1fr 1fr;align-items:center;gap:3.5rem;margin-bottom:60px;padding-bottom:60px;display:grid}.blog-featured-img{aspect-ratio:16/10;box-shadow:var(--sh-modal);border-radius:16px;display:block;position:relative;overflow:hidden}.blog-featured-img img{object-fit:cover;transition:transform .4s}@media (hover:hover){.blog-featured-img:hover img{transform:scale(1.03)}}.blog-featured-body h2{font-size:var(--fs-h2-s);color:var(--text);margin-bottom:1rem}.blog-featured-body .blog-excerpt{-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-cat{background:var(--red);color:#fff;font-family:var(--oswald);text-transform:uppercase;letter-spacing:.1em;z-index:1;border-radius:100px;padding:.25rem .7rem;font-size:.65rem;font-weight:600;position:absolute;top:1rem;left:1rem}.blog-excerpt{color:var(--textlt);margin-bottom:1.2rem;font-size:.95rem;line-height:1.78}.blog-meta{color:var(--mgrey);flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:.8rem;display:flex}.blog-author{color:var(--textlt);align-items:center;gap:.35rem;font-weight:500;display:flex}.blog-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.blog-card{background:var(--white);border:1.5px solid var(--lgrey);color:inherit;border-radius:16px;flex-direction:column;text-decoration:none;transition:box-shadow .25s,border-color .25s,transform .15s;display:flex;overflow:hidden}.blog-card:focus-visible{outline:2px solid var(--red);outline-offset:3px}@media (hover:hover){.blog-card:hover{border-color:var(--red-bd);box-shadow:0 8px 32px #00000017}}.blog-card:active{transition-duration:.1s;transform:scale(.985)}.blog-card-img{aspect-ratio:16/9;display:block;position:relative;overflow:hidden}.blog-card-img img{object-fit:cover;transition:transform .4s}@media (hover:hover){.blog-card:hover .blog-card-img img{transform:scale(1.04)}}.blog-card-body{flex-direction:column;flex:1;padding:1.4rem 1.4rem 1.6rem;display:flex}.blog-card-body h3{color:var(--text);margin-bottom:.6rem;font-size:1.05rem;line-height:1.2}.blog-card-body .blog-excerpt{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:1rem;font-size:.85rem;line-height:1.7;display:-webkit-box;overflow:hidden}.blog-card-body .blog-meta{margin-top:auto;margin-bottom:0;font-size:.75rem}.blog-geen-resultaat{color:var(--textlt);font-size:.9rem}.blog-newsletter{background:var(--text);padding:72px var(--px)}.blog-newsletter h2{font-size:var(--fs-h2-s);color:#fff;margin-bottom:.8rem}.blog-newsletter p{color:#fff9;max-width:500px;margin-bottom:2rem;font-size:.95rem;line-height:1.72}.blog-newsletter-btns{flex-wrap:wrap;gap:.75rem;display:flex}.blog-newsletter-btns .btn-red,.blog-newsletter-btns .btn-outline-w{gap:.5rem}@media (max-width:1000px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:960px){.blog-featured{grid-template-columns:1fr;gap:2rem}}@media (max-width:600px){.blog-grid{grid-template-columns:1fr}.blog-filter-bar{top:58px}}
