.template-card{transition:transform .32s cubic-bezier(.22,.61,.36,1)}.template-card .card-cover-wrapper{aspect-ratio:328/210;background:#fafafb;border:1px solid rgba(0,0,0,.06);border-radius:12px;box-shadow:0 1px 2px #00000008;overflow:hidden;transition:border-color 268ms,box-shadow 268ms}.template-card .card-cover{border-radius:12px;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;width:100%}.template-card:hover{transform:translateY(-3px)}.template-card:hover .card-cover-wrapper{border-color:#0000001f;box-shadow:0 12px 32px -8px #0000001a}.template-card:hover .card-title{color:var(--brand)}.template-card .card-title{color:#141414;font-size:17px;font-weight:600;letter-spacing:-.015em;line-height:1.35;margin-bottom:4px;margin-top:clamp(.875rem,.829rem + .2vw,1rem);padding:0 2px;transition:color 218ms}.template-card .card-title:not(.is-blog){display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;white-space:normal}.template-card .card-title.is-blog{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;white-space:normal}.template-card .card-desc{color:#7a7a7a;display:-webkit-box;font-size:14.5px;line-height:1.5;padding:0 2px;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;white-space:normal}