/* LaserDesign Blog Intro Frame */

body.home .ld-home-blog .ld-section-head,
body.home .ld-home-blog .section-head,
body.home .ld-home-blog__intro,
body.home .ld-home-blog .ld-blog-intro,
body.home .ld-home-blog > .container > .ld-grid:first-child,
body.home .ld-home-blog > .container > .grid:first-child {
  border: 1px solid rgba(217, 207, 195, 0.85);
  border-radius: 28px;
  background: #fffdfa;
  box-shadow: 0 12px 28px rgba(42, 39, 36, 0.04);
  padding: clamp(24px, 3vw, 40px);
  margin-bottom: 28px;
}

body.home .ld-home-blog .ld-section-head,
body.home .ld-home-blog .section-head,
body.home .ld-home-blog__intro {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr);
  gap: clamp(20px, 3vw, 48px);
  align-items: start;
}

body.home .ld-home-blog .ld-section-head .eyebrow,
body.home .ld-home-blog .section-head .eyebrow,
body.home .ld-home-blog__intro .eyebrow,
body.home .ld-home-blog .ld-section-head > *:first-child .eyebrow,
body.home .ld-home-blog .section-head > *:first-child .eyebrow {
  margin-bottom: 10px;
}

body.home .ld-home-blog .ld-section-head h2,
body.home .ld-home-blog .section-head h2,
body.home .ld-home-blog__intro h2,
body.home .ld-home-blog .ld-section-head .section-title,
body.home .ld-home-blog .section-head .section-title {
  margin: 0;
}

body.home .ld-home-blog .ld-section-head p,
body.home .ld-home-blog .section-head p,
body.home .ld-home-blog__intro p {
  margin: 0;
  align-self: center;
  max-width: 52ch;
  color: #6b5e52;
}

body.home .ld-home-blog .ld-blog-grid,
body.home .ld-home-blog .blog-grid {
  align-items: stretch;
}

@media (max-width: 900px) {
  body.home .ld-home-blog .ld-section-head,
  body.home .ld-home-blog .section-head,
  body.home .ld-home-blog__intro,
  body.home .ld-home-blog .ld-blog-intro,
  body.home .ld-home-blog > .container > .ld-grid:first-child,
  body.home .ld-home-blog > .container > .grid:first-child {
    border-radius: 22px;
    padding: 20px;
  }

  body.home .ld-home-blog .ld-section-head,
  body.home .ld-home-blog .section-head,
  body.home .ld-home-blog__intro {
    grid-template-columns: 1fr;
    gap: 14px;
  }
}
