.blog { padding-bottom: var(--section-gap); }

.page-blog .page-head__title { font-size: var(--text-h1-sm); }

.blog-lead {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  margin-bottom: 44px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-section);
  background: var(--color-surface);
  overflow: hidden;
}

.blog-lead__frame { display: flex; }

.blog-lead__frame .ph {
  flex: 1;
  min-height: 400px;
  border-radius: 0;
}

.blog-lead__body {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 48px;
}

.blog-lead__meta {
  font-weight: var(--weight-semibold);
  font-size: var(--text-4xs);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--color-accent-text);
}

.blog-lead__title {
  margin: 0;
  font-family: var(--font-display);
  font-weight: var(--weight-light);

  font-size: 40px;
  line-height: 1.08;
}

.blog-lead__text {
  margin: 0;
  font-size: var(--text-base);
  line-height: 1.65;
  color: var(--color-text-body);
}

.blog-lead__more {
  margin-top: auto;
  padding-top: 32px;
  font-weight: var(--weight-semibold);
  font-size: var(--text-2xs);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--color-accent-text);
}

.blog__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.page-blog .guide__title { font-size: 23px; }

.blog-cta { padding-bottom: var(--section-gap); }

.blog-cta__box {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center;
  gap: 32px;
  padding: var(--pad-section);
  border-radius: var(--radius-section);
  background: var(--color-good-soft);
}

.blog-cta__title {
  margin: 0 0 12px;
  font-family: var(--font-display);
  font-weight: var(--weight-light);
  font-size: var(--text-h3);
  line-height: var(--leading-h2);
}

.blog-cta__text {
  margin: 0;
  font-size: var(--text-sm);
  line-height: var(--leading-body);
  color: var(--color-text-body);
}

.blog-cta__action { justify-self: end; }

@media (max-width: 1239.98px) {
  .blog-lead__body { padding: 40px; }
}

@media (max-width: 1023.98px) {
  .blog-lead__title { font-size: 32px; }

  .blog-lead { grid-template-columns: minmax(0, 1fr); }
  .blog-lead__frame .ph { min-height: 280px; }
  .blog-lead__body { padding: 32px; }

  .blog__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

  .blog-cta__box {
    grid-template-columns: minmax(0, 1fr);
    padding: var(--pad-section-sm);
  }

  .blog-cta__action { justify-self: start; }
}

@media (max-width: 767.98px) {
  .blog-lead { margin-bottom: 28px; }
  .blog-lead__title { font-size: 27px; }
  .blog-lead__frame .ph { min-height: 200px; }
  .blog-lead__body { padding: 24px; gap: 12px; }

  .blog-lead__more {
    display: flex;
    align-items: flex-end;
    min-height: var(--tap-min);
    padding-top: 20px;
  }

  .blog__grid { grid-template-columns: minmax(0, 1fr); }

  .blog-cta__action .btn { width: 100%; }
}