.promo-cards{align-items:stretch}.promo-card{display:grid;min-height:16rem;position:relative;overflow:hidden;background:var(--color-surface);color:inherit;text-decoration:none;border-radius:var(--radius-image)}.promo-card img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0}.promo-card__shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.promo-card__copy--center{text-align:center;justify-items:center}.promo-card__copy{position:relative;z-index:1;margin-top:auto;padding:1.15rem;display:grid;gap:.35rem}.promo-card{min-height:var(--promo-h, 16rem)}.promo-card>.ph{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.promo-card--v-start .promo-card__copy{margin-top:0;margin-bottom:auto}.promo-card--v-center .promo-card__copy{margin-block:auto}.promo-card--light{color:#fff}.promo-card--light .button--secondary{color:#fff;border-color:currentColor;background:transparent}.promo-card__copy{justify-items:start;padding:clamp(1.15rem,3vw,2.25rem);max-width:34rem}.promo-card__copy--center{justify-items:center;margin-inline:auto}.promo-card__copy .h4{font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.15}.promo-card__link{display:inline-flex;align-items:center;gap:.4rem;margin-top:.35rem;font-size:var(--text-sm, .875rem);font-weight:500;border-bottom:1px solid currentColor;padding-bottom:.1rem}.promo-card__link .icon{width:1rem;height:1rem;transition:transform .2s ease}.promo-card:hover .promo-card__link .icon{transform:translate(.2rem)}@media(hover:hover)and (prefers-reduced-motion:no-preference){.promo-cards--hover-zoom .promo-card img{transition:transform .6s cubic-bezier(.22,.61,.36,1)}.promo-cards--hover-zoom .promo-card:hover img,.promo-cards--hover-zoom .promo-card:focus-visible img{transform:scale(1.04)}.promo-cards--hover-lift .promo-card{transition:transform .3s ease,box-shadow .3s ease}.promo-cards--hover-lift .promo-card:hover,.promo-cards--hover-lift .promo-card:focus-visible{transform:translateY(-4px);box-shadow:var(--shadow-lift, 0 10px 24px rgb(0 0 0 / .12))}.promo-cards--hover-brighten .promo-card img{transition:filter .3s ease}.promo-cards--hover-brighten .promo-card:hover img{filter:brightness(1.08)}.promo-cards--hover-darken .promo-card__shade{transition:opacity .3s ease}.promo-cards--hover-darken .promo-card:hover .promo-card__shade{opacity:.45!important}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/section-promo-cards.css.map */
