.blog-index{column-gap:5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16.5rem),1fr));justify-items:start;row-gap:1.5rem}.blog-index__post-link{color:#000;text-decoration:none}.blog-index__post{display:grid;gap:.75rem}.blog-index__post-image-wrapper{filter:drop-shadow(0 10px 6px rgba(180,180,180,.16))}.blog-index__post-image{clip-path:polygon(calc(100% - 5rem) 0,100% 5rem,100% 100%,0 100%,0 0);margin-bottom:1rem;object-fit:cover;object-position:center}.blog-index__post-link:hover .blog-index__post-title{color:var(--primaryColor);text-decoration:underline}.blog-index__post-link:hover .blog-index__post-timestamp{color:#000}.blog-post{background:#fafafa}.blog-post__body{margin:0 auto;max-width:72rem;width:100%}.blog-related-posts__wrapper{align-items:center;column-gap:4rem;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:120rem;row-gap:1.5rem}.blog-related-posts__list{display:flex;gap:2rem;margin-left:auto;max-width:56rem;overflow:auto}.blog-related-posts__list-item{flex-basis:0;flex-grow:1;min-width:min(100%,12rem)}.blog-related-posts__post{display:grid;gap:1rem}.blog-related-posts__date,.blog-related-posts__post-link{color:#000;text-decoration:none}.blog-related-posts__title{margin-top:.75rem}.blog-related-posts__post-link:hover .blog-related-posts__date{color:#000}.blog-related-posts__post-link:hover .blog-related-posts__title{color:var(--primaryColor);text-decoration:underline}.blog-related-posts__image{clip-path:polygon(20% 0,100% 0,100% 100%,0 100%,0 20%)}.blog-post__banner{box-shadow:0 3px 6px rgba(0,0,0,.16);display:grid}.blog-post__banner-container{align-items:end;clip-path:polygon(100% 0,100% 100%,6rem 100%,0 calc(100% - 7rem),0 0);display:grid;filter:drop-shadow(0 3px 6px rgba(0,0,0,.16));min-height:calc(85vh - var(--navHeight));padding:var(--dndPaddingBlock) var(--dndPaddingInline);position:relative}.blog-post__banner-container:before{backdrop-filter:blur(13px);background-color:rgba(27,6,222,.6);content:"";height:100%;left:0;position:absolute;top:0;transition:backdrop-filter .3s ease-out;width:100%}.blog-post__banner-container:hover:before{backdrop-filter:blur(0)}.blog-post__banner-inner{isolation:isolate;margin:0 auto;max-width:var(--containerWidth);width:100%}.blog-post__banner-title{max-width:55rem}.blog-post__meta-tags{align-items:flex-start;display:flex;gap:.5rem;position:relative}.blog-post__tags-list{display:flex;flex-wrap:wrap;gap:1ch;max-width:38rem}.blog-post__meta-tags:before{content:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMi4xNTMiIGhlaWdodD0iMjguMjc3Ij48cGF0aCBkYXRhLW5hbWU9Ikljb24gYXdlc29tZS10YWdzIiBkPSJNMjMuMTA4IDEwLjkyIDExLjk5MSA0LjVhMi4wNTYgMi4wNTYgMCAwIDAtMS41NTgtLjIwM0wxLjk4NiA2LjU2MmEyLjA1NiAyLjA1NiAwIDAgMC0xLjQ1MyAyLjUybDIuMjY0IDguNDQ2YTIuMDU2IDIuMDU2IDAgMCAwIC45NTYgMS4yNDlsMTEuMTE3IDYuNDE2YTIuMDU2IDIuMDU2IDAgMCAwIDIuODA4LS43NTNsNi4xODEtMTAuNzA5YTIuMDU2IDIuMDU2IDAgMCAwLS43NS0yLjgxMlpNNi40MTIgMTIuNDcxYTIuMDU2IDIuMDU2IDAgMSAxIDEuNDUxLTIuNTE1IDIuMDU2IDIuMDU2IDAgMCAxLTEuNDUxIDIuNTE1Wm0yMi43NDgtLjE2NC02LjE4IDEwLjcwOWEyLjA1NiAyLjA1NiAwIDAgMS0yLjgwOS43NTNsLS4wMTgtLjAxIDUuMjY4LTkuMTMzYTMuODU1IDMuODU1IDAgMCAwLTEuNDEyLTUuMjY1TDEzLjcxIDMuNDE5bDIuMDE2LS41NGEyLjA1NiAyLjA1NiAwIDAgMSAxLjU2LjIwMmwxMS4xMTcgNi40MTZhMi4wNTYgMi4wNTYgMCAwIDEgLjc1MyAyLjgwOFoiIGZpbGw9IiMzMjE3NmMiLz48L3N2Zz4=")}.blog-post__meta{margin:0 auto;max-width:var(--containerWidth);padding:3rem 1.5rem 2.5rem;position:relative;width:100%}.blog-post__author{bottom:calc(100% + .5rem);display:grid;gap:.5rem;justify-items:center;position:absolute;right:1.5rem;transform:translateY(calc(50% - 1rem))}.blog-post__author-avatar img{border-radius:50%;filter:drop-shadow(0 3px 6px rgba(0,0,0,.16))}@media screen and (max-width:767px){.blog-post__banner-container{min-height:calc(55vh - var(--navHeight));padding-bottom:8rem}.blog-post__meta{padding-top:5.5rem}.blog-post__author-avatar img{max-width:96px}}.blog-recap{background:url(https://26668927.fs1.hubspotusercontent-eu1.net/hubfs/26668927/Assets/Backgrounds/H+T_%20Short%20background.svg)}.blog-recap__wrapper{margin:0 auto;max-width:56rem}