.blog-shell{color:#f8f4ed;background:radial-gradient(circle at 50% -20%,#b7261f47,#0000 42rem),#121212;min-height:100vh}.blog-header,.blog-main,.blog-footer{width:min(1120px,100% - 40px);margin:0 auto}.blog-header{justify-content:space-between;align-items:center;gap:24px;padding:24px 0;display:flex}.blog-logo{align-items:center;display:inline-flex}.blog-nav{align-items:center;gap:18px;font-size:.92rem;display:flex}.blog-nav a{color:#f8f4edb8;text-decoration:none}.blog-nav a:hover{color:#f8f4ed}.blog-main{padding:84px 0 96px}.blog-hero{max-width:760px}.blog-kicker{color:#d9a441;letter-spacing:.12em;text-transform:uppercase;margin:0 0 18px;font-size:.78rem;font-weight:700}.blog-hero h1,.blog-post-header h1{font-family:var(--font-tiktok-sans),var(--font-geist),sans-serif;letter-spacing:0;margin:0;font-size:clamp(3rem,7vw,6.5rem);line-height:.88}.blog-hero p,.blog-post-subtitle{color:#f8f4edb8;max-width:680px;margin:24px 0 0;font-size:clamp(1.05rem,1.8vw,1.35rem);line-height:1.55}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:64px;display:grid}.blog-card{min-height:260px;color:inherit;background:#f8f4ed0f;border:1px solid #f8f4ed29;border-radius:8px;flex-direction:column;justify-content:space-between;padding:24px;text-decoration:none;transition:border-color .18s,background .18s,transform .18s;display:flex}.blog-card:hover{background:#f8f4ed17;border-color:#d9a441b3;transform:translateY(-2px)}.blog-date{color:#f8f4ed85;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:700}.blog-card h2{letter-spacing:0;margin:28px 0 12px;font-size:1.45rem;line-height:1.08}.blog-card p,.blog-empty{color:#f8f4edad;margin:0;line-height:1.55}.blog-empty{border-left:2px solid #d9a441;max-width:560px;margin-top:48px;padding-left:18px}.blog-post-header{max-width:850px}.blog-post-meta{margin:0 0 22px}.blog-content{color:#f8f4edd1;max-width:760px;margin-top:64px;font-size:1.08rem;line-height:1.8}.blog-content h2,.blog-content h3{color:#f8f4ed;letter-spacing:0;line-height:1.08}.blog-content h2{margin:56px 0 14px;font-size:2rem}.blog-content h3{margin:40px 0 12px;font-size:1.35rem}.blog-content p,.blog-content ul,.blog-content ol,.blog-content blockquote{margin:0 0 22px}.blog-content a{color:#f1c15d;text-underline-offset:4px;text-decoration-thickness:1px}.blog-content blockquote{color:#f8f4edb8;border-left:2px solid #d9a441;padding-left:20px}.blog-content code{color:#f8f4ed;background:#f8f4ed14;border:1px solid #f8f4ed24;border-radius:4px;padding:.12em .32em}.blog-footer{color:#f8f4ed80;border-top:1px solid #f8f4ed1f;justify-content:space-between;gap:20px;padding:28px 0;font-size:.88rem;display:flex}.blog-footer a{color:#f8f4edb8;text-decoration:none}@media (max-width:840px){.blog-grid{grid-template-columns:1fr}.blog-main{padding:56px 0 72px}}@media (max-width:620px){.blog-header,.blog-footer{flex-direction:column;align-items:flex-start}.blog-nav{flex-wrap:wrap}.blog-hero h1,.blog-post-header h1{font-size:3.2rem}}