.card{display:grid;grid-template-rows:max-content auto 1fr;background-color:var(--light-gray);border-radius:8px;color:var(--foreground);overflow:hidden}.card .image{position:relative;background-color:#e6e6e6}@media screen and (max-width:800px){.card .image{height:20rem}}.card .image .video-player{background:rgba(0,0,0,.31);width:60px;height:60px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card .image .video-player svg{margin-left:5px}.card .image .locked{position:absolute;bottom:30px;left:30px}.card .image img{object-fit:cover;width:100%;max-height:300px;height:100%;position:relative;border-radius:8px;min-height:20vw}@media screen and (max-width:800px){.card .image img{height:100%;min-height:inherit;max-height:inherit}}.card .content{display:flex;align-items:flex-start;flex-direction:column;gap:10px;padding:2rem}@media screen and (max-width:800px){.card .content{padding:1rem}}.card .content h5{font-size:20px;font-weight:700;line-height:25.21px;text-align:left;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}@media screen and (max-width:800px){.card .content h5{font-size:18px}}.card .content p{font-size:16px;font-weight:400;line-height:20.17px;text-align:left;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width:800px){.card .content p{font-size:14px}}