.blog-article{padding:clamp(5rem,12vh,8.75rem) var(--space-section-x) clamp(4rem,8vw,7rem);min-height:100vh;min-height:100dvh}.blog-article-inner{max-width:44rem;margin:0 auto}.blog-article-header{margin-bottom:3rem}.blog-article-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.blog-article-tag{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:99px;background:rgba(169,75,230,.18);border:1px solid rgba(201,140,243,.3);color:var(--color-brand-3);font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.blog-article-read-time{color:var(--color-text-4);font-size:.875rem}.blog-article-title{margin:0;font-family:var(--font-display),var(--font-sans),sans-serif;font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.1;letter-spacing:-.03em;color:var(--color-text-1)}.blog-article-byline{margin:1rem 0 0;color:var(--color-text-4);font-size:.9375rem;font-style:italic}.blog-article-divider{margin-top:2rem;height:1px;background:linear-gradient(90deg,rgba(201,140,243,.35),rgba(201,140,243,.05))}.blog-article-body{display:grid;grid-gap:1.5rem;gap:1.5rem}.blog-article-body p,.blog-article-body ul{margin:0}.blog-article-body p{color:var(--color-text-2);font-size:clamp(1rem,2vw,1.125rem);line-height:1.75}.blog-article-body strong{color:var(--color-text-1);font-weight:600}.blog-article-body h2{margin:.75rem 0 0;font-family:var(--font-display),var(--font-sans),sans-serif;font-size:clamp(1.25rem,3vw,1.625rem);font-weight:700;letter-spacing:-.02em;line-height:1.2;color:var(--color-text-1)}.blog-article-callout{position:relative;padding:1.25rem 1.5rem;border-radius:.75rem;background:rgba(130,6,197,.12);border:1px solid rgba(201,140,243,.2);color:var(--color-text-2)!important}.blog-article-callout:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:99px 0 0 99px;background:linear-gradient(to bottom,var(--color-brand-4),var(--color-brand-6))}.blog-article-list{list-style:none;padding:0;margin:0;display:grid;grid-gap:.875rem;gap:.875rem}.blog-article-list li{position:relative;padding-left:1.5rem;color:var(--color-text-2);font-size:clamp(1rem,2vw,1.125rem);line-height:1.65}.blog-article-list li:before{content:"";position:absolute;left:0;top:.65em;width:6px;height:6px;border-radius:50%;background:var(--color-brand-5)}.blog-article-footer{margin-top:1rem;padding-top:2rem;border-top:1px solid rgba(201,140,243,.12)}.blog-article-attribution{color:var(--color-text-4)!important;font-size:.9375rem!important;font-style:italic;line-height:1.6!important}.blog-article-banner{position:relative;margin-top:4rem;border-radius:1.25rem;overflow:hidden;background:linear-gradient(135deg,rgba(130,6,197,.28),rgba(64,1,98,.38) 50%,rgba(37,1,53,.5));border:1px solid rgba(201,140,243,.22);box-shadow:inset 0 0 0 1px rgba(130,6,197,.12),0 24px 48px rgba(0,0,0,.35)}.blog-article-banner-glow{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(169,75,230,.22),transparent 70%);pointer-events:none}.blog-article-banner-content{position:relative;padding:2.5rem 2.25rem;display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.blog-article-banner-title{margin:0;font-family:var(--font-display),var(--font-sans),sans-serif;font-size:clamp(1.375rem,3vw,1.75rem);font-weight:700;letter-spacing:-.02em;line-height:1.2;color:var(--color-text-1)}.blog-article-banner-subtitle{margin:0;font-size:clamp(.9375rem,2vw,1.0625rem);line-height:1.65;color:var(--color-text-3);max-width:36rem}@media(max-width:45rem){.blog-article{padding-top:5.5rem}.blog-article-body{gap:1.25rem}.blog-article-body h2{margin-top:.5rem}.blog-article-callout{padding:1rem 1.125rem}.blog-article-banner{margin-top:3rem;border-radius:1rem}.blog-article-banner-content{padding:1.75rem 1.375rem}}