@layer sections{.blog-teaser{padding-block:var(--space-large)}.blog-teaser__title{margin-block:0 var(--space-md);font-size:var(--size-headline);line-height:var(--leading-headline)}.blog-teaser__grid{margin:0 0 var(--space-md);gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));padding:0;list-style:none;display:grid}.blog-teaser__card{background:var(--color-gray-50);border:var(--border-width) solid var(--border-color);border-radius:var(--radius);padding:var(--space-xs);align-content:start;transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s cubic-bezier(.16,1,.3,1);display:grid}.blog-teaser__card:hover,.blog-teaser__card:focus-within{box-shadow:var(--shadow-panel);transform:translateY(-.25rem)}.blog-teaser__link{color:inherit;text-decoration:none;display:block}.blog-teaser__link img{border-radius:var(--radius-sm);width:100%;height:auto}.blog-teaser__link:not(:has(img)):before{content:"";aspect-ratio:16/9;border-radius:var(--radius-sm);background:radial-gradient(ellipse 70% 80% at 72% 28%, transparent, color-mix(in srgb, var(--color-black) 88%, transparent) 78%), radial-gradient(circle, color-mix(in srgb, var(--color-primary) 70%, var(--color-white)) 0 1.5px, transparent 2px) 0 0 / .75rem .75rem, radial-gradient(ellipse 60% 70% at 72% 28%, color-mix(in srgb, var(--color-series-rs) 55%, transparent), transparent), var(--color-black);display:block}.blog-teaser__card:nth-child(3n+2) .blog-teaser__link:not(:has(img)):before{background:radial-gradient(ellipse 70% 80% at 28% 70%, transparent, color-mix(in srgb, var(--color-black) 88%, transparent) 78%), radial-gradient(circle, color-mix(in srgb, var(--color-series-ra) 70%, var(--color-white)) 0 1.5px, transparent 2px) 0 0 / .75rem .75rem, radial-gradient(ellipse 60% 70% at 28% 70%, color-mix(in srgb, var(--color-series-ra) 45%, transparent), transparent), var(--color-black)}.blog-teaser__card:nth-child(3n) .blog-teaser__link:not(:has(img)):before{background:radial-gradient(ellipse 70% 80% at 50% 40%, transparent, color-mix(in srgb, var(--color-black) 88%, transparent) 78%), radial-gradient(circle, color-mix(in srgb, var(--color-series-as) 70%, var(--color-white)) 0 1.5px, transparent 2px) 0 0 / .75rem .75rem, radial-gradient(ellipse 60% 70% at 50% 40%, color-mix(in srgb, var(--color-series-as) 45%, transparent), transparent), var(--color-black)}.blog-teaser__name{margin-block:var(--space-xs) var(--space-3xs);padding-inline:var(--space-2xs);font-size:var(--size-lg);line-height:var(--leading-subline)}.blog-teaser__desc{padding-inline:var(--space-2xs);color:var(--color-gray-600);margin:0;padding-block-end:var(--space-2xs)}.blog-teaser__origin{margin-block:var(--space-2xs) 0;padding-inline:var(--space-2xs);color:var(--color-gray-600);font-size:var(--size-sm)}.blog-teaser__all{padding:var(--space-xs) var(--space-lg);border-radius:var(--radius);background:var(--color-primary);color:var(--color-primary-ink);align-items:center;font-weight:700;text-decoration:none;transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.blog-teaser__all:hover{box-shadow:var(--shadow-glow);transform:translateY(-.125rem)}}