section{&.post-hero{background-color:var(--color-white);position:relative;.hero-content{width:100%;.hero-shape{background-color:var(--color-blue-light);height:15rem;mask-position:100% 100%;mask-repeat:no-repeat;mask-size:cover;width:100%}.hero-content-inner{background-color:var(--color-blue-light);padding:10rem 0 0;h1,h2,h3,h4,h5,h6{color:var(--color-blue-dark);font-weight:var(--font-regular);margin-bottom:1rem;& strong{font-weight:var(--font-bold)}}p,time{color:var(--color-blue-dark);font-size:var(--font-size-lg-paragraph);line-height:var(--line-height-lg-paragraph)}ul{&.tag-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:flex-start;list-style-type:none;margin:2rem 0 0;padding:0;li{&.tag-item{background-color:var(--color-blue-mid);border-radius:8px;color:var(--color-white);display:inline-flex;font-size:var(--font-size-sm-paragraph);line-height:var(--line-height-sm-paragraph);padding:.875rem}}}}}}.hero-media{margin-top:-10rem;position:relative;z-index:2;figure{height:100%;margin:0;padding:0;width:100%;img{aspect-ratio:1920/820;border-radius:8px;height:100%;object-fit:cover;object-position:center;overflow:hidden;position:relative;width:100%;z-index:1}}}}}.post-card{.post-card-inner{aspect-ratio:unset;border-radius:8px;display:block;height:100%;overflow:hidden;position:relative;text-decoration:none;@media (min-width:80rem){aspect-ratio:1/1}.post-meta{align-items:flex-start;display:flex;flex-direction:column;flex-wrap:nowrap;gap:2rem;height:100%;justify-content:space-between;min-height:26rem;padding:2rem;position:relative;z-index:2;@media (min-width:80rem){min-height:unset}ul{&.tag-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:flex-start;list-style-type:none;margin:0;padding:0;li{&.tag-item{background-color:var(--color-blue-mid);border-radius:8px;color:var(--color-white);display:inline-flex;font-size:var(--font-size-sm-paragraph);line-height:var(--line-height-sm-paragraph);padding:.875rem}}}}h4{color:var(--color-white);margin:0}}.post-image{bottom:0;display:block;left:0;position:absolute;right:0;top:0;z-index:1;.overlay{background-color:rgba(0,0,0,.25);bottom:0;left:0;position:absolute;right:0;top:0;z-index:2}.overlay,img{height:100%;width:100%}img{aspect-ratio:1/1;object-fit:cover;object-position:50% 50%;position:relative;z-index:1}}}}section{&.post-related{background-color:var(--color-blue-light);padding:80px 0;@media (min-width:64rem){padding-bottom:100px;padding-left:0;padding-right:0;padding-top:100px}.container{.post-related-inner{h2{margin-bottom:3rem;text-align:center}.related-posts{display:flex;flex-direction:column;gap:2rem;@media (min-width:64rem){flex-direction:row}.post-card{flex:0 0 100%;@media (min-width:64rem){flex:0 0 50%}}}}}}}section{&.post-content{padding:80px 0;@media (min-width:64rem){padding-bottom:100px;padding-left:0;padding-right:0;padding-top:100px}.post-share{margin:3rem 0;.container{.post-share-inner{align-items:center;display:flex;.share-label{h6{margin:0 .85rem 0 0}}.share-links{display:flex;gap:.5rem;a{&.share-link{align-items:center;background-color:var(--color-blue-dark);border-radius:100%;display:inline-flex;height:2.5rem;justify-content:center;transition:background-color .25s ease-in-out;width:2.5rem;&:hover{background-color:var(--color-orange)}}}}}}}}}