.blog-page{padding-top:80px}.blog-hero{background:var(--navy);color:#fff;padding:64px max(20px, calc((100vw - var(--container)) / 2)) 48px}.blog-hero-inner{max-width:680px}.blog-hero h1{font-family:var(--font-heading);margin-bottom:16px;font-size:clamp(2rem,4vw,3rem);line-height:1.1}.blog-hero-desc{color:#ffffffbf;font-size:1.05rem;line-height:1.6}.blog-filters{padding:24px max(20px, calc((100vw - var(--container)) / 2));border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px;display:flex}.filter-btn{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:20px;padding:8px 18px;font-size:.88rem;font-weight:600;transition:all .2s}.filter-btn:hover{border-color:var(--teal);color:var(--teal)}.filter-btn.active{background:var(--teal);border-color:var(--teal);color:#fff}.blog-grid-wrapper{padding:32px max(20px, calc((100vw - var(--container)) / 2)) 64px}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px;display:grid}.blog-card{border-radius:var(--radius);border:1px solid var(--line);flex-direction:column;transition:box-shadow .25s,transform .25s;display:flex;overflow:hidden}.blog-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.blog-card-image{aspect-ratio:16/10;overflow:hidden}.blog-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-body{flex-direction:column;flex:1;padding:20px;display:flex}.blog-card-meta{color:var(--muted);gap:12px;margin-bottom:10px;font-size:.78rem;display:flex}.blog-card-category{color:var(--teal);text-transform:uppercase;letter-spacing:.04em;font-weight:700}.blog-card-title{font-family:var(--font-heading);margin-bottom:8px;font-size:1.18rem;font-weight:700;line-height:1.25}.blog-card-excerpt{color:var(--muted);flex:1;font-size:.9rem;line-height:1.5}.blog-card-link{color:var(--teal);align-items:center;gap:4px;margin-top:14px;font-size:.88rem;font-weight:700;display:inline-flex}.blog-card-link:after{content:"→"}.blog-load-more{border:2px solid var(--teal);color:var(--teal);cursor:pointer;background:0 0;border-radius:6px;margin:40px auto 0;padding:12px 32px;font-size:.95rem;font-weight:700;transition:all .2s;display:block}.blog-load-more:hover{background:var(--teal);color:#fff}.blog-load-more.hidden{display:none}.blog-post-page{padding-top:80px}.blog-article-hero{background-position:50%;background-size:cover;background-color:var(--navy);width:100%;height:420px}.blog-article-body{max-width:780px;margin:0 auto;padding:32px 20px 64px}.blog-article-meta{color:var(--muted);align-items:center;gap:16px;margin-bottom:20px;font-size:.85rem;display:flex}.blog-back-link{color:var(--teal);font-weight:700}.blog-back-link:before{content:"←"}.blog-article-category{color:var(--teal);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:700}.blog-article-title{font-family:var(--font-heading);letter-spacing:-.01em;margin-bottom:32px;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700;line-height:1.12}.blog-article-content{color:#2d3748;font-size:1.08rem;line-height:1.85}.blog-article-content h2{font-family:var(--font-heading);color:var(--ink);margin-top:44px;margin-bottom:16px;font-size:1.55rem;font-weight:700}.blog-article-content h3{color:var(--ink);margin-top:32px;margin-bottom:12px;font-size:1.2rem;font-weight:700}.blog-article-content p{color:#374151;margin-bottom:20px}.blog-article-content ul{margin:0 0 16px;padding-left:24px}.blog-article-content li{margin-bottom:6px}.blog-article-content .article-image{border-radius:var(--radius);margin:32px 0;overflow:hidden}.blog-article-content .article-image img{border-radius:var(--radius);width:100%;height:auto;display:block}.blog-article-content .article-image figcaption{color:var(--muted);text-align:center;margin-top:8px;font-size:.78rem}.blog-article-cta{border-radius:var(--radius);background:var(--soft);text-align:center;margin-top:48px;padding:28px}.blog-article-cta p{margin-bottom:16px;font-size:1.1rem;font-weight:600}@media (width<=720px){.blog-grid{grid-template-columns:1fr}.blog-article-hero{height:260px}.blog-article-meta{flex-wrap:wrap;gap:8px}}