.interactive-cards{--title-size: 40px;--interactive-cards-grain-fallback: radial-gradient(circle at 17% 21%, rgb(34 24 18 / 26%) 0 .7px, transparent .8px), radial-gradient(circle at 73% 42%, rgb(34 24 18 / 20%) 0 .6px, transparent .7px), radial-gradient(circle at 42% 78%, rgb(34 24 18 / 18%) 0 .6px, transparent .7px);position:relative;isolation:isolate;overflow:hidden;background:var(--interactive-cards-background, var(--color-background))}.interactive-cards:before,.interactive-cards:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:block;pointer-events:none;background-image:var( --interactive-cards-grain-mobile, var(--interactive-cards-grain-fallback) );background-position:center bottom;background-repeat:var(--interactive-cards-grain-repeat-mobile, repeat);background-size:var( --interactive-cards-grain-size-mobile, 4px 4px, 7px 7px, 11px 11px );content:""}.interactive-cards:before{mix-blend-mode:multiply;opacity:var(--interactive-cards-grain-opacity, .2)}.interactive-cards:after{mix-blend-mode:soft-light;opacity:calc(var(--interactive-cards-grain-opacity, .2) * 2)}.interactive-cards.interactive-cards--grain-hidden:before,.interactive-cards.interactive-cards--grain-hidden:after{display:none}.interactive-cards-layout{position:relative;z-index:1}.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))))}.interactive-cards:before,.interactive-cards:after{background-image:var( --interactive-cards-grain-desktop, var(--interactive-cards-grain-fallback) );background-repeat:var(--interactive-cards-grain-repeat-desktop, repeat);background-size:var( --interactive-cards-grain-size-desktop, 4px 4px, 7px 7px, 11px 11px )}}@media(min-width:1200px){.interactive-cards-list{gap:var(--spacing-lg) var(--spacing-md)}.interactive-cards-item{width:calc(100% / 3 - var(--spacing-md))}}