.cards-container{display:flex;flex-wrap:wrap;gap:2rem;max-width:1200px;margin:0 auto}.card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.1);width:calc(50% - 1rem);break-inside:avoid}.card-media{width:100%}.card-image{height:auto}.card-image,.card-video{width:100%;display:block}.card-video{aspect-ratio:16/9}.card-content{padding:1.5rem;display:flex;flex-direction:column;gap:.5rem}.card-title{font-size:1.25rem;font-weight:600;color:var(--text-color)}.card-description{font-size:1rem;color:var(--light-text);line-height:1.5}@media (max-width:768px){.card{width:100%}}.card-image{transition:all .3s ease;cursor:pointer;margin:0;padding:0}.card-media{position:relative;cursor:pointer;overflow:hidden}.card-media:hover .card-image:not(.fullscreen){transform:scale(1.05)}.fullscreen-overlay{position:fixed;top:72px;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);z-index:1;opacity:0;pointer-events:none;transition:opacity .3s ease}.fullscreen-overlay.active{opacity:1;pointer-events:auto}.card-image.fullscreen{position:fixed;top:72px;left:0;width:100%;height:calc(100vh - 72px);object-fit:contain;z-index:2;transition:all .3s ease}.card-image{transition:opacity .3s ease}