.card__image-wrapper{width:100%;height:250px}.card__image{object-fit:contain;width:100%;height:100%}.card__content{text-align:center;flex-direction:column;gap:8px;display:flex}.card__title{font-size:var(--font-size-card);color:var(--color-text-primary);font-weight:700}.card__description{max-width:298px;font-size:var(--font-size-body-m);color:var(--color-text-secondary);font-weight:400}.card .button--secondary,.card .button--primary{justify-content:center;width:100%;height:40px;padding:8px 16px}.card .button{margin-top:auto}.cards-grid{grid-template-columns:1fr;justify-items:center;gap:32px;display:grid}.card{background:var(--color-glass-card-default-fill);width:300px;min-height:460px;box-shadow:inset 0 0 0 1px var(--color-glass-card-default-stroke), var(--shadow-card-default);-webkit-backdrop-filter:var(--blur-card-default);cursor:pointer;border-radius:32px;flex-direction:column;align-items:center;gap:16px;padding:32px 24px;transition:opacity .4s,transform .4s,background .5s cubic-bezier(.4,0,.2,1),box-shadow .5s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .5s cubic-bezier(.4,0,.2,1),backdrop-filter .5s cubic-bezier(.4,0,.2,1);display:flex}.card.is-hidden{opacity:0;pointer-events:none;transform:translateY(12px)}.card:hover{background:var(--color-glass-card-hover-fill);box-shadow:inset 0 0 0 1px var(--color-glass-card-hover-stroke), var(--shadow-card-hover);-webkit-backdrop-filter:var(--blur-card-hover)}@media (width>=660px){.cards-grid{grid-template-columns:repeat(2,300px);justify-content:center;gap:20px}.card{width:300px;min-height:460px;padding:32px 24px}.card__image-wrapper{height:210px}.card .button--secondary{width:100%}}@media (width>=941px){.cards-grid{grid-template-columns:repeat(2,460px);justify-content:center;gap:20px}.card{width:460px;min-height:500px;padding:32px}.card__image-wrapper{height:250px}.card .button--secondary{width:396px}}@media (width>=1200px){.cards-grid{grid-template-columns:repeat(3,360px);justify-content:center;gap:48px 40px}.card{width:360px;min-height:500px;padding:32px}.card__image-wrapper{height:250px}.card .button--secondary{width:298px}}
