.article-page{background-color:var(--base-100);min-height:100svh}.article-progress-bar{z-index:9998;background:#1a16140f;width:100%;height:3px;position:fixed;top:0;left:0}.article-progress-fill{background:var(--base-500);transform-origin:0;will-change:transform;width:100%;height:100%;transition:transform .1s linear;transform:scaleX(0)}.article-hero{width:100%;max-width:1400px;margin:0 auto;padding:10rem 2rem 0}.article-hero-image{aspect-ratio:21/9;border-radius:1.25rem;width:100%;margin-bottom:3rem;overflow:hidden}.article-hero-image img{object-fit:cover;width:100%;height:100%}.article-hero-meta{align-items:center;gap:.75rem;max-width:720px;margin-bottom:1.25rem;margin-left:auto;margin-right:auto;display:flex}.article-hero-category{text-transform:uppercase;letter-spacing:.08rem;color:var(--base-500);font-family:Geist;font-size:.72rem;font-weight:600}.article-hero-date,.article-hero-reading-time{letter-spacing:.04rem;color:var(--base-300);font-family:Geist;font-size:.72rem;font-weight:400}.article-hero h1{color:var(--base-400);max-width:720px;margin:0 auto 2rem;font-size:5rem;line-height:.92}.article-hero-excerpt{color:var(--base-300);max-width:720px;margin:0 auto;font-family:PP Neue Montreal;font-size:1.35rem;line-height:1.35}.article-content{max-width:720px;margin:0 auto;padding:4rem 2rem 6rem}.article-content h2{color:var(--base-400);letter-spacing:-.06rem;margin:3rem 0 1.25rem;font-size:2.5rem;line-height:.95}.article-content h2:first-child{margin-top:0}.article-content h3{color:var(--base-400);letter-spacing:-.03rem;margin:2.5rem 0 1rem;font-size:1.75rem;line-height:1}.article-content p{color:var(--base-400);margin-bottom:1.5rem;font-family:PP Neue Montreal;font-size:1.15rem;line-height:1.65}.article-content p strong{font-weight:700}.article-content p em{font-style:italic}.article-content blockquote{border-left:3px solid var(--base-500);margin:2rem 0;padding:.5rem 0 .5rem 1.5rem}.article-content blockquote p{color:var(--base-300);margin-bottom:0;font-size:1.25rem;font-style:italic;line-height:1.5}.article-content ul,.article-content ol{margin-bottom:1.5rem;padding-left:1.5rem}.article-content li{color:var(--base-400);margin-bottom:.5rem;font-family:PP Neue Montreal;font-size:1.15rem;line-height:1.65}.article-content .article-inline-cta{background:var(--base-400);border-radius:1rem;flex-direction:column;gap:1.25rem;margin:2.5rem 0;padding:2rem 2.25rem;display:flex}.article-content .article-inline-cta p.article-inline-cta-text{color:var(--base-100);margin-bottom:0;font-family:PP Neue Montreal;font-size:1.15rem;line-height:1.5}.article-inline-cta-button{background:var(--base-500);color:#fff;text-transform:uppercase;letter-spacing:-.01rem;cursor:pointer;border:none;border-radius:.6rem;justify-content:center;align-self:flex-start;align-items:center;padding:.75rem 1.5rem;font-family:Big Shoulders Display;font-size:1.1rem;font-weight:900;text-decoration:none;transition:background .2s,transform .15s;display:inline-flex}.article-inline-cta-button:hover{background:var(--base-500);filter:brightness(1.15);transform:translateY(-2px)}.article-divider{background:var(--base-500);border:none;width:3rem;height:2px;margin:3rem auto}.article-author{align-items:center;gap:1.25rem;max-width:720px;margin:0 auto;padding:0 2rem 4rem;display:flex}.article-author-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:3.5rem;height:3.5rem}.article-author-info{flex-direction:column;gap:.15rem;display:flex}.article-author-name{text-transform:uppercase;color:var(--base-400);font-family:Big Shoulders Display;font-size:1.25rem;font-weight:900;line-height:1}.article-author-role{color:var(--base-300);letter-spacing:.02rem;font-family:Geist;font-size:.78rem}.article-related{max-width:1400px;margin:0 auto;padding:0 2rem 6rem}.article-related-header{margin-bottom:2rem}.article-related-header h2{color:var(--base-400);font-size:2.5rem}.article-related-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}@media (max-width:1000px){.article-hero{padding:7rem 1.25rem 0}.article-hero-image{aspect-ratio:16/9;border-radius:.75rem}.article-hero h1{font-size:2.5rem}.article-hero-excerpt{font-size:1.1rem}.article-content{padding:2.5rem 1.25rem 4rem}.article-content h2{font-size:1.75rem}.article-content h3{font-size:1.35rem}.article-content p{font-size:1.05rem}.article-inline-cta{margin:2rem 0;padding:1.5rem 1.25rem}.article-inline-cta-text{font-size:1rem}.article-author{padding:0 1.25rem 3rem}.article-related{padding:0 1.25rem 4rem}.article-related-grid{grid-template-columns:1fr;gap:2rem}}