dsl-card{display:block;width:100%}dsl-card article{display:flex;flex-direction:column;width:100%}dsl-card .image-box{position:relative;display:block;aspect-ratio:5/3;width:100%;flex-shrink:0;overflow:hidden}dsl-card .data-box{display:flex;flex-direction:column;padding:0 10px;min-width:0}dsl-card .faded{filter:grayscale(90%) brightness(.8)}dsl-card a:hover{color:inherit}dsl-card .btn:hover{color:#fff}dsl-card img.image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center}dsl-card .pills{margin:5px 0}dsl-card dsl-pill{display:inline-block;margin:0 5px 5px 0}dsl-card .title-container{display:block;margin:10px 0 5px}dsl-card h2,dsl-card h3{font-size:1.5em;margin:0}dsl-card .date,dsl-card .description,dsl-card .extra{margin-bottom:5px;font-size:.875em}dsl-card .extra{text-transform:uppercase;color:red}dsl-card .buttons{margin:auto 0 5px;display:flex;justify-content:flex-end}dsl-card .btn{width:100%}dsl-card .img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(https://desingel.digital-asset.app/eyJrIjoiYTVwUXgwMDAwMDBiV3ZOSUFVX29yaWdpbmFsLnBuZyIsImIiOiJnczovL2RzbC1kYW0tYXNzZXRzIn0=?signature=9861d3a6b4e8ec3c4d4afe251edc229f14019083eb489b50eb1be34e0b556dd7);background-size:contain}@media(min-width:700px){dsl-card article{display:grid;grid-template-columns:calc(var(--card-image-height, 260px)*5/3) 1fr;align-items:stretch}dsl-card .image-box,dsl-card article{min-height:var(--card-image-height,260px)}dsl-card .image-box{width:100%;height:100%;aspect-ratio:auto;align-self:stretch}dsl-card .pills{margin:0 0 5px}dsl-card .title-container{margin:10px 0}dsl-card h2,dsl-card h3{font-size:2em}dsl-card .date,dsl-card .description{margin-bottom:10px;font-size:1em}dsl-card .extra{margin-bottom:10px}dsl-card .buttons{margin:auto 0 10px}dsl-card .btn{width:inherit}}