.blog-hero{background:linear-gradient(135deg,#0f0f0fe6,#335bb7bf),url(/assets/background_1-CSYLc0zg.jpg) center/cover;color:var(--clr-light);min-height:70vh;display:flex;align-items:center;padding:8rem 2rem 5rem}.blog-hero__content{max-width:720px;margin:0;width:100%}.blog-hero .section__title--intro{max-width:100%;margin-bottom:1.25rem;overflow-wrap:anywhere}.blog-hero__lead{font-size:1.2rem;max-width:720px;margin-bottom:2rem}.blog-hero__cta{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.btn--ghost{border:2px solid var(--clr-light);background:transparent;color:var(--clr-light)}.blog-controls{background:var(--clr-light);padding:1rem 2rem;border-bottom:1px solid var(--clr-gray)}.blog-filters{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.blog-chip{border:1px solid var(--clr-dark);background:transparent;color:var(--clr-dark);border-radius:999px;padding:.5rem 1.25rem;font-size:.9rem;cursor:pointer;transition:all .18s ease}.blog-chip--active,.blog-chip:hover{background:var(--clr-accent);border-color:var(--clr-accent);color:var(--clr-light)}.blog-posts{background:var(--clr-gray);padding:4rem 2rem}.blog-post-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.blog-card{background:var(--clr-light);border-radius:1rem;box-shadow:var(--bs);display:flex;flex-direction:column;overflow:hidden}.blog-card__image{height:200px;object-fit:cover;width:100%}.blog-card__body{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.blog-card__meta{font-size:.85rem;color:#555}.blog-card__tags{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.blog-card__excerpt p{margin:0}.blog-card__cta{margin-top:auto}.blog-empty-state{text-align:center;grid-column:1 / -1;padding:2rem}.blog-social{padding:4rem 2rem 5rem;background:var(--clr-dark);color:var(--clr-light)}.blog-social__header{max-width:900px;margin:0 auto 2rem;text-align:center}.blog-social__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto}.blog-social__panel{background:#ffffff0d;border-radius:1rem;padding:1.25rem;min-height:320px;display:flex;flex-direction:column}.panel-title{display:flex;align-items:center;gap:.75rem;font-weight:var(--fw-bold);margin-bottom:1rem}.social-feed{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem}.social-card{border-radius:.75rem;background:#ffffff14;padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.social-card__thumb{width:100%;height:120px;border-radius:.5rem;object-fit:cover}.social-card__caption{font-size:.8rem;line-height:1.3}.social-card__meta{font-size:.75rem;color:#ffffffb3}.blog-article{background:var(--clr-light);padding:4rem 2rem 5rem}.article-layout{max-width:960px;margin:0 auto}.article-hero{margin-bottom:2.5rem}.article-hero__image{width:100%;border-radius:1rem;box-shadow:var(--bs);max-height:480px;object-fit:cover}.article-meta{display:flex;flex-wrap:wrap;gap:1rem;margin:1rem 0;font-size:.95rem;color:#444}.article-content{line-height:1.8;font-size:1.05rem}.article-content h1,.article-content h2,.article-content h3{margin-top:1.8rem;margin-bottom:.6rem}.article-content blockquote{border-left:3px solid var(--clr-accent);padding-left:1rem;color:#333;font-style:italic;background:#335bb70d}.article-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2rem}.article-tag{border:1px solid var(--clr-dark);padding:.35rem .9rem;border-radius:999px;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.article-backlink{margin-top:3rem}.article-share{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--clr-gray);display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.article-share__actions a{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--clr-dark);padding:.5rem .9rem;border-radius:999px;text-decoration:none;color:var(--clr-dark)}@media(max-width:768px){.blog-hero{padding-top:5rem}.blog-card__image{height:180px}}@media(max-width:600px){.blog-hero{padding:6.5rem 1.25rem 4rem;min-height:auto}.blog-hero__cta{flex-direction:column;align-items:stretch}.blog-hero__cta .btn{width:100%;padding:1em 1.1em;text-align:center}.blog-posts,.blog-social,.blog-controls{padding-left:1.25rem;padding-right:1.25rem}.blog-post-list,.blog-social__grid{grid-template-columns:minmax(0,1fr)}}