.interactive-cards{--title-size: 40px;background:var(--color-background)}.interactive-cards-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.interactive-cards-item{position:relative;display:block;overflow:hidden;border-radius:var(--border-radius-md)}.card__imageWrapper{position:relative}.card__imageWrapper .card__itemImage .card__itemImg{width:100%;height:auto;border-radius:calc(var(--border-radius-md) * 1.2)}.card__imageWrapper .card__itemIcon{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);cursor:pointer;z-index:2}.card__content{position:absolute;bottom:0;left:0;right:0;background:var(--color-card, #ffffff);padding:var(--spacing-sm);box-shadow:0 -4px 12px #0000001a;transform:translateY(calc(100% - calc(var(--spacing-sm) + var(--title-size))));transition:transform .3s ease-in-out}.card__content .card__titleWrapper{padding-bottom:var(--spacing-sm)}.card__content .card__titleWrapper .card__title{font-size:clamp(var(--font-size-text-md-min),var(--font-size-text-md-base),var(--font-size-text-md-max));margin:0;line-height:1.2}.card__content .card__description{opacity:0;transform:translateY(10px);transition:opacity .3s ease-in-out .1s,transform .3s ease-in-out .1s}.card__content.active{transform:translateY(0)}.card__content.active .card__description{opacity:1;transform:translateY(0)}@media (min-width: 768px){.interactive-cards-list{justify-content:center;flex-flow:row wrap;gap:var(--spacing-md)}.interactive-cards-item{width:calc(100% / 2 - var(--spacing-md))}.card__content{transform:translateY(calc(100% - calc(var(--spacing-sm) + var(--title-size))))}}@media (min-width: 1200px){.interactive-cards-list{gap:var(--spacing-lg) var(--spacing-md)}.interactive-cards-item{width:calc(100% / 3 - var(--spacing-md))}}