.blog-post__hero{height:25rem;position:relative}@media (min-width:768px){.blog-post__hero{height:30rem}}@media (min-width:1200px){.blog-post__hero{height:50rem}}.blog-post__hero-image{height:100%;object-fit:cover;width:100%}.blog-post__blog-tags{--distance-from-image:10px;bottom:0;display:flex;flex-wrap:wrap-reverse;gap:.25rem;list-style-type:none;padding-bottom:var(--distance-from-image);padding-left:var(--distance-from-image);padding-right:var(--distance-from-image);position:absolute}@media (min-width:576px){.blog-post__blog-tags{--distance-from-image:20px}}@media (min-width:992px){.blog-post__blog-tags{--distance-from-image:30px}}.blog-post__blog-tag{background-color:#fff;border:1px solid var(--color-grey);border-radius:2rem;box-shadow:-2px 2px 10px 3px rgba(0,0,0,.16);color:var(--color-grey);font-size:1.4rem;font-weight:600;min-width:4.8rem;padding:1rem 2rem}.blog-post__grid{column-gap:8rem;display:grid;font-weight:700;padding-top:3rem}.blog-post__meta-column{position:relative}.blog-post__meta{align-items:center;column-gap:1rem;display:grid;font-size:1.4rem;font-weight:400;grid-auto-rows:minmax(min-content,max-content);grid-template-areas:"avatar name" "times times" "share share";grid-template-columns:auto 1fr;padding-bottom:2rem;row-gap:2rem}.blog-post__author-image{border-radius:50%;grid-area:avatar;height:3.8rem;width:3.8rem}.blog-post__author-name{font-size:1.6rem;font-weight:700;grid-area:name}.blog-post__author-name:hover{text-decoration:underline}.blog-post__times{grid-area:times}.blog-post__updated-date{display:inline-block}.blog-post__share{display:flex;flex-direction:column;grid-area:share}.blog-post__share-links{display:flex}.blog-post__share-link{align-items:center;display:flex;justify-content:center;fill:var(--color-dark);height:4.8rem;width:4.8rem}.blog-post__share-link:hover{fill:var(--color-vertical);transform:translateX(.5rem)}.blog-post__heading{font-size:4rem;line-height:1.2}@media (min-width:576px){.blog-post__heading{font-size:5.5rem}}@media (min-width:992px){.blog-post__heading{font-size:6.5rem}}.blog-post__body{padding-bottom:2rem;padding-top:3rem}@media (min-width:992px){.blog-post__grid{grid-template-columns:minmax(20rem,26rem) 2fr}.blog-post__meta{grid-template-areas:"avatar name" ". times" ".share";padding-top:2rem;position:sticky;top:10rem}.blog-post__share{padding-bottom:7rem;padding-top:4rem;row-gap:1rem}.blog-post__share-links{flex-direction:column}.blog-post__body{padding-bottom:8rem;padding-top:5rem}}.blog-post__body a{color:var(--color-vertical)}.blog-post__body a:hover{text-decoration:underline}.blog-post__body a:active{color:#000}.blog-post__body ul{padding-inline-start:20px}