.pg-hero{padding:8rem 0 3rem;border-bottom:1px solid var(--border)}.pg-hero-inner{max-width:40rem}.pg-breadcrumb{display:flex;align-items:center;gap:.5rem;font-family:var(--mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted-fg);margin-bottom:1.5rem}.pg-breadcrumb a{color:var(--primary);transition:opacity .3s}.pg-breadcrumb a:hover{opacity:.7}.pg-sep{color:var(--border)}.pg-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;letter-spacing:-.02em}.pg-desc{margin-top:.75rem;font-family:var(--mono);font-size:.875rem;color:var(--muted-fg);line-height:1.6;max-width:36rem}.filter-bar{padding:2rem 0;border-bottom:1px solid var(--border)}.filter-bar .container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.filter-inner{display:flex;flex-wrap:wrap;gap:.5rem}.filter-btn{font-family:var(--mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted-fg);border:1px solid var(--border);padding:.5rem 1rem;background:transparent;cursor:pointer;transition:border-color .3s,color .3s,background .3s}.filter-btn:hover{border-color:color-mix(in oklch,var(--primary) 40%,transparent);color:var(--fg)}.filter-btn.active{background:var(--primary);color:var(--primary-fg);border-color:var(--primary)}.post-count{font-family:var(--mono);font-size:.75rem;color:var(--muted-fg);letter-spacing:.05em}.blog-feat-sect{padding:3rem 0 0}.blog-feat{display:block;border:1px solid var(--border);overflow:hidden;transition:border-color .3s}.blog-feat:hover{border-color:color-mix(in oklch,var(--primary) 40%,transparent)}.blog-feat-inner{display:grid;grid-template-columns:1fr}.blog-feat-img{position:relative;aspect-ratio:16/10;overflow:hidden}.blog-feat-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.blog-feat:hover .blog-feat-img img{transform:scale(1.05)}.blog-feat-dim{position:absolute;inset:0;background:color-mix(in oklch,var(--bg) 20%,transparent)}.blog-feat-content{padding:2rem}.blog-feat-meta-top{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.blog-feat-title{font-size:clamp(1.25rem,3vw,1.75rem);font-weight:700;letter-spacing:-.01em;line-height:1.3;transition:color .3s}.blog-feat:hover .blog-feat-title{color:var(--primary)}.blog-feat-excerpt{margin-top:.75rem;font-size:1rem;color:var(--muted-fg);line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-feat-foot{display:flex;align-items:center;justify-content:space-between;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border);flex-wrap:wrap;gap:.75rem}.blog-feat-tags{display:flex;flex-wrap:wrap;gap:.375rem}.blog-tag{font-family:var(--mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-fg);border:1px solid var(--border);padding:.25rem .5rem;transition:border-color .3s}.blog-feat:hover .blog-tag{border-color:color-mix(in oklch,var(--primary) 30%,transparent)}@media(min-width:768px){.blog-feat-inner{grid-template-columns:1fr 1fr}.blog-feat-img{aspect-ratio:auto}}.blog-all-sect{padding:3rem 0 6rem}.blog-full-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}.blog-card{display:block;overflow:hidden;border:1px solid var(--border);background:var(--card);transition:border-color .3s}.blog-card:hover{border-color:color-mix(in oklch,var(--primary) 40%,transparent)}.blog-img-wrap{position:relative;aspect-ratio:16/10;overflow:hidden}.blog-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.blog-card:hover .blog-img-wrap img{transform:scale(1.05)}.blog-img-dim{position:absolute;inset:0;background:color-mix(in oklch,var(--bg) 20%,transparent)}.blog-body{padding:1.25rem}.blog-top-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.blog-cat{font-family:var(--mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--primary)}.blog-sep{color:var(--border)}.blog-rt{font-family:var(--mono);font-size:.75rem;color:var(--muted-fg)}.blog-title{font-size:1rem;font-weight:700;color:var(--card-fg);line-height:1.4;transition:color .3s}.blog-card:hover .blog-title{color:var(--primary)}.blog-excerpt{margin-top:.5rem;font-size:.875rem;color:var(--muted-fg);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-foot{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.blog-date{font-family:var(--mono);font-size:.75rem;color:var(--muted-fg)}.blog-arrow{color:var(--muted-fg);transition:color .3s}.blog-card:hover .blog-arrow{color:var(--primary)}@media(min-width:640px){.blog-full-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.blog-full-grid{grid-template-columns:repeat(3,1fr)}}