.Card{border:var(--primary-border);border-radius:var(--primary-border-radius);background-color:#fff;flex-direction:column;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out;display:flex;position:relative;overflow:hidden}.Card:not(.Card--dark):hover{box-shadow:var(--primary-box-shadow)}.Card__containter{height:100%;padding:var(--primary-inside-gap);grid-gap:2.8rem;flex-direction:column;justify-content:space-between;align-items:flex-start;display:flex}.Card:hover .Card__image img{transform:scale(1.02)}.Card--center .Card__containter,.Card--center .Card__main,.Card--center .Card__footer{text-align:center;align-items:center}.Card__image{width:100%;height:100%;margin:0;position:absolute;inset:0;overflow:hidden}.Card__image img{width:100%;height:100%;transition:var(--primary-transition);object-fit:cover}.Card__image--top{max-height:21rem;position:relative}.Card__main{grid-gap:1.6rem;flex-direction:column;align-items:flex-start;display:flex;position:relative}.Card__tag{color:#fff;border-radius:var(--primary-border-radius);background-color:#000;margin-bottom:1.2rem;padding:.2rem .8rem;font-size:1.2rem;font-style:normal;font-weight:300}.Card__title{color:var(--text-primary);text-decoration:none}.Card__description{color:var(--text-secondary)}.Card--compact .Card__description{display:none}.Card__footer{position:relative}.Card__link{color:var(--text-primary);cursor:pointer;transition:var(--primary-transition);background-color:#0000;border:none;font-size:1.4rem;text-decoration:underline}.Card__link:hover{color:var(--text-secondary)}.Card--dark{background-color:#000;border:none}.Card--dark .Card__tag,.Card--dark__tag{color:#000;background-color:#fff}.Card--dark .Card__title,.Card--dark__title{color:#fff}.Card--dark .Card__description,.Card--dark__description{color:#fffc}.Card--dark .Card__link,.Card--dark__link{color:#fff}.Card--dark .Card__link:hover,.Card--dark__link:hover{color:#fffc}@media (prefers-color-scheme:dark){.Card:not(.Card--dark){background-color:#1c1c1c}.Card:not(.Card--dark):hover{border-color:#fff3;box-shadow:0 4px 16px #00000059}.Card:not(.Card--dark) .Card__tag{color:#fff;background-color:#2a2a2a}}@media (min-width:412px){.Card__containter{grid-gap:3.2rem}.Card__tag{margin-bottom:1.6rem}.Card__footer{margin-top:3.2rem}.Card__link{font-size:1.6rem}}@media (min-width:744px){.Card__tag{font-size:1.4rem}.Card--compact .Card__description{display:block}}
.Subheading{font-size:1.8rem;font-weight:500}@media (min-width:412px){.Subheading{font-size:2.2rem}}@media (min-width:744px){.Subheading{font-size:2.4rem}}