.blog-teaser{margin:0 auto;max-width:1100px;padding:100px 16px 90px}.blog-teaser__header{margin-bottom:80px;text-align:center}.blog-teaser__top-actions{display:flex;justify-content:center;margin:32px 0;padding-bottom:16px}.blog-teaser__title{color:var(--text-color);font-size:2.5rem;font-weight:700;margin:0 0 16px}.blog-teaser__subtitle{color:var(--text-secondary);font-size:1.25rem;margin:0 auto;max-width:720px}.blog-featured__card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:14px;box-shadow:0 12px 28px rgba(0,0,0,.1);overflow:hidden;transition:opacity .22s ease,transform .22s ease,box-shadow .22s ease}.blog-featured__card.is-hidden{box-shadow:0 6px 14px rgba(0,0,0,.08);opacity:0;transform:translateY(8px)}.blog-featured__content{display:grid;gap:10px;padding:20px}.blog-featured__title{color:var(--text-color);font-size:1.4rem;font-weight:800;margin:4px 0 0}.blog-featured__body{color:var(--text-primary)}.blog-featured__date{align-items:center;background:#f1f5f9;border-radius:999px;box-sizing:border-box;color:#334155;display:inline-flex;font-size:.8rem;font-weight:600;height:28px;line-height:1;padding:0 10px;white-space:nowrap}.blog-featured__media{background:var(--primary-color);border-bottom:1px solid rgba(0,0,0,.08);height:84px;position:relative}.blog-featured__media[data-type=milestone]{background:#f59e0b}.blog-featured__media[data-type=info]{background:#3b82f6}.blog-featured__media[data-type=update]{background:#10b981}.blog-featured__media[data-type=bug_fix]{background:#ef4444}.blog-featured__type{align-items:center;color:#fff;display:flex;font-weight:900;inset:0;justify-content:center;letter-spacing:.04em;opacity:.95;position:absolute;text-transform:uppercase}.blog-featured__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.tag{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;color:#334155;display:inline-flex;font-size:.8rem;font-weight:600;padding:4px 10px}.blog-teaser__thumbs{margin-top:16px;padding:0 24px;position:relative}.blog-teaser__thumbs-track{align-items:stretch;display:grid;gap:12px;grid-auto-columns:minmax(260px,1fr);grid-template-columns:repeat(4,minmax(260px,1fr));justify-content:center;transition:transform .34s cubic-bezier(.22,.61,.36,1);will-change:transform}.blog-thumb{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,.06);cursor:default;display:grid;grid-template-rows:64px 1fr;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,filter .25s ease,opacity .25s ease,background-color .2s ease}.blog-thumb:hover{border-color:rgba(0,0,0,.12);box-shadow:0 12px 24px rgba(0,0,0,.1);transform:translateY(-2px)}.blog-thumb__media{background:var(--primary-color);border-bottom:1px solid rgba(0,0,0,.06);position:relative}.blog-thumb__media:after{background:none;content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.blog-thumb__media[data-type=milestone]{background:#f59e0b}.blog-thumb__media[data-type=info]{background:#3b82f6}.blog-thumb__media[data-type=update]{background:#10b981}.blog-thumb__media[data-type=bug_fix]{background:#ef4444}.blog-thumb__type{align-items:center;color:#fff;display:flex;font-size:.85rem;font-weight:800;inset:0;justify-content:center;letter-spacing:.04em;opacity:.95;position:absolute;text-transform:uppercase;z-index:1}.blog-thumb__content{display:grid;gap:8px;padding:16px}.blog-thumb__date{align-items:center;background:#f1f5f9;border-radius:999px;color:#334155;display:inline-flex;font-size:.75rem;font-weight:600;height:24px;justify-self:start;line-height:1;padding:0 8px}.blog-thumb__title{color:var(--text-color);font-size:.95rem;font-weight:800;margin:0}.blog-thumb__excerpt{color:var(--text-secondary);margin:0}.blog-thumb--leave-left,.blog-thumb--leave-right{transition:transform .24s cubic-bezier(.22,.61,.36,1),opacity .24s ease}.blog-thumb--leave-left{opacity:0;transform:translateX(-24px) scale(.98)}.blog-thumb--leave-right{opacity:0;transform:translateX(24px) scale(.98)}.blog-thumb--enter-left,.blog-thumb--enter-right{opacity:0;transition:transform .26s cubic-bezier(.22,.61,.36,1),opacity .26s ease}.blog-thumb--enter-left{transform:translateX(-20px)}.blog-thumb--enter-right{transform:translateX(20px)}.blog-thumb--enter-active{opacity:1;transform:translateX(0)}.blog-thumb--edge{border-color:rgba(15,23,42,.05);box-shadow:0 6px 18px rgba(15,23,42,.08);cursor:pointer;transition:box-shadow .2s ease,border-color .2s ease}.blog-thumb--edge:hover{box-shadow:0 10px 22px rgba(15,23,42,.12)}.blog-thumb--active{border-color:rgba(15,23,42,.12);box-shadow:0 14px 30px rgba(15,23,42,.16)}.blog-thumb--active .blog-thumb__title{color:var(--text-color)}.blog-thumb--active .blog-thumb__excerpt{color:var(--text-secondary)}.blog-thumb--active .blog-thumb__date{background:#eef2ff;color:#4338ca}@media (max-width:640px){.blog-teaser__thumbs{padding:0}.blog-teaser__thumbs-track{display:flex;gap:12px;justify-content:flex-start;overflow-x:auto;padding:0 16px 8px;scroll-padding:0 16px;scroll-snap-type:x mandatory}.blog-thumb{max-width:420px;min-width:240px;scroll-snap-align:start;width:85vw}}@media (max-width:768px){.blog-teaser__title{font-size:2rem}.blog-teaser__subtitle{font-size:1.0625rem;max-width:90vw}}.blog-teaser .blog-featured__body ul{list-style:disc outside;margin:0 0 1rem;padding-left:1.25rem}.blog-teaser__more{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:32px 0;padding-top:16px}.blog-teaser__btn{border-radius:999px;box-shadow:0 8px 18px rgba(0,0,0,.08);display:inline-block;font-weight:800;padding:10px 16px;text-decoration:none;transition:background-color .2s ease,color .2s ease,filter .2s ease,border-color .2s ease}.blog-teaser__btn--primary{background:var(--primary-color);border:2px solid var(--primary-color);color:#fff}.blog-teaser__btn--outline,.blog-teaser__btn--primary:focus,.blog-teaser__btn--primary:hover{background:#fff;color:var(--primary-color)}.blog-teaser__btn--outline{border:2px solid var(--primary-color)}.blog-teaser__btn--outline:focus,.blog-teaser__btn--outline:hover{background:var(--primary-color);color:#fff}.blog-teaser__empty{background:#fff;border:1px solid rgba(15,23,42,.1);border-radius:16px;box-shadow:0 12px 28px rgba(15,23,42,.08);margin:32px auto 0;max-width:640px;padding:32px 24px;text-align:center}.blog-teaser__empty-title{color:var(--text-color);font-size:1.375rem;font-weight:800;margin:0 0 8px}.blog-teaser__empty-text{color:var(--text-secondary);font-size:1rem;margin:0}