.blog-post__hero{color:var(--c-white);position:relative;text-align:center}.blog-post__hero__bg{--position:bottom center;mask-image:linear-gradient(#000 75%,transparent);mask-position:center;mask-size:100%}.blog-post__hero-title{font-size:clamp(30px,5vw,80px);text-transform:capitalize;text-wrap-style:balance}.blog-post__meta{font-family:var(--f-secondary);font-size:21px;font-weight:300;padding-top:1.5rem}.blog-post__meta,.blog-post__meta a{color:var(--c-black)}.blog-post__meta>*{margin-inline-end:.25rem}.blog-post__author{font-weight:600;text-decoration:none}.blog-post__author:where(:hover,:focus-visible){text-decoration:underline}.blog-post{display:flex;flex-direction:column;gap:60px}.blog-post__body{flex:3}.blog-post__body>span>p:first-of-type:first-letter{float:inline-start;font-family:var(--f-secondary);font-size:6rem;font-weight:700;line-height:.65;margin:.1em .1em 0 0}.blog-post__body>span>p:first-of-type{font-size:1.2rem;font-weight:700}.blog-post__body a{color:var(--dpink)}.blog-post__sidebar{flex:1}.blog-post__sidebar h4{font-weight:600}.blog-post__sticky{position:sticky;top:2rem}.blog-post__toc{margin-block-end:3rem;position:sticky}.blog-post__toc ul{padding-left:.5rem}.blog-post__toc li{font-weight:500;list-style:none;margin-block-end:1rem}.blog-post__toc a{color:var(--c-black);display:flex;font-size:1rem;font-weight:700;gap:10px;position:relative;text-decoration:none;transition:color .25s ease;z-index:1}.blog-post__toc a:where(:hover,:focus-visible,.active){color:var(--dpink)}.blog-post__toc li{counter-increment:section}.blog-post__toc a:before{content:counter(section) ". ";width:27px}.blog-post__toc a:after{background:hsla(0,0%,85%,.2);border-radius:20px;bottom:-.5rem;content:"";left:0;padding:0;position:absolute;right:100%;top:-.5rem;transition:right .25s ease;z-index:0}.blog-post__toc a.active:after{left:-1rem;padding:.5rem 1rem;right:-1rem}@media (min-width:1024px){.blog-post{flex-direction:row}}@media (min-width:1330px){.blog-post:before{display:block}}