.card{position:relative;display:flex;flex-direction:column}.card.collection{flex-direction:column-reverse}.card_title{display:block;width:100%;font-weight:700;font-size:var(--font-size-h4);line-height:1.5;color:var(--color-pure-black);text-align:center;background-color:var(--color-white)}.card.product .card_title{margin-top:var(--spacing-s)}.card.collection .card_title{padding-bottom:var(--spacing-xxs)}.card_subtitle{margin:0 auto;max-width:242px;font-weight:500;font-size:var(--font-size-sm-caption);line-height:20px;color:var(--color-pure-black)}.card.product .card_subtitle{margin-top:var(--spacing-xxxs);font-size:var(--font-size-regular);line-height:1.5;font-weight:300;color:var(--color-off-black);text-align:center;justify-content:center}.card.collection .card_subtitle{display:none;text-transform:uppercase;letter-spacing:1px}.card_image{position:relative;display:flex;align-items:center;justify-content:center;min-height:375px;padding:var(--spacing-xs) 0;background-color:var(--color-photo-bg)}.card_image:after{content:"";position:absolute;top:0;left:-20px;z-index:1;display:block;width:100vw;height:100%;background-color:var(--color-photo-bg)}.card_image img{width:100%;height:auto;z-index:2}.card_image svg{width:100%;max-width:200px;height:auto;z-index:2}@media screen and (min-width: 768px){.card_image{padding:var(--spacing-l)}.card_image:after{content:none}}@media screen and (min-width: 992px){.card{height:300px;overflow:hidden}.card:after{content:"";position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;opacity:0;background-color:var(--color-white);transition:opacity .4s ease-in-out}.card:active .card_title,.card:active .card_subtitle{opacity:1;transform:translateY(0);transition:transform .4s ease-in-out,opacity .4s ease-in-out}.card:active:after{opacity:.9;transition:opacity .4s ease-in-out}.card_title,.card_subtitle{z-index:10;position:absolute;left:0;right:0;transform:translateY(200%);display:flex;width:fit-content;margin:0 auto;opacity:0;transition:transform .4s ease-in-out,opacity .4s ease-in-out}.card_title{left:0;bottom:calc(50% + 8px);padding:0 var(--spacing-xs);background-color:transparent;transform:translateY(-200%);font-family:var(--font-secondary);font-weight:700;font-size:var(--font-size-h3);line-height:1.5;color:var(--color-pure-black)}.card.centered .card_title{bottom:50%}.card_subtitle{width:242px;top:calc(50% + 8px)}.card.product .card_subtitle{padding-bottom:0;border-bottom:none}.card.collection .card_subtitle{display:block;text-align:center;padding-bottom:var(--spacing-xxxs);border-bottom:1px solid var(--color-pure-black)}.card_image{display:flex;width:100%;height:100%;padding:var(--spacing-s);background-color:var(--color-photo-bg)}.card_image img{width:100%;height:100%;object-fit:contain;z-index:unset}.card_image svg{z-index:unset}}@media screen and (min-width: 1200px){.card{height:374px}}@media (hover: hover) and (pointer: fine){.card:hover .card_title,.card:hover .card_subtitle{opacity:1;transform:translateY(0);transition:transform .4s ease-in-out,opacity .4s ease-in-out}.card.centered:hover .card_title{transform:translateY(50%)}.card:hover:after{opacity:.9;transition:opacity .4s ease-in-out}}
/*# sourceMappingURL=/cdn/shop/t/77/assets/component-card.css.map */