.blog{
  margin-top: var(--margin-section-exlg);
}.blog-card{
  background: #cecece66;
  max-height: 400px;
  overflow: hidden;
  border-radius: 8px;
  list-style: none;
  position: relative;
  text-align: start;
  box-shadow: #b1b1b166 0 4px;
}.blog-card:before{
  content: '';
  display: block;
  width: 100%;
}.blog-card-content{
  padding: 20px 25px;
}.blog-card-heading{
  line-height: 1.25;
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 5px;
}.blog-card-heading a{
  color: #000;
  text-decoration: underline;
}.blog-card-heading a:hover{
  transition: .2s;
  color: #9f9f9f;
}.blog-card-date{
  font-size: 14px;
  line-height: 1.25;
  font-weight: 400;
  opacity: 80%;
  border-bottom: #000 1px dotted;
}.blog-summary{
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1.35;
  font-size: 14px;
  margin-top: 5px;
}.blog-card-grid{
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-column-gap: var(--spacing-l);
  grid-row-gap: var(--spacing-l);
  max-width: var(--width-container);
  width: 100%;
}