@view-transition{navigation:auto}.article-wrapper{transition:all .1s;user-select:none;&:hover{filter:drop-shadow(0 3px 3px #999)}&:active{filter:drop-shadow(0 2px 2px #888)}}.content-wrapper{--blog-card--width:18rem;--blog-card--height:22rem}.content-wrapper .blog-index{display:grid;gap:3rem 2.4rem;grid-template-columns:repeat(auto-fill,minmax(min(var(--blog-card--width),100%),1fr));padding:2rem}.blog-index__post{background:#053539;height:var(--blog-card--height);text-decoration:none;transition:all .1s;width:100%;img{height:67%;object-fit:cover;width:100%}h5{font-family:Aeonik Bold;font-weight:400;hyphens:none;line-height:1.1;text-decoration:none;text-transform:uppercase}h5,p{color:#fff;font-size:small;margin:.2rem .6rem;text-wrap-style:pretty}p{display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;overflow:hidden;-webkit-box-orient:vertical;text-overflow:ellipsis}&:hover{transform:translateY(-3px)}&:active{transform:translateY(-2px)}}.search-results-helper{text-align:center;& .modified.tagsbtn{margin-inline:.2rem;padding-inline:.8rem;vertical-align:top}& span.query{font-family:Aeonik-Bold,sans-serif;font-style:italic;font-weight:700}}@media (width < 820px){.content-wrapper{.blog-index{--blog-card--width:14rem;--blog-card--height:18rem;gap:min(5vw,2rem)}.hs-search-field__container{margin:3vw 6vw}.blog-post-tags{gap:4vw}.tagsbtn{font-size:3vw;padding:3vw 4.25vw}}.blog-index__post p{font-size:max(.7rem,1.8vw);-webkit-line-clamp:3;line-clamp:3}div.cta-userpersona-wrap{background:none;padding:6vw}}