/* === Blog Section Styles === */
.blog {
  padding: 120px 0;
  background: var(--bg-alt);
  color: var(--color-contrast);
}

.blog-image {
  width: 100%;
  max-width: 1000px;
  height: 500px;
  object-fit: cover;
  margin: 0 auto 40px;
  border-radius: var(--radius);
  box-shadow: var(--shadow-default);
}

.blog-header {
  padding-bottom: 10px;
  border-bottom: 2px solid var(--color-accent);
  margin-bottom: 35px;
}

.blog-header .title {
  margin-bottom: 20px;
  color: var(--color-accent);
}

.blog-info {
  font-size: 0.9rem;
  color: var(--color-muted);
  margin-bottom: 8px;
}

.blog-content {
  margin-bottom: 35px;
}

.blog-content .subtitle {
  margin-bottom: 13px;
  color: var(--color-primary);
}

.blog-content .descr {
  line-height: 1.6;
}

blockquote.quote {
  font-size: 1.2rem;
  font-style: italic;
  color: var(--color-muted);
  border-left: 4px solid var(--color-accent);
  padding-left: 16px;
  margin: 0 0 35px;
  background: rgba(255, 111, 97, 0.1);
}