.blog-archive__wrapper{gap:var(--space-l)}.blog-archive-intro__container{gap:var(--space-m)}.blog-archive__container{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,4fr);gap:var(--space-l)}@media (max-width:768px){.blog-archive__container{grid-template-columns:1fr}}.blog-archive__container .blog-archive__cards{display:grid;grid-template-columns:1fr;gap:var(--space-l)}@media (min-width:800px){.blog-archive__container .blog-archive__cards{grid-template-columns:1fr 1fr}}@media (min-width:1400px){.blog-archive__container .blog-archive__cards{grid-template-columns:1fr 1fr 1fr}}.blog-archive__container .blog-archive__pagination{grid-column:1/-1;justify-self:start}.blog-archive__container .blog-archive__pagination ul{display:flex}.blog-archive__container .blog-archive__pagination ul li{display:grid;place-items:center;height:var(--space-l);min-width:var(--space-l);border-radius:100vw;background:var(--white);transition:transform 300ms ease-in-out;box-shadow:var(--box-shadow-l)}.blog-archive__container .blog-archive__pagination ul li a{color:var(--base)}.blog-archive__container .blog-archive__pagination ul li:hover{transform:scale(1.2)}.blog-archive__card{--delay:.15s;--duration:.4s;--timing:cubic-bezier(.51, .92, .24, 1);position:relative;display:flex;flex-direction:column;background:#fff;color:currentColor;text-decoration:none;overflow:hidden;transition-property:color;transition-delay:var(--delay);box-shadow:0 2px 20px rgba(0,0,0,.1);border-radius:8px}.blog-archive__card.hover{color:#fff;transition-delay:0}.blog-archive__card,.blog-archive__card--image,.blog-archive__card--image::after,.blog-archive__card--category,.blog-archive__card--body,.blog-archive__card--foot,.blog-archive__card--border{transition-duration:var(--duration);transition-timing-function:var(--timing)}.blog-archive__card--head{position:relative;padding-top:70%}.blog-archive__card--category{position:absolute;padding:2em;left:0;bottom:0;color:var(--white);font-weight:500;transition-property:transform;transition-delay:var(--delay)}.blog-archive__card.hover .blog-archive__card--category{transition-delay:0}.blog-archive__card--image{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;transform-origin:top center;transition-property:transform;transition-delay:var(--delay)}.blog-archive__card--image::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,.003) 0%,var(--primary-ultra-dark-trans-90) 70%);transition-property:background;transition-delay:var(--delay)}.blog-archive__card.hover .blog-archive__card--image{transition-delay:0}.blog-archive__card.hover .blog-archive__card--image::after{background:linear-gradient(180deg,rgba(255,255,255,.003) 0%,var(--primary-ultra-dark-trans-90) 50%)}.blog-archive__card--body{position:relative;padding:2em;height:100%;transition-property:transform;transition-delay:var(--delay)}.blog-archive__card.hover .blog-archive__card--body{transition-delay:0}.blog-archive__card--headline{font-weight:500;margin-bottom:var(--space-m);font-size:calc(var(--text-m) + 2px)}.blog-archive__card.hover .blog-archive__card--headline{color:var(--white)}.blog-archive__card--text{margin-top:auto;line-height:1.5;margin:0;opacity:.8}.blog-archive__card--foot{position:absolute;left:0;right:0;bottom:0;padding:0;opacity:0;height:0;transition-property:opacity}.blog-archive__card.hover .blog-archive__card--foot{opacity:0;transition-delay:var(--delay)}.blog-archive__card--link{color:currentColor;text-decoration:none;border-bottom:2px solid #b5272d}.blog-archive__card--border{position:absolute;left:0;bottom:0;width:100%;height:6px;background:var(--primary);transform:scaleY(0);transition-property:transform}.blog-archive__card.hover .blog-archive__card--border{transform:none;transition-delay:var(--delay)}.blog-archive__category{display:flex;align-items:center}.blog-archive__category--image{--size:56px;flex-shrink:0;margin-right:1em;width:var(--size);height:var(--size);border-radius:100%;overflow:hidden}.blog-archive__category--content{display:grid;grid-gap:.4em;font-size:.9em}.blog-archive__category--header{margin:0;font-weight:600}.blog-archive__category--postdate{margin:0;opacity:.8}