.hover-cards--light{background-color:transparent}.hover-cards--dark{background-color:var(--color-black);color:var(--color-white)}.hover-cards__grid{list-style:none;margin:0;padding:0}.hover-cards__item{min-width:0}.hover-cards__card{border-radius:var(--radius-card);color:var(--color-white);display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.hover-cards__face{display:none}.hover-cards__photo{display:block;height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.hover-cards__logo{display:block;position:absolute;right:var(--space-5);top:var(--space-5);width:clamp(7rem,30%,12rem)}.hover-cards__illustration-image,.hover-cards__logo-image{display:block;height:auto;width:100%}.hover-cards__face-title{bottom:var(--space-5);left:var(--space-5);margin:0;position:absolute;right:var(--space-5);z-index:1}.hover-cards__face:after{background:linear-gradient(0deg,rgba(0,0,0,.6),transparent);bottom:0;content:"";height:50%;left:0;pointer-events:none;position:absolute;right:0}.hover-cards__panel{background-color:var(--variant-heading);color:var(--color-white);flex:1 1 auto;padding:var(--space-5);position:relative}.hover-cards__panel .btn:focus-visible{outline-color:var(--color-white)}.hover-cards__illustration{display:block;margin-left:auto;width:clamp(6rem,40%,17rem)}.hover-cards__title{color:inherit;margin:0}.hover-cards__body{margin-top:auto}.hover-cards__text{color:inherit}.hover-cards__text>:first-child{margin-top:0}.hover-cards__text>:last-child{margin-bottom:0}@media (min-width:768px){.hover-cards__card{min-height:clamp(26rem,44vw,39rem)}.hover-cards__face{display:block;inset:0;position:absolute}.hover-cards__panel{inset:0;opacity:0;pointer-events:none;position:absolute}.hover-cards__illustration{position:absolute;right:var(--space-5);top:var(--space-5)}.hover-cards__title{padding-right:40%}.hover-cards__card.is-active .hover-cards__panel,.hover-cards__card:focus-within .hover-cards__panel,.hover-cards__card:hover .hover-cards__panel{opacity:1;pointer-events:auto}.hover-cards__card.is-active .hover-cards__face,.hover-cards__card:focus-within .hover-cards__face,.hover-cards__card:hover .hover-cards__face{display:none}@media (prefers-reduced-motion:no-preference){.hover-cards__panel{transition:opacity var(--duration-medium) var(--easing-standard)}}}