.card-media{--card-media-radius: 0;--card-media-padding: 1.6rem;--card-media-font-family: var(--font-family-aeonik-extended-pro, sans-serif);display:block;position:relative;overflow:hidden;border-radius:var(--card-media-radius);text-decoration:none;color:var(--color-text-primary, #121212)}.card-media--square{aspect-ratio:1}.card-media--portrait{aspect-ratio:2 / 3}.card-media--no-image{background-color:var(--color-light-gray, #f0f0f0)}.card-media:focus-visible{outline:.2rem solid currentcolor;outline-offset:.2rem}.card-media__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.card-media__content{position:absolute;inset:auto 0 0;z-index:1;display:flex;flex-direction:column;gap:.4rem;padding:var(--card-media-padding)}.card-media__subtitle{font-family:var(--card-media-font-family);font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase}.card-media__title{font-family:var(--card-media-font-family);font-size:1.8rem;font-weight:700;line-height:1.2}@media(min-width:990px){.card-media__title{font-size:2rem}}.card-media--overlay{color:var(--color-white, #fff)}.card-media--overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#00000073,#0000 50%);pointer-events:none}.card-media--overlay.card-media--no-image{color:var(--color-text-primary, #121212)}.card-media--overlay.card-media--no-image:after{display:none}.card-media--reveal .card-media__content{padding:2.4rem;background-color:#ffffffeb;opacity:0;visibility:hidden;transform:translateY(1rem);transition:opacity .3s,visibility .3s,transform .3s}.card-media--reveal .card-media__subtitle{color:var(--color-text-secondary, rgba(18, 18, 18, .75))}.card-media--reveal:focus-visible .card-media__content{opacity:1;visibility:visible;transform:none}@media not ((hover:hover)and (pointer:fine)){.card-media--reveal .card-media__content{opacity:1;visibility:visible;transform:none}}@media(hover:hover)and (pointer:fine){.card-media:hover .card-media__image{transform:scale(1.04)}.card-media--reveal:hover .card-media__content{opacity:1;visibility:visible;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/card-media.css.map */