.blog-post{min-height:100vh}.blog-post__hero{text-align:center;padding:var(--spacing-3xl) var(--container-padding) var(--spacing-md);max-width:var(--max-width-site);margin:0 auto}.blog-post__tags{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-bottom:var(--spacing-md)}.blog-post__tag{font-family:var(--font-ui);font-size:1rem;font-weight:400;color:#141413;text-decoration:none;-webkit-text-stroke:.3px currentColor}.blog-post__title{font-family:Styrene A,system-ui,-apple-system,sans-serif;font-size:clamp(2rem,4.5vw,3.125rem);font-weight:600;color:#141413;letter-spacing:-.02em;line-height:1.1;margin:0 0 var(--spacing-md) 0;max-width:900px;margin-left:auto;margin-right:auto}.blog-post__date{font-family:var(--font-ui);font-size:1rem;color:#141413;margin-bottom:var(--spacing-xl)}.blog-post__cover{width:100%;max-width:900px;aspect-ratio:16 / 9;border-radius:var(--radius-lg);margin:var(--spacing-lg) auto 0;display:flex;align-items:center;justify-content:center;overflow:hidden;filter:saturate(1.15) brightness(1.02)}.blog-post__cover-image{max-width:70%;max-height:70%;object-fit:contain}.blog-post__cover-icon{max-width:60%;max-height:70%;width:auto;height:auto;object-fit:contain}.blog-post__body{max-width:780px;margin:0 auto;padding:var(--spacing-xl) var(--container-padding)}.blog-post__content h2{font-family:Styrene A,system-ui,-apple-system,sans-serif;font-size:clamp(1.5rem,3vw,1.875rem);font-weight:500;letter-spacing:-.01em;margin:var(--spacing-xl) 0 var(--spacing-md) 0;color:#141413}.blog-post__content h3{font-family:Styrene A,system-ui,-apple-system,sans-serif;font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:500;letter-spacing:-.01em;margin:var(--spacing-lg) 0 var(--spacing-sm) 0;color:#141413}.blog-post__content p{font-family:var(--font-body);font-size:1.0625rem;line-height:1.7;margin-bottom:var(--spacing-md);color:#141413}.blog-post__content img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:var(--spacing-lg) 0}.blog-post__content blockquote{font-family:var(--font-serif);font-size:1.1875rem;font-style:italic;color:var(--color-text-muted);border-left:3px solid var(--color-border);padding-left:var(--spacing-md);margin:var(--spacing-lg) 0}.blog-post__content blockquote p{font-family:inherit;font-size:inherit;color:inherit}.blog-post__content ul,.blog-post__content ol{font-family:var(--font-body);font-size:1.0625rem;line-height:1.7;margin-bottom:var(--spacing-md);padding-left:1.5rem}.blog-post__content li{margin-bottom:.5rem}.blog-post__content strong{font-weight:var(--font-weight-semibold)}.blog-post__content a{color:var(--color-text);text-decoration:underline;text-underline-offset:2px;transition:opacity var(--transition-fast)}.blog-post__content a:hover{opacity:.7}.blog-post__divider{max-width:var(--max-width-site);margin:var(--spacing-xl) auto var(--spacing-md);padding:0 var(--container-padding)}.blog-post__divider:after{content:"";display:block;border-top:1px solid #141413}.blog-post__share{max-width:var(--max-width-site);margin:0 auto;padding:0 var(--container-padding);display:flex;gap:.5rem}.blog-post__share-link{color:#141413;display:flex;align-items:center;justify-content:center}.blog-post__related{max-width:var(--max-width-site);margin:var(--spacing-xl) auto 0;padding:var(--spacing-2xl) var(--container-padding)}.blog-post__related-title{font-family:Styrene A,system-ui,-apple-system,sans-serif;font-size:1.5rem;font-weight:600;text-align:center;margin-bottom:var(--spacing-lg)}.blog-post__related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.blog-post__related-card{text-decoration:none;color:inherit;padding:var(--spacing-md);border-radius:var(--radius-md);transition:background var(--transition-fast)}.blog-post__related-card:hover{background:#00000008}.blog-post__related-date{font-family:var(--font-ui);font-size:var(--font-size-xs);color:var(--color-text-muted)}.blog-post__related-heading{font-family:Styrene A,system-ui,-apple-system,sans-serif;font-size:var(--font-size-xl);font-weight:600;margin:.5rem 0;color:var(--color-text)}.blog-post__related-subtitle{font-family:var(--font-body);font-size:var(--font-size-base);color:var(--color-text-muted);line-height:1.5}@media (max-width: 1024px){.blog-post__related-grid{grid-template-columns:1fr}}@media (max-width: 768px){.blog-post__hero,.blog-post__body{padding:var(--spacing-xl) var(--container-padding)}.blog-post__cover{max-width:100%}}