.blog-post-page{width:100%;background-color:var(--base-450)}.blog-post-sidebar-sticky{position:-webkit-sticky;position:sticky;top:120px;left:2rem;width:100px;height:-moz-fit-content;height:fit-content;max-height:400px;z-index:10;display:flex;flex-direction:column;align-items:center;gap:.5rem;float:left}.progress-indicator-container{position:relative;width:100px;height:100px}.progress-svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-bg{fill:none;stroke:var(--base-400);stroke-width:4}.progress-fill{fill:none;stroke:var(--brand-green-primary);stroke-width:5;stroke-linecap:round;transition:stroke-dashoffset .1s linear}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:var(--base-100);line-height:1}.progress-text span{font-size:1.75rem;font-weight:700;display:block;line-height:1}.progress-text small{font-size:.75rem;text-transform:uppercase;opacity:.8}.share-buttons-container{display:flex;flex-direction:column;gap:.5rem}.blog-post-hero{position:relative;width:100%;min-height:90svh;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:4rem}.blog-post-hero .container{z-index:1}.blog-post-hero-img,.blog-post-hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.blog-post-hero-overlay{background:linear-gradient(0deg,rgba(17,17,17,.9) 20%,rgba(17,17,17,0))}.blog-post-hero-header{margin-bottom:2rem}.blog-post-hero-header h1{font-size:clamp(2.5rem,5vw,5rem);max-width:90%}.blog-post-hero-content{display:flex;gap:2rem}.blog-post-col{flex:1 1}.blog-post-meta{display:flex;flex-direction:column;gap:1rem;align-items:flex-start}.blog-post-content-wrapper{padding-bottom:8rem;font-size:1.125rem;line-height:1.8;display:flex}.blog-post-content-col{width:80%;justify-self:center}.blog-post-content-col h2,.blog-post-content-col h3{margin:2.5rem 0 1.5rem;line-height:1.3}.blog-post-content-col p{margin-bottom:1.5rem}.blog-post-content-col a{color:var(--brand-green-primary);text-decoration:underline}@media (max-width:1000px){.blog-post-sidebar-sticky{display:none}.blog-post-content-col{width:85%}}@media (max-width:600px){.blog-post-hero-content{flex-direction:column}.blog-post-content-col{width:100%}.blog-post-content-wrapper{padding:4rem 0}}