.blog__hero{--top-gap:10.2rem;color:var(--color-white);contain:paint;position:relative}.blog__hero-title{margin-block:calc(var(--top-gap) + 15rem) 15rem;margin-inline:auto;max-width:97rem}.blog__hero-bg{z-index:-1}.blog__hero-bg,.blog__hero-bg:before{height:100%;left:0;position:absolute;top:0;width:100%}.blog__hero-bg:before{background-color:var(--color-black);content:"";display:block;opacity:.5;z-index:2}.blog__hero-bg-gap{background-color:var(--color-white)!important;height:var(--top-gap);position:relative;z-index:3}.blog__hero-bg-mask{position:absolute;top:var(--top-gap);width:var(--container-padding);z-index:3}.blog__hero-bg-mask.mask2{display:none}.blog__hero-bg-mask svg path{fill:var(--color-white)}.blog__hero-bg img{height:100%;object-fit:cover}.blog-post{max-width:unset}.blog__body{background-color:var(--color-body-bg-gray);padding-block:10rem}.blog__body-wrap{column-gap:3rem;display:flex}.blog__body-main{max-width:unset!important;width:100%}.blog-post h1,.blog-post h2,.blog-post h3,.blog-post h4,.blog-post h5,.blog-post h6{color:var(--color-green)}.blog-post h4{font-size:var(--fs-h4)!important;letter-spacing:var(--lsp-h4)!important;line-height:var(--lh-h4)!important}.blog-post p{font-size:var(--fs-18)!important;line-height:var(--lh-18)!important}.blog__related{background-color:var(--color-body-bg-gray)}.blog__related-title{margin-bottom:6rem}.blog__related__list{column-gap:3rem;display:flex;justify-content:center}.blog__related-post{background-color:var(--color-white);width:37rem}.blog__related__title{margin:3rem;min-height:5.7rem}.blog__related-post-image-wrapper{aspect-ratio:2;position:relative;width:100%}.blog__related-post-image-mask{left:0;position:absolute;top:0;width:100%;svg{fill:var(--color-white)}}.blog__related-post-image-wrapper img{height:100%;object-fit:cover}.blog__related-post-desc{margin:3rem}@media only screen and (max-width:991px){.blog__hero{--top-gap:10.1rem}.blog__hero-bg-mask{transform:translateY(-1px);width:24rem}.blog__hero-title{margin-bottom:9.3rem;margin-top:21.8rem;max-width:57rem}}@media only screen and (max-width:766px){.blog__hero{--top-gap:9rem}.blog__body{padding-block:6rem}.blog__body-wrap{flex-direction:column}.blog__related__list{column-gap:unset;justify-content:unset}.blog__related-post{width:unset}.blog__related__list-pagi{column-gap:1rem;display:flex;justify-content:center;margin-top:6rem}}@media only screen and (max-width:476px){.blog__hero-bg-mask.mask1{display:none}.blog__hero-bg-mask.mask2{display:block}.blog__hero-bg-mask{width:100%}}