.hero--blog {
  background:radial-gradient(circle at top left,rgba(207,161,74,0.12),transparent 55%),linear-gradient(135deg,rgba(250,248,244,1),rgba(233,225,212,0.85));
}
.hero-inner--blog {
  align-items:center;
}
.hero-copy {
  max-width:640px;
}
.hero-visual {
  max-width:520px;
  margin-left:auto;
}
.blog-filters {
  border-top:1px solid var(--color-border);
  border-bottom:1px solid var(--color-border);
}
.blog-filters-inner {
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--space-6);
}
.blog-filters-text {
  max-width:460px;
}
.blog-filters-chips {
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-3);
}
.blog-chip {
  padding:7px 16px;
  border-radius:var(--radius-pill);
  border:1px solid var(--color-border);
  background:rgba(255,255,255,0.9);
  font-size:var(--font-size-sm);
  color:var(--color-text);
  transition:background-color var(--transition-base),border-color var(--transition-base),transform var(--transition-fast),box-shadow var(--transition-base);
}
.blog-chip:hover {
  border-color:var(--color-accent);
  background:#FFFFFF;
  box-shadow:var(--shadow-soft);
  transform:translateY(-1px);
}
.blog-chip.is-active {
  border-color:var(--color-primary);
  background:rgba(45,116,104,0.08);
}
.blog-grid-section .container {
  display:grid;
  grid-template-columns:minmax(0,3fr) minmax(0,1.4fr);
  gap:var(--space-8);
  align-items:flex-start;
}
.blog-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-6);
}
.blog-card-media {
  position:relative;
  overflow:hidden;
  border-radius:var(--radius-lg);
  margin:-8px -8px var(--space-4);
}
.blog-card-media img {
  width:100%;
  height:220px;
  object-fit:cover;
  transform:scale(1.02);
  transition:transform var(--transition-slow);
}
.blog-card:hover .blog-card-media img {
  transform:scale(1.06);
}
.blog-card-media .badge {
  position:absolute;
  left:16px;
  top:16px;
  backdrop-filter:blur(10px);
}
.blog-card-body {
  padding-top:var(--space-2);
}
.blog-card-body--no-media {
  padding-top:0;
}
.blog-card-title {
  font-size:var(--font-size-2xl);
  margin-bottom:var(--space-3);
}
.blog-card-intro {
  font-size:var(--font-size-sm);
  color:var(--color-muted);
  margin-bottom:var(--space-4);
}
.blog-card-list {
  margin-bottom:var(--space-4);
}
.blog-card-list li {
  font-size:var(--font-size-sm);
}
.blog-card-meta {
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
  font-size:var(--font-size-xs);
  color:var(--color-muted);
}
.blog-card-link {
  font-size:var(--font-size-sm);
  font-weight:500;
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.blog-card-link::after {
  content:"\2197";
  font-size:12px;
}
.blog-sidebar {
  display:flex;
  flex-direction:column;
  gap:var(--space-6);
}
.blog-sidebar-card {
  padding:var(--space-5) var(--space-5);
}
.blog-sidebar-title {
  font-size:var(--font-size-xl);
  margin-bottom:var(--space-3);
}
.blog-sidebar-actions {
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-3);
  margin-top:var(--space-4);
}
.blog-sidebar-card--links {
  background:linear-gradient(145deg,rgba(250,248,244,0.96),rgba(233,225,212,0.96));
}
.blog-sidebar-links {
  list-style:none;
  padding-left:0;
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
  font-size:var(--font-size-sm);
}
.blog-sidebar-links a {
  color:var(--color-text);
}
.blog-sidebar-links a:hover {
  color:var(--color-primary);
}
@media (max-width:1100px) {
  .blog-grid-section .container {
    grid-template-columns:minmax(0,1.8fr) minmax(0,1.2fr);
  }
}
@media (max-width:960px) {
  .blog-grid-section .container {
    grid-template-columns:minmax(0,1fr);
  }
  .blog-sidebar {
    order:-1;
  }
}
@media (max-width:768px) {
  .blog-grid {
    grid-template-columns:minmax(0,1fr);
  }
  .hero--blog {
    padding-top:var(--space-16);
    padding-bottom:var(--space-16);
  }
  .blog-filters-inner {
    flex-direction:column;
  }
}