.preview-blog__title{opacity:0;translate:0 20%;will-change:opacity,translate}[data-fls-loaded] .--watcher-view.preview-blog__title{opacity:1;transition:opacity .8s ease-in-out .5s,translate .8s ease-in-out .3s;translate:0 0}.preview-blog{border-radius:.125rem}.preview-blog__article{display:flex;flex-direction:column;height:100%}.preview-blog__link-image{align-items:center;aspect-ratio:416/270;border-radius:.125rem;display:flex;inline-size:100%;justify-content:center;overflow:hidden;will-change:scale}.preview-blog__link-image img{block-size:100%;inline-size:100%;inset:0;object-fit:cover;position:absolute;scale:1.02;transition:scale .5s ease-in-out}.preview-blog__link-image:before{align-items:center;aspect-ratio:1/1;backdrop-filter:blur(1.875rem);background-color:var(--bg-muted);border:.0625rem solid var(--border-default);border-radius:50%;color:var(--text-light);display:flex;flex:0 0 2.875rem;font-size:.75rem;justify-content:center;position:relative;transition:color .5s ease-in-out,background-color .5s ease-in-out,border-color .5s ease-in-out;z-index:5}.preview-blog__content{display:flex;flex-direction:column;flex-grow:1;gap:.5rem}.preview-blog__date{font-size:.75rem;line-height:1.2;text-transform:uppercase}.preview-blog__title{flex-grow:1;font-family:var(--font-secondary);font-weight:300;letter-spacing:.04em;line-height:1.3}.preview-blog__link-title{color:var(--text-light);transition:color .5s ease-in-out}.preview-blog__text{line-height:1.8}.preview-blog__category{align-self:flex-start}@media (max-width:20em){.preview-blog{padding:1.25rem}.preview-blog__article{gap:1.25rem}.preview-blog__title{font-size:1.25rem}}@media (min-width:20em) and (max-width:89.375em){.preview-blog{padding:clamp(1.25rem,.74549549549375rem + 2.5225225225vw,3rem)}.preview-blog__article{gap:clamp(1.25rem,1.03378378378125rem + 1.0810810811vw,2rem)}.preview-blog__title{font-size:clamp(1.25rem,1.177927927925rem + .3603603604vw,1.5rem)}}@media (min-width:89.375em){.preview-blog{padding:3rem}.preview-blog__article{gap:2rem}.preview-blog__title{font-size:1.5rem}}@media (any-hover:hover) and (any-pointer:fine){.preview-blog__link-image:hover img{scale:1}.preview-blog__link-image:hover:before{background-color:var(--bg-muted-hover);border-color:var(--border-hover);color:var(--text-light-hover)}.preview-blog__link-title:hover{color:var(--text-light-hover)}}