.article-card{position:relative;display:flex;height:100%;flex-direction:column;row-gap:1.2rem;padding-inline:1.2rem;padding-block:1.2rem 2.4rem;background-color:rgba(var(--color-background));transition:background-color var(--duration-default) ease-in-out;cursor:pointer}@media(min-width:576px){.article-card{padding-block:1.2rem 3.6rem}}@media screen and (pointer:fine){.article-card:hover{background-color:rgba(var(--color-background-secondary))}.article-card:hover .article-card-image{transform:scale(1.02)}}.article-card-title{position:static}.article-card-title__link{position:static;text-decoration:none;color:inherit}.article-card-title__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.article-card-tag__link,.article-card-video-wrapper .video-play-button{position:relative;z-index:2}.article-card__overlay-link{text-decoration:none;background-color:transparent;z-index:0;display:block;position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;max-width:100%}.article-card__overlay-link:empty{display:block}.article-card__overlay-link:focus-visible{outline-offset:-.1rem}.main-blog-posts-grid--1 .article-card{padding:0;background:transparent;row-gap:0;cursor:default}@media screen and (pointer:fine){.main-blog-posts-grid--1 .article-card:hover{background:transparent}.main-blog-posts-grid--1 .article-card:hover .article-card-image{transform:scale(1.03)}}@media(min-width:750px){.main-blog-posts-grid--1 .article-card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:stretch;min-height:28rem}.main-blog-posts-grid--1 .article-card-image-wrapper{height:100%;min-height:28rem}}.main-blog-posts-grid--1 .article-card-image-wrapper{border-radius:0}.main-blog-posts-grid--1 .article-card-image{border-radius:0;transition:transform .8s ease-out}.main-blog-posts-grid--1 .article-card-content{z-index:auto;max-width:none;padding:2.4rem 1.6rem 3.2rem;justify-content:center;background:linear-gradient(165deg,#eef1ef,#e8eeea 45%,#c5d5ce 140%)}@media(min-width:750px){.main-blog-posts-grid--1 .article-card-content{padding:3.2rem 4rem}}.main-blog-posts-grid--1 .article-card-title{margin-block-end:.8rem}.main-blog-posts-grid--1 .article-card-title__link{text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0 .1rem;transition:background-size .35s ease}@media screen and (pointer:fine){.main-blog-posts-grid--1 .article-card:hover .article-card-title__link{background-size:100% .1rem}}.main-blog-posts-grid--1 .article-card-excerpt{max-width:36rem;color:#5e635f}.main-blog-posts-grid--1 .article-card-meta{margin-block-start:1.2rem}.article-card-video-wrapper{width:100%;height:100%;position:relative;overflow:hidden}.article-card-video-wrapper .video-play-button{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);width:3.2rem;height:3.2rem;border-radius:50%;background-color:rgba(var(--color-background),.8);display:flex;align-items:center;justify-content:center;transition:all var(--duration-default) ease}.article-card-video-wrapper .video-play-button:before{content:"";display:block;width:100vw;height:100vh;position:absolute}.article-card-video-wrapper video{background:#000}.article-card-video-wrapper.video-aspect-cover video{object-fit:cover}.article-card-video-wrapper:hover .video-play-button{transform:translate(-50%,-50%) scale(1.1)}@media screen and (hover:hover)and (pointer:fine){.article-card--placeholder{cursor:not-allowed}}.article-card-image-wrapper{width:100%;height:auto;display:block;border-radius:var(--border-radius-block);overflow:hidden;position:relative}.article-card-image-wrapper--square{aspect-ratio:1/1}.article-card-image-wrapper--landscape{aspect-ratio:960/667}.article-card-image-wrapper--portrait{aspect-ratio:456/540}.article-card-image{width:100%;height:100%;object-position:center;border-radius:var(--border-radius-block);transition:var(--image-transition);transform:scale(1)}.article-card-content{position:relative;z-index:2;max-width:44rem;display:flex;flex-direction:column;pointer-events:none}.article-card-title__link,.article-card-tag__link{pointer-events:auto}.article-card-meta{width:100%;display:flex;gap:.7rem;flex-wrap:wrap;align-items:center}.article-card-meta:not(:first-child){margin-top:1.6rem}.article-card-tags{display:inline-flex;flex-wrap:wrap;gap:0 .4rem}.article-card-tag{display:inline-flex;pointer-events:all}.article-card-date,.article-card-author{display:inline-flex;color:rgb(var(--color-foreground-secondary))}.article-card-title--font-body{font-family:var(--font-body-family);font-weight:var(--font-body-weight);line-height:var(--font-body-line-height);letter-spacing:calc(var(--font-body-letter-spacing) * .1);font-style:var(--font-body-style)}.article-card-title__link{color:rgb(var(--color-foreground))}@media screen and (hover:hover)and (pointer:fine){.article-card-title__link{transition:opacity var(--duration-default)}.article-card-title__link:hover{opacity:var(--hover-opacity)}}.article-card-title__link:is(span){pointer-events:none}.article-card-excerpt{width:100%;max-width:100%;color:rgba(var(--color-foreground));display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-card-excerpt:not(:first-child){margin-top:.8rem}.article-card-comments{display:inline-flex;align-items:center;gap:.2rem;color:rgb(var(--color-foreground-secondary))}.article-card-comments__count{color:rgb(var(--color-foreground-secondary))}.article-card-comments svg{width:1.2rem}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-article-card.css.map */
