.card{display:flex;flex-direction:column;margin:50px auto;width:920px;border:1px solid #ddd;border-radius:8px;overflow:hidden;background-color:#fff}@media(max-width:1140px){.card{width:350px!important}}.card-photo{flex:none;width:100%;height:auto;position:relative}.card-photo video{width:100%;height:auto;display:block;border-radius:8px}.card img{flex:none;width:100%;height:100%;object-fit:cover;display:block}.card-content{padding:6px;background:rgba(0,0,0,0.75);color:#fff;display:flex;flex-direction:column;gap:4px;text-align:left}@media(max-width:1140px){.card .card-content{align-items:center}.card img{max-height:320px}.card-content p{font-size:14px}}.btn-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:1rem}.btn-read{z-index:5;background-color:white;color:#222;text-decoration:none;margin-left:10px;display:inline-block;width:min-content;font-weight:bold;transition:all 400ms ease;align-self:flex-end}.btn-read:hover{background:#80ffdb;color:#222}.btn-sub{z-index:5;background-color:#ffd700;color:#222;text-decoration:none;margin-left:10px;display:inline-block;width:min-content;font-weight:bold;transition:all 400ms ease;align-self:flex-end;border:2px solid transparent;padding:8px 16px;border-radius:5px}.btn-sub:hover{background-color:#ffc107;color:#000;border-color:#222;box-shadow:0 4px 8px rgba(0,0,0,0.2)}.btn-demo{z-index:5;background-color:white;color:#222;text-decoration:none;margin-left:10px;display:inline-block;right:0;bottom:55%;font-weight:bold;transition:all 400ms ease;align-self:flex-end}.btn-demo:hover{background:#80ffdb;color:#222}.btn-download{z-index:5;background-color:#69ffb2;color:#222;text-decoration:none;margin-left:10px;display:inline-block;font-weight:bold;transition:all 400ms ease;align-self:flex-end}.btn-download:hover{background:#ff90fc;color:#222}.btn-download,.btn-demo,.btn-read{padding:10px 20px}@media(max-width:1140px){.btn-download,.btn-demo,.btn-read,.btn-sub{margin:2px;padding:2px 2px;font-size:.9rem}}.tags{display:flex;width:100%;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;max-height:120px;overflow-y:auto}.tags .tag{display:block;background:rgba(46,46,54,0.51);color:white;text-decoration:none;font-weight:bold;margin:12px 4px;font-size:1rem;border-radius:4px;padding:2px 10px;box-shadow:0 0 6px rgba(0,123,255,0.4),0 0 20px rgba(0,123,255,0.2);transition:all,0.3s ease-in-out,transform .2s ease}.tags .tag:hover{background:#25252b;color:white;transform:scale(1.05)}.pinned-items{position:absolute;bottom:0;left:0}