.blog-post{padding:var(--spacing-xl) 0;min-height:100vh;display:flex;flex-direction:column;align-items:center}.blog-post__container{display:flex;flex-direction:column;gap:var(--spacing-3xl);width:100%;padding:var(--spacing-2xl) var(--spacing-s)}@media screen and (width >= 1024px){.blog-post__container{padding:var(--spacing-2xl) var(--spacing-4xl);max-width:1200px}}.blog-post__header{display:flex;flex-direction:column;gap:var(--spacing-l);text-align:center}.blog-post__header__title{font-family:Power Grotesk,Arial,Helvetica,sans-serif;font-weight:950;font-size:clamp(2.875rem,-1.078rem + 4.792vw,4.313rem);line-height:1.04;letter-spacing:0;text-transform:uppercase;color:var(--content-primary);margin:0}@media screen and (width < 1320px){.blog-post__header__title{font-size:clamp(2.25rem,1.92rem + 1.408vw,3.188rem)}}.blog-post__header__meta{display:flex;flex-wrap:wrap;gap:var(--spacing-m);justify-content:space-between;align-items:center}.blog-post__header__meta__right{display:flex;gap:var(--spacing-m);align-items:center}.blog-post__header__meta__date,.blog-post__header__meta__author{font-family:Power Grotesk,Arial,Helvetica,sans-serif;font-weight:400;font-size:.75rem;line-height:1.16;letter-spacing:.23em;text-transform:uppercase;text-transform:none;font-size:.875rem;color:var(--content-secondary)}.blog-post__header__tags{display:flex;flex-wrap:wrap;gap:var(--spacing-s);align-items:center}.blog-post__header__tags__tag{font-family:Power Grotesk,Arial,Helvetica,sans-serif;font-weight:400;font-size:.75rem;line-height:1.16;letter-spacing:.23em;text-transform:uppercase;font-size:.625rem;padding:4px 12px;border-radius:4px;background:var(--surface-brand);color:var(--content-primary);opacity:.8}.blog-post__image{width:100%;max-width:800px;margin:0 auto;border-radius:12px;overflow:hidden;aspect-ratio:680/272}.blog-post__image img{width:100%;height:100%;object-fit:cover;border-radius:12px}.blog-post__content__markdown{font-family:Power Grotesk,Arial,Helvetica,sans-serif;font-weight:300;font-size:1.125rem;line-height:1.2;letter-spacing:.04em;color:var(--content-primary);line-height:1.8}.blog-post__content__markdown h1,.blog-post__content__markdown h2,.blog-post__content__markdown h3,.blog-post__content__markdown h4,.blog-post__content__markdown h5,.blog-post__content__markdown h6{color:var(--content-primary);margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-l)}.blog-post__content__markdown h1{font-family:Power Grotesk,Arial,Helvetica,sans-serif;font-weight:950;font-size:clamp(2.875rem,-1.078rem + 4.792vw,4.313rem);line-height:1.04;letter-spacing:0;text-transform:uppercase}@media screen and (width < 1320px){.blog-post__content__markdown h1{font-size:clamp(2.25rem,1.92rem + 1.408vw,3.188rem)}}.blog-post__content__markdown h2{font-family:Power Grotesk,Arial,Helvetica,sans-serif;font-weight:950;font-size:clamp(2.625rem,1.125rem + 1.667vw,3rem);line-height:1.16;letter-spacing:0;text-transform:uppercase}@media screen and (width < 1320px){.blog-post__content__markdown h2{font-size:clamp(2rem,1.78rem + .939vw,2.625rem)}}.blog-post__content__markdown h3{font-family:Power Grotesk,Arial,Helvetica,sans-serif;font-weight:700;font-size:clamp(1.5rem,.5rem + 1.111vw,1.75rem);line-height:1.15;letter-spacing:0}@media screen and (width < 1320px){.blog-post__content__markdown h3{font-size:1.5rem}}.blog-post__content__markdown h4,.blog-post__content__markdown h5,.blog-post__content__markdown h6{font-family:Power Grotesk,Arial,Helvetica,sans-serif;font-weight:700;font-size:clamp(1.438rem,1.438rem + 0vw,1.438rem);line-height:1.4;letter-spacing:0;text-transform:none}.blog-post__content__markdown p{margin-bottom:var(--spacing-l);color:var(--content-secondary)}.blog-post__content__markdown ul,.blog-post__content__markdown ol{margin-bottom:var(--spacing-l);padding-left:var(--spacing-xl);color:var(--content-secondary);list-style-type:none}.blog-post__content__markdown ul li,.blog-post__content__markdown ol li{margin-bottom:var(--spacing-s)}.blog-post__content__markdown ol{list-style-type:decimal}.blog-post__content__markdown code{background:var(--background-inverse);padding:2px 6px;border-radius:4px;font-family:monospace;font-size:.9rem;color:var(--content-primary)}.blog-post__content__markdown strong{color:var(--content-primary);font-weight:600}.blog-post__content__markdown em{font-style:italic}.blog-post__content__markdown a{color:var(--content-brand);text-decoration:underline}.blog-post__content__markdown img{max-width:100%;height:auto;border-radius:12px;margin:var(--spacing-2xl) auto;display:block}
