.hero-card{--hero-card-padding: 2rem;--hero-card-padding-sm: 1rem;width:100%;position:relative;overflow:hidden;background-color:rgba(var(--color-bg))}.hero-card__image{position:absolute;width:100%;height:100%;object-fit:cover;top:0;left:0;transition:all .5s cubic-bezier(0,0,.2,1)!important}a.hero-card:hover .hero-card__image{transform:scale(1.03);opacity:.8}.hero-card--border-true:before{content:"";position:absolute;top:.5em;right:.5em;bottom:.5em;left:.5em;border:1px solid rgb(var(--color-fg));z-index:1}@media screen and (max-width: 749px){.hero-card--border-true:before{top:1vw;right:1vw;bottom:1vw;left:1vw}}.hero-card__arrow{opacity:0;position:absolute;bottom:var(--hero-card-padding-sm);right:calc(var(--hero-card-padding-sm) * .75);z-index:2;transition:all .5s cubic-bezier(0,0,.2,1)}@media screen and (min-width: 750px){.hero-card__arrow{bottom:var(--hero-card-padding);right:calc(var(--hero-card-padding) * .75)}}.hero-card--sm .hero-card__arrow{bottom:var(--hero-card-padding-sm);right:calc(var(--hero-card-padding-sm) * .75)}.hero-card--centered .hero-card__arrow{opacity:.8}a.hero-card:hover .hero-card__arrow{opacity:1}.hero-card--sm.hero-card--centered .hero-card__arrow{top:var(--hero-card-padding-sm)}.hero-card:after{content:"";position:absolute;top:0;left:0;width:100%;padding-bottom:100%;background-color:rgba(var(--color-bg),.6);z-index:1;transform:translate3d(-50%,-50%,0);border-radius:50%;filter:blur(6vw)}.hero-card--sm:after{filter:blur(2vw)}.hero-card--centered:after{top:50%;left:50%;width:100%;padding-bottom:70%;opacity:.6}.hero-card__content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-between;height:100%;width:100%;padding:var(--hero-card-padding-sm) calc(var(--hero-card-padding-sm) * .75)}@media screen and (min-width: 750px){.hero-card__content{padding:var(--hero-card-padding) calc(var(--hero-card-padding) * .75)}}.hero-card--sm .hero-card__content{padding:var(--hero-card-padding-sm) calc(var(--hero-card-padding-sm) * .75)}.hero-card--centered .hero-card__content{justify-content:center;align-items:center;text-align:center}.hero-card--bottom-left .hero-card__content{justify-content:flex-end}.hero-card__title{font-size:clamp(1rem,4.5vw,1.6rem);word-break:normal}.hero-card--centered .hero-card__title,.hero-card--bottom-left .hero-card__title{font-family:var(--font-body)}@media screen and (min-width: 960px){.hero-card__title{font-size:clamp(1.5rem,1.8vw,2.2rem)}}.mobile-nav__card .hero-card__title{font-size:clamp(.75rem,4.5vw,1rem);font-size:1rem}
/*# sourceMappingURL=/cdn/shop/t/257/assets/_hero-card.css.map */