.blog-post{margin:0 auto;max-width:960px}.blog-post__hero-banner{background-position:50%;background-repeat:no-repeat;background-size:cover;height:600px;padding:50px 20px;position:relative;width:100%}.blog-post__hero-banner-overlay{background:#0000008a;height:100%;left:0;position:absolute;top:0;width:100%}.blog-post__hero-banner-content{display:flex;flex-direction:column;height:100%;justify-content:center;margin:0 auto;max-width:1200px;position:relative;width:100%;z-index:1}.blog-post__hero-banner-title{color:#fbf1e4;position:relative}@media (min-width:993px){.blog-post__hero-banner-title{font-size:72px}}.blog-post__hero-banner-meta{display:flex;flex-direction:column;gap:10px}.blog-post__hero-banner-meta__content{align-items:center;color:#fbf1e4;display:flex;font-size:20px;gap:15px;text-decoration:none;width:max-content}.blog-post__hero-banner-meta__content:active,.blog-post__hero-banner-meta__content:focus,.blog-post__hero-banner-meta__content:hover{color:#fbf1e4}.blog-post__hero-banner-meta__avatar{border-radius:100%;height:70px;object-fit:cover;width:70px}.blog-post__time{display:flex;flex-direction:column;gap:10px;margin-bottom:30px}.blog-post__time-timestamp{align-items:center;color:#666;display:flex;gap:12px}.blog-post__time-timestamp>svg{fill:#5dbc98}.blog-index__post-time{align-items:center;color:#666;display:flex;gap:12px}.blog-index__post-time>svg{stroke:#e8836c}.blog-post__hero-banner-tags{align-items:center;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:5px}.blog-post__hero-banner-tags>span{display:flex}.blog-post__hero-banner-tags>span>svg{fill:#fbf1e4;height:auto;width:25px}.blog-post__blog-post__hero-banner-tag-link{background:#5dbc98;color:#fbf1e4;padding:4px 12px;text-decoration:none;transition:all .3s ease}.blog-post__blog-post__hero-banner-tag-link:active,.blog-post__blog-post__hero-banner-tag-link:focus,.blog-post__blog-post__hero-banner-tag-link:hover{background:#23173d;color:#fbf1e4;text-decoration:none}.blog-related-posts{background-color:#f8fafc}.blog-related-posts h2{text-align:center}.blog-related-posts__list{display:flex;flex-wrap:wrap}.blog-related-posts__post{flex:0 0 100%;padding:1rem}@media screen and (min-width:768px){.blog-related-posts__post{flex:0 0 50%}}@media screen and (min-width:1000px){.blog-related-posts__post{flex:0 0 33.33333%}}.blog-related-posts__image{height:auto;max-width:100%}.blog-related-posts__title{margin:.7rem 0}.blog-comments{margin:0 auto;max-width:680px}.blog-comments .hs-submit{text-align:center}.blog-comments .comment-reply-to{border:0}.blog-comments .comment-reply-to:focus,.blog-comments .comment-reply-to:hover{background-color:transparent;text-decoration:underline}