.blog-post-page{background-color:var(--base-100)}.bp-progress{z-index:100;background:0 0;height:3px;position:fixed;top:0;left:0;right:0}.bp-progress-bar{background:var(--base-500);transform-origin:0;will-change:transform;width:100%;height:100%;transform:scaleX(0)}.bp-nav{padding-top:8rem;padding-bottom:2rem}.bp-back{color:var(--base-300);text-transform:uppercase;letter-spacing:.05rem;cursor:pointer;align-items:center;gap:.5rem;font-family:PP Pangram Sans;font-size:.8rem;font-weight:600;text-decoration:none;transition:color .3s;display:inline-flex}.bp-back:hover{color:var(--base-500)}.bp-back svg{width:18px;height:18px;transition:transform .3s}.bp-back:hover svg{transform:translate(-4px)}.bp-hero{padding-bottom:4rem}.bp-hero-img{border-radius:1rem;width:100%;height:520px;overflow:hidden}.bp-hero-img img{object-fit:cover;width:100%;height:100%}.bp-header{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;max-width:760px;margin:0 auto;padding:0 2rem 3.5rem;display:flex}.bp-header-meta{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.bp-category{background:var(--base-500);text-transform:uppercase;color:#fff;letter-spacing:.04rem;border-radius:100px;padding:.3rem .85rem;font-family:PP Pangram Sans;font-size:.7rem;font-weight:700;display:inline-block}.bp-readtime{color:var(--base-500)!important}.bp-header h1{color:var(--base-400);letter-spacing:-.15rem;max-width:700px;font-size:4.5rem;line-height:.92}.bp-excerpt{color:var(--base-300);text-align:center;max-width:560px;line-height:1.4}.bp-body{gap:4rem;max-width:920px;margin:0 auto;padding:0 2rem;display:flex;position:relative}.bp-share-float{flex-direction:column;flex-shrink:0;align-items:center;gap:.75rem;height:fit-content;padding-top:.5rem;display:flex;position:sticky;top:8rem}.bp-share-float>p{color:var(--base-300);writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.15rem;margin-bottom:.25rem}.bp-share-btn{border:1px solid var(--base-200);background:var(--base-100);cursor:pointer;width:40px;height:40px;color:var(--base-400);border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.bp-share-btn:hover{background:var(--base-400);border-color:var(--base-400);color:var(--base-100)}.bp-share-btn--copied{border-color:var(--base-500);color:var(--base-500)}.bp-share-btn svg{width:16px;height:16px}.bp-article{border-top:1px solid var(--base-200);flex:1;min-width:0;padding-top:3rem;padding-bottom:4rem}.bp-article h2{color:var(--base-400);letter-spacing:-.08rem;margin:3rem 0 1.25rem;font-size:2.75rem;line-height:.95}.bp-article h3{color:var(--base-400);letter-spacing:-.04rem;margin:2.5rem 0 1rem;font-size:1.75rem;line-height:1}.bp-article p{color:var(--base-400);margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.bp-article>p:first-child{color:var(--base-400);font-size:1.25rem;line-height:1.7}.bp-article a{color:var(--base-500);text-underline-offset:3px;text-decoration:underline;transition:opacity .2s}.bp-article a:hover{opacity:.7}.bp-article strong{font-weight:600}.bp-article ul,.bp-article ol{margin-bottom:1.75rem;padding-left:1.5rem}.bp-article li{color:var(--base-400);margin-bottom:.5rem;font-family:PP Neue Montreal;font-size:1.1rem;line-height:1.8}.bp-article blockquote{border-left:3px solid var(--base-500);background:#ff6e140a;border-radius:0 .5rem .5rem 0;margin:2.5rem 0;padding:1.5rem 0 1.5rem 2rem}.bp-article blockquote p{color:var(--base-300);margin-bottom:0;font-size:1.3rem;font-style:italic;line-height:1.55}.bp-article img{border-radius:.75rem;width:100%;margin:2.5rem 0}.bp-article pre{background:var(--base-400);color:var(--base-100);border-radius:.75rem;margin:2rem 0;padding:1.5rem;font-family:Geist Mono;font-size:.9rem;line-height:1.6;overflow-x:auto}.bp-article code{background:var(--base-200);border-radius:.25rem;padding:.15rem .4rem;font-family:Geist Mono;font-size:.85em}.bp-article pre code{background:0 0;padding:0}.bp-footer-strip{border-top:1px solid var(--base-200);border-bottom:1px solid var(--base-200);justify-content:space-between;align-items:center;gap:2rem;max-width:760px;margin:0 auto;padding:2rem;display:flex}.bp-tags{flex-wrap:wrap;gap:.5rem;display:flex}.bp-tag{border:1px solid var(--base-200);text-transform:uppercase;color:var(--base-300);letter-spacing:.04rem;border-radius:100px;padding:.3rem .75rem;font-family:PP Pangram Sans;font-size:.7rem;font-weight:600}.bp-author{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.bp-author-avatar{background:var(--base-400);width:40px;height:40px;color:var(--base-100);border-radius:50%;justify-content:center;align-items:center;font-family:Big Shoulders Display;font-size:1.1rem;font-weight:900;display:flex}.bp-author-info{flex-direction:column;gap:.1rem;display:flex}.bp-author-info .cap{color:var(--base-400);font-size:.8rem}.bp-author-info .sm{color:var(--base-300)}.bp-related{padding:6rem 0}.bp-related-header{text-align:center;flex-direction:column;align-items:center;gap:1rem;margin-bottom:3rem;display:flex}.bp-related-header h2{letter-spacing:-.1rem;font-size:3rem;line-height:.95}.bp-related-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.bp-related-card{color:inherit;cursor:pointer;background:#fff;border-radius:1rem;flex-direction:column;text-decoration:none;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden}.bp-related-card:hover{transform:translateY(-4px)}.bp-related-card:hover .bp-related-card-img img{transform:scale(1.05)}.bp-related-card-img{width:100%;height:220px;overflow:hidden}.bp-related-card-img img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.bp-related-card-body{flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.bp-related-card-cat{color:var(--base-500);font-size:.8rem}.bp-related-card-body h4{letter-spacing:-.04rem;font-size:1.5rem;line-height:.95}.bp-related-card-body>.sm{color:var(--base-300)}.bp-cta{padding-bottom:10rem}.bp-cta-card{background-color:var(--base-400);width:70%;color:var(--base-100);border-radius:1rem;gap:2rem;margin:0 auto;padding:3rem;display:flex}.bp-cta-col{flex:1}.bp-cta-col:first-child h3{letter-spacing:-.08rem;font-size:3rem;line-height:.95}.bp-cta-col:nth-child(2){flex-direction:column;gap:2rem;display:flex}.bp-cta-col:nth-child(2) p{margin-bottom:1.5rem;line-height:1.5}.bp-not-found{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:80svh;padding:2rem;display:flex}.bp-not-found h2{color:var(--base-400)}.bp-not-found p{color:var(--base-300)}@media (min-width:1001px) and (max-width:1400px){.bp-hero-img{height:420px}.bp-header h1{font-size:3.5rem}.bp-cta-card{width:85%}}@media (max-width:1000px){.bp-nav{padding-top:6rem;padding-bottom:1.5rem}.bp-hero{padding-bottom:2.5rem}.bp-hero-img{border-radius:.75rem;height:280px}.bp-header{padding:0 1.25rem 2.5rem}.bp-header h1{letter-spacing:-.05rem;font-size:2.25rem}.bp-header-meta{gap:.75rem}.bp-excerpt{font-size:1.05rem}.bp-body{gap:0;padding:0 1.25rem}.bp-share-float{display:none}.bp-article{padding-top:2rem;padding-bottom:2.5rem}.bp-article h2{letter-spacing:0;margin-top:2.25rem;font-size:1.75rem}.bp-article h3{letter-spacing:0;margin-top:1.75rem;font-size:1.35rem}.bp-article p,.bp-article li{font-size:1.02rem;line-height:1.7}.bp-article>p:first-child{font-size:1.08rem}.bp-article blockquote{padding-left:1.25rem}.bp-article blockquote p{font-size:1.1rem}.bp-footer-strip{flex-direction:column;align-items:flex-start;gap:1.5rem;padding-left:1.25rem;padding-right:1.25rem}.bp-related{padding:4rem 0}.bp-related-header h2{font-size:2rem}.bp-related-grid{grid-template-columns:1fr}.bp-related-card-img{height:180px}.bp-related-card-body h4{font-size:1.25rem}.bp-cta{padding-bottom:4rem}.bp-cta-card{flex-direction:column;gap:1.5rem;width:100%;padding:2rem 1.25rem}.bp-cta-col:first-child h3{letter-spacing:0;font-size:2rem}.bp-cta-col:nth-child(2) p{margin-bottom:1rem}}
