.blog-recommendations{padding:3rem 0}.blog-recommendations__container{display:flex;flex-direction:column;gap:1.5rem;margin:auto;text-align:left;width:100%;max-width:1320px;padding:0 1rem}.blog-recommendations__container .wysiwyg{margin-top:0}.blog-recommendations__head{display:flex;flex-direction:column;gap:1.5rem}.blog-recommendations__head-title{font-size:1.75rem;font-style:normal;line-height:2.125rem;font-weight:600}@media screen and (min-width: 768px){.blog-recommendations__head-title{font-size:2.375rem;line-height:3rem}}.blog-recommendations__grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.blog-recommendations__card{position:relative;overflow:hidden;border-radius:.5rem;aspect-ratio:16/9;isolation:isolate;cursor:pointer}.blog-recommendations__card--featured{aspect-ratio:16/9}.blog-recommendations__image{position:absolute;inset:0;z-index:1}.blog-recommendations__image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.blog-recommendations__image::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.35);transition:background-color .35s ease}.blog-recommendations__content{position:relative;z-index:2;height:100%;display:flex;align-items:flex-end;padding:1.5rem 1.75rem}.blog-recommendations__post-title{margin:0;font-size:1.25rem;font-style:normal;line-height:1.75rem;font-weight:400;color:#fff;transition:color .35s ease}@media screen and (min-width: 768px){.blog-recommendations__post-title{font-size:1.5rem;line-height:2rem}}.blog-recommendations__link{color:inherit;text-decoration:none;outline:none}.blog-recommendations__link::after{content:"";position:absolute;inset:0;z-index:3}.blog-recommendations__link:focus-visible::after{outline:2px solid #fa0;outline-offset:-4px;border-radius:1rem}.blog-recommendations__card:hover .blog-recommendations__image::after,.blog-recommendations__card:focus-within .blog-recommendations__image::after{background:rgba(255,170,0,.7)}.blog-recommendations__card:hover .blog-recommendations__image img,.blog-recommendations__card:focus-within .blog-recommendations__image img{transform:scale(1.03)}.blog-recommendations__card:hover .blog-recommendations__post-title,.blog-recommendations__card:focus-within .blog-recommendations__post-title{color:#181733}@media screen and (min-width: 768px){.blog-recommendations{padding:5rem 0}.blog-recommendations__container{padding:0 2rem}.blog-recommendations__grid{grid-template-columns:repeat(2, 1fr)}.blog-recommendations__card--featured{aspect-ratio:32/9}}@media screen and (min-width: 1024px){.blog-recommendations__grid{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 1360px){.blog-recommendations__container{padding:0}}
