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