article.blog-tile{border-radius:var(--border-radius-primary);background-color:var(--c-light);background-image:var(--fc5324c4);gap:var(--spacer-sm);background-position:top;background-repeat:no-repeat;background-size:100% 200px;flex-direction:column;display:flex;overflow:hidden}article.blog-tile .content-wrapper{border-radius:var(--border-radius-primary);flex-direction:column;justify-content:space-between;display:flex}article.blog-tile .content-wrapper .pc-heading{-webkit-backdrop-filter:blur(2px)brightness(.9);backdrop-filter:blur(2px)brightness(.9);padding:var(--spacer-md);margin-bottom:0;display:flex}article.blog-tile .content-wrapper .pc-heading h1{color:#fff;text-shadow:var(--text-shadow);flex:100%;align-items:center;font-size:1.5rem;font-weight:600;line-height:1.2;display:flex}article.blog-tile .content-wrapper .html-content{padding:var(--spacer-sm);background-color:var(--c-light)}article.blog-tile .content-wrapper .html-content>p{margin:0}article.blog-tile .content-wrapper a.btn{margin:var(--spacer-sm);transition:background-color .5s,color .5s}article.blog-tile .content-wrapper a.btn:hover{background-color:var(--c-primary);color:#fff}article.blog-tile.featured{padding:var(--spacer-lg);background-position:50%;background-size:cover;height:350px}article.blog-tile.featured .content-wrapper{padding:var(--spacer-lg);-webkit-backdrop-filter:blur(2px)brightness(.9);backdrop-filter:blur(2px)brightness(.9);color:#fff;align-items:flex-end;height:100%;position:relative}article.blog-tile.featured .content-wrapper:after{content:"";z-index:-1;border-radius:var(--border-radius-primary);background:linear-gradient(#0000 0%,#000000b3 100%);position:absolute;inset:0}article.blog-tile.featured .content-wrapper .pc-heading{color:var(--color-white);-webkit-backdrop-filter:none;backdrop-filter:none;height:unset;width:100%;padding:0}article.blog-tile.featured .content-wrapper .pc-heading h1{line-clamp:1;-webkit-line-clamp:1;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:2rem;display:-webkit-box;overflow:hidden}article.blog-tile.featured .content-wrapper .html-content{background-color:#0000;font-size:1.2rem}article.blog-tile.featured .content-wrapper .html-content p{line-clamp:4;-webkit-line-clamp:4;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}article.blog-tile.featured .content-wrapper a.btn:hover{background-color:#ffffff4d}