.article-card-looom{--article-card-looom-radius: 0;--article-card-looom-image-ratio: 4 / 4;--article-card-looom-transition: .35s ease}.article-card-looom__link{display:block;color:rgb(var(--color-foreground));text-decoration:none}.article-card-looom__media-wrap{position:relative;overflow:hidden;border-radius:var(--article-card-looom-radius);margin-bottom:1rem;background:rgba(var(--color-foreground),.06)}.article-card-looom__media{aspect-ratio:var(--article-card-looom-image-ratio);overflow:hidden}.article-card-looom__media--placeholder{background:rgba(var(--color-foreground),.08)}.article-card-looom__image{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1);opacity:1;transition:transform var(--article-card-looom-transition),opacity var(--article-card-looom-transition)}.article-card-looom__badge{position:absolute;top:.75rem;left:.75rem;z-index:1;display:inline-block;padding:.32rem .6rem;background:#ffffffeb;color:#000c;border:1px solid rgba(0,0,0,.12);font-size:.68rem;line-height:1;letter-spacing:.1em;text-transform:uppercase}.article-card-looom__content{display:flex;flex-direction:column;gap:.6rem}.article-card-looom__title{margin:0;font-family:Ivar Display,Canela,Bodoni Moda,serif;font-weight:500;font-size:clamp(1.05rem,2.1vw,1.4rem);line-height:1.35;letter-spacing:-.01em;text-wrap:balance}.article-card-looom__read-more{display:inline-block;font-size:.7rem;font-weight:500;line-height:1.2;letter-spacing:.12em;text-transform:uppercase;opacity:.72;transition:opacity var(--article-card-looom-transition),color var(--article-card-looom-transition)}.article-card-looom__link:hover .article-card-looom__image,.article-card-looom__link:focus-visible .article-card-looom__image{transform:scale(1.04);opacity:.92}.article-card-looom__link:hover .article-card-looom__read-more,.article-card-looom__link:focus-visible .article-card-looom__read-more{opacity:1}.article-card-looom__link:focus-visible{outline:1px solid currentcolor;outline-offset:4px}@media screen and (max-width:1023px){.article-card-looom__media-wrap{margin-bottom:.9rem}}@media screen and (max-width:767px){.article-card-looom__media-wrap{margin-bottom:.8rem}.article-card-looom__title{font-size:clamp(1rem,5.2vw,1.25rem)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-article-card-looom.css.map */