.teasers{--items-per-row:3;max-width:var(--container-width);padding:0 var(--container-padding);padding:0 calc(var(--container-padding) - var(--grid-gutter-width) / 2);margin-left:auto;margin-right:auto;margin:calc(var(--grid-gutter-width) / -2) auto;flex-wrap:wrap;display:flex}@media (width<=1539px){.teasers{--items-per-row:2}.teasers .teasers{max-width:calc(var(--content-width))}}@media (width<=575px){.teasers{--items-per-row:1}}.teaser{padding:calc(var(--grid-gutter-width) / 2);max-width:calc(100% / var(--items-per-row));flex:100%}.teaser .inner{background-color:var(--surface);height:100%;color:var(--text-color);outline-offset:3px;border-radius:var(--radius);border:1px solid var(--surface-border);box-shadow:var(--shadow-sm);transition:transform .4s var(--ease-out), box-shadow .4s var(--ease-out);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.teaser .inner:hover,.teaser .inner:focus-visible{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.teaser .inner:hover img,.teaser .inner:focus-visible img{transform:scale(1.06)}.teaser .inner:hover .teaser-title,.teaser .inner:focus-visible .teaser-title{color:var(--accent)}.teaser .inner:hover .btn,.teaser .inner:focus-visible .btn,.teaser .btn:hover{background-color:var(--accent);color:var(--accent-invert);box-shadow:0 10px 22px -10px var(--accent);transform:none}.teaser .inner:hover .btn:after,.teaser .inner:focus-visible .btn:after,.teaser .btn:hover:after{--icon-color:var(--accent-invert);transform:translate(4px)}.teaser .image-box{aspect-ratio:2;overflow:hidden}.teaser .image-box figure,.teaser .image-box picture{height:100%;margin:0;display:block}.teaser .text-box{flex-grow:1;padding:1.4em 1.6em 5.2em;position:relative}.teaser .btn{--btn-color:var(--lightningcss-light,var(--secondary-darkmode))var(--lightningcss-dark,var(--accent));background-color:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--btn-color);font-size:var(--font-size-sm);align-items:center;gap:.5em;margin:0;padding:.65em 1.3em;line-height:1.2;transition:background-color .3s,color .3s,box-shadow .3s;display:inline-flex;position:absolute;bottom:1.6em}.teaser .btn:after{--icon:var(--icon-arrow-right);--icon-color:var(--btn-color);content:"";vertical-align:text-top;background-color:var(--icon-color,var(--text-color));width:var(--icon-size,1em);height:var(--icon-size,1em);-webkit-mask-size:contain;mask-size:contain;-webkit-mask:var(--icon) no-repeat center;-webkit-mask:var(--icon) no-repeat center;mask:var(--icon) no-repeat center;vertical-align:middle;transition:transform .3s var(--ease-out);display:inline-block}.teaser .teaser-title{font-size:var(--font-size-md);color:var(--text-color);text-decoration:none;transition:color .25s}.teaser img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease-out);display:block}.teaser .teaser-header{font-weight:700;font-size:var(--font-size-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:.3em;display:block}.teaser .teaser-header+.teaser-title{margin-top:.3em}.teaser .teaser-header .news-category{display:inline-block}.teaser .teaser-header .news-date:has(~.news-category):after{content:"· ";margin:0 .1em}