.blog{background-color:var(--bg)}.blog-inner{max-width:1100px;margin:0 auto;padding:9rem 2.5rem 4rem}.blog-head{max-width:640px;margin-bottom:3rem}.blog-eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.18em;color:var(--accent);font-size:.78rem;font-weight:600}.blog-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--fg);margin-top:1rem;font-size:clamp(2.3rem,5vw,4rem);font-weight:600;line-height:1.03}.blog-sub{color:var(--fg-muted);margin-top:1.25rem;font-size:1.12rem;line-height:1.6}.blog-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;display:grid}.blog-card{background-color:var(--surface);border:1px solid var(--line);flex-direction:column;gap:.75rem;padding:2rem 1.85rem 2.25rem;text-decoration:none;transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .4s;display:flex}.blog-card:hover{border-color:color-mix(in srgb, var(--accent) 42%, var(--line));transform:translateY(-5px)}.blog-card-meta{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--fg-muted);font-size:.68rem;font-weight:600}.blog-card-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--fg);font-size:1.4rem;font-weight:600;line-height:1.2}.blog-card-desc{color:var(--fg-muted);font-size:.98rem;line-height:1.55}.blog-card-more{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-top:auto;font-size:.75rem;font-weight:600}.post-inner{max-width:760px}.post-head{margin-bottom:2.5rem}.post-back{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-size:.78rem;font-weight:600;text-decoration:none}.post-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--fg);margin-top:1.25rem;font-size:clamp(2rem,4.2vw,3.2rem);font-weight:600;line-height:1.08}.post-meta{font-family:var(--font-mono);letter-spacing:.08em;color:var(--fg-muted);margin-top:1rem;font-size:.75rem;display:block}.post-p{color:var(--fg);margin-top:1.25rem;font-size:1.1rem;line-height:1.7}.post-h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--fg);margin-top:2.5rem;font-size:clamp(1.4rem,3vw,1.9rem);font-weight:600}.post-list{gap:.7rem;margin-top:1.25rem;padding:0;list-style:none;display:grid}.post-list li{color:var(--fg-muted);padding-left:1.7rem;font-size:1.05rem;line-height:1.5;position:relative}.post-list li:before{content:"";border-left:1.8px solid var(--accent);border-bottom:1.8px solid var(--accent);width:8px;height:5px;position:absolute;top:.45rem;left:0;transform:rotate(-45deg)}.post-related{background-color:var(--surface);border:1px solid var(--line);flex-direction:column;gap:.6rem;margin-top:3rem;padding:1.75rem;display:flex}.post-related span{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--fg-muted);font-size:.68rem;font-weight:600}.post-related-link{font-family:var(--font-display);color:var(--accent);font-size:1.2rem;font-weight:600;text-decoration:none}@media (max-width:900px){.blog-inner{padding:7rem 1.25rem 3rem}}
