.ContentCard{position:relative;background:rgba(25,25,25,.9);border-radius:20px;overflow:hidden;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;margin:0 1rem 2rem}.ContentCard:hover{transform:translateY(-6px);box-shadow:0 20px 45px rgba(0,0,0,.25)}.ContentCard:hover .ContentCardMedia img{transform:scale(1.08)}.ContentCard>a{color:inherit;text-decoration:none}.ContentCard .ContentCardInner,.ContentCard>a{display:flex;flex-direction:column;height:100%}.ContentCard .ContentCardInner{position:relative;isolation:isolate}.ContentCard .ContentCardMedia{position:relative;aspect-ratio:4/5;overflow:hidden}.ContentCard .ContentCardMedia:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.55));z-index:1}.ContentCard .ContentCardMedia img{width:100%;height:100%;object-fit:cover;transition:transform .26s ease}.ContentCard .ContentCardMediaFallback{width:100%;height:100%;background:linear-gradient(135deg,#111,#2b2b2b)}.ContentCard .ContentCardStatus{position:absolute;top:1.3rem;right:1.3rem;z-index:3;padding:.35rem .85rem;border-radius:999px;font-size:.7rem;letter-spacing:.22rem;text-transform:uppercase;background:hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.86);border:1px solid hsla(0,0%,100%,.22)}.ContentCard .ContentCardDateBadge,.ContentCard .ContentCardPillBadge{position:absolute;top:1.2rem;left:1.2rem;z-index:2}.ContentCard .ContentCardDateBadge{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;padding:.5rem .75rem;border-radius:.85rem;background:rgba(0,0,0,.6);border:1px solid hsla(0,0%,100%,.18);min-width:3.75rem}.ContentCard .ContentCardDateBadge .day{font-size:1.35rem;font-weight:600;color:#fff;line-height:1}.ContentCard .ContentCardDateBadge .month{font-size:.75rem;letter-spacing:.22rem;font-weight:600;color:var(--accent)}.ContentCard .ContentCardDateBadge .year{font-size:.65rem;letter-spacing:.12rem;color:hsla(0,0%,100%,.75)}.ContentCard .ContentCardPillBadge{padding:.4rem .85rem;border-radius:999px;background:rgba(0,0,0,.65);border:1px solid hsla(0,0%,100%,.18);text-transform:uppercase;letter-spacing:.22rem;font-size:.65rem;color:#1ed760}.ContentCard .ContentCardBody{display:flex;flex-direction:column;gap:.75rem;padding:1.75rem 1.75rem 1.25rem;color:hsla(0,0%,100%,.95)}.ContentCard .ContentCardName{margin:0;font-size:1.35rem;font-weight:600;line-height:1.2}.ContentCard .ContentCardMeta{margin:0;font-size:.9rem;letter-spacing:.08rem;text-transform:uppercase;color:hsla(0,0%,100%,.65)}.ContentCard .ContentCardFooter{margin-top:auto;padding:0 1.75rem 1.75rem;display:flex;align-items:center;justify-content:center;gap:.35rem;color:var(--accent);font-size:.85rem;letter-spacing:.08rem;text-transform:uppercase}.ContentCard .ContentCardFooter .icon{filter:brightness(1.1) saturate(1.2);color:var(--accent);transition:transform .22s ease}.ContentCard:hover .ContentCardFooter .icon{transform:translateX(4px)}.ContentCard.is-past{border-color:hsla(0,0%,100%,.12);background:hsla(0,0%,6%,.9)}.ContentCard.is-past .ContentCardMedia:after{background:linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.65))}.ContentCard.is-past .ContentCardStatus{background:rgba(0,0,0,.25);color:hsla(0,0%,100%,.82);border:1px solid hsla(0,0%,100%,.18)}.ContentCard.is-past .ContentCardDateBadge{background:rgba(0,0,0,.75);border-color:hsla(0,0%,100%,.12)}.ContentCard.is-past .ContentCardDateBadge .month{color:hsla(0,0%,100%,.8)}.ContentCard.is-past .ContentCardDateBadge .year{color:hsla(0,0%,100%,.65)}.ContentCard.is-past .ContentCardBody{color:#fff}.ContentCard.is-past .ContentCardMeta{color:hsla(0,0%,100%,.68)}.ContentCard.is-past .ContentCardFooter{color:hsla(0,0%,100%,.7)}.ContentCard.is-past .ContentCardFooter .icon{filter:none}.ContentCard.is-past:hover{border-color:hsla(0,0%,100%,.22)}@media(max-width:768px){.ContentCard{margin:0 0 1.5rem}}