.blog-listing__top-bar{background-color:var(--linnen-100);padding:var(--band-sm) 0;& .container{align-items:center;display:flex}}.blog--filters{display:flex;gap:var(--band-xs);margin-left:var(--band-sm)}.blog--filters-select-wrapper{display:none;margin-left:var(--band-sm);position:relative}.blog--filters-select-wrapper:after{border-bottom:2px solid var(--noir-500);border-right:2px solid var(--noir-500);content:"";height:8px;pointer-events:none;position:absolute;right:14px;top:50%;transform:translateY(-65%) rotate(45deg);width:8px}.blog--filters-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--wit-100);border:1px solid var(--linnen-300);border-radius:var(--radius-round);color:var(--noir-500);cursor:pointer;min-height:42px;padding:0 calc(var(--band-md) + 12px) 0 var(--band-sm);width:100%}.blog--filters-select:focus-visible{border-color:var(--terra-300);box-shadow:0 0 0 2px var(--linnen-300);outline:none}.blog-listing__filter{background:var(--wit-100);border:1px solid var(--linnen-300);border-radius:var(--radius-round);padding:var(--band-xs) var(--band-sm);&.active{background:var(--terra-300);border-color:var(--terra-300);color:var(--linnen-100)}}.blog--grid{--gap:16px;--col:3;--gapminus:calc((var(--gap)*(var(--col) - 1))/var(--col));--basis:calc(100%/var(--col) - var(--gapminus));display:flex;flex-wrap:wrap;gap:var(--gap);padding-top:var(--band-lg)}.blog--grid-item{border:1px solid var(--linnen-300);border-radius:var(--radius-xl);display:flex;flex:1 1 var(--basis);flex-direction:column;max-width:var(--basis);padding:var(--band-xs);position:relative;transition:border-color .3s ease-in-out;&:hover{border-color:var(--terra-300);& img{transform:scale(1.05)}}}.blog-listing__tag{border-radius:var(--radius-sm);display:inline-block;font-weight:500;left:var(--band-sm);padding:calc(var(--band-xs) - 2px) var(--band-xs);position:absolute;text-transform:uppercase;top:var(--band-sm);z-index:1}.bgi--image{aspect-ratio:4/2.2;border-radius:calc(var(--radius-xl) - var(--band-xs));overflow:hidden;& img{display:block;height:100%;scale:1.1;transition:transform .3s ease-in-out;will-change:transform,scale}}.bgi--meta{display:flex;flex-wrap:wrap;gap:var(--band-xs);justify-content:space-between;margin-bottom:var(--band-xs)}.bgi--content{padding:var(--band-sm) var(--band-md) var(--band-ms)}.pagination--wrapper{border-bottom:1px solid var(--linnen-300);border-top:1px solid var(--linnen-300);margin-top:24px;padding:var(--band-md)}.pagination{justify-content:space-between}.pagination,.pagination__pages{display:flex;gap:var(--band-md)}.pagination__pages{flex:1 1 100%;justify-content:center}.pagination__page{align-items:center;border-radius:var(--radius-round);display:flex;height:40px;justify-content:center;padding:unset;width:40px}.pagination__page.is-active{background:var(--noir-500);color:var(--wit-100)}.pagination__arrow{background:var(--linnen-300);flex:0 0 40px}.pagination__ellipsis{align-items:center;display:inline-flex}.pagination__page.is-disabled{opacity:.5;pointer-events:none}@media (max-width:992px){.blog--grid{--col:2}}@media (max-width:567px){.blog--grid{--col:1}}@media (max-width:767px){.blog-listing__top-bar .container{align-items:center;flex-wrap:wrap;gap:var(--band-xs);justify-content:space-between}.blog--filters{display:none}.blog--filters-select-wrapper{display:block;margin-left:0;width:100%}}