adjust line clamp, hero image height

vue-theme/src/pages/index.vue

             firstRow: ['episode', 'exhibition', 'event', 'short', 'post'],
             secondRow: 'artist', // This is only ONE post
             thirdRow: ['object', 'technique', 'publication', 'center', 'guide'],
+            // ideal iteration
+            // thirdRow: ['object', 'talks', 'publication', 'center', 'guide'],
         }
     },
     async created() {
                     .featured-or-hero-image img
                         max-height: $max-card-img-height
                     p.excerpt
-                        -webkit-line-clamp: calc($card-line-clamp * 2)
+                        -webkit-line-clamp: $card-line-clamp
             &.max 
                 > ul
                     grid-template-columns: 
                         margin: 0
                         min-height: 10em
                         &:nth-of-type(2), &:nth-of-type(3), &:nth-of-type(4), &:nth-of-type(5)
-                            p.excerpt
-                                -webkit-line-clamp: $card-line-clamp
+                            /* p.excerpt
+                                -webkit-line-clamp: $card-line-clamp */
                             .featured-or-hero-image img
-                                max-height: calc($max-card-img-height / 2)
+                                /* max-height: calc($max-card-img-height / 2) */
+                                max-height: $max-card-img-height
                         /* n1 episode */
                         &:nth-of-type(1)
                             grid-column-start: 1