.article{display:flex;align-items:center;overflow:visible}.article .media--landscape{height:100%;background-color:unset}.blog-articles__article{width:100%}.blog-articles__article{background-color:var(--color-white);border-radius:32px;margin-bottom:40px}.article-card-row{position:relative;display:flex;flex-direction:column-reverse;justify-content:space-between;align-items:flex-start;column-gap:80px;flex:0 1 100%;height:100%;padding:16px 16px 24px;overflow:visible;transition:var(--duration-default) ease}@media screen and (min-width: 750px){.article-card-row{align-items:center;padding:20px}}@media screen and (min-width: 990px){.article-card-row{padding:20px 20px 20px 80px}}.article-card-row img{transition:transform var(--duration-long) cubic-bezier(.165,.84,.44,1)}.article-card-row:hover img{transform:scale(1.05)}.article-card-row:hover .article-card-row__title a{background-size:100% .1rem}.article-card-row:hover .article-card-row__title a svg{opacity:1}@media screen and (min-width: 750px){.article-card-row{flex-direction:row}}.article-card-row__image-wrapper{position:relative;width:100%;flex:1;border-radius:32px;overflow:hidden;pointer-events:none;clip-path:inset(0 round .3rem);transition:clip-path var(--duration-long) cubic-bezier(.165,.84,.44,1)}.article-card-row__image-wrapper:not(:empty){margin-bottom:2.4rem}@media screen and (min-width: 750px){.article-card-row__image-wrapper:not(:empty){margin-bottom:0}}@media screen and (min-width: 990px){.article-card-row__image-wrapper{flex:none;width:50%}}@media screen and (min-width: 1200px){.article-card-row__image-wrapper{width:571px}.blog-articles__grid .blog-articles__article:nth-child(n+3) .article-card-row__image-wrapper{height:312px;object-fit:cover}}@media screen and (min-width: 750px){.article-card-row__content{flex:1;max-width:45.8rem}}.article-card-row__tags{list-style:none;margin:0 0 24px;padding:0;display:flex;align-items:center;flex-wrap:wrap;gap:16px}@media screen and (min-width: 990px){.article-card-row__tags{margin-bottom:40px}}.article-card-row__tag:not(:last-child){position:relative}.article-card-row__tag a{background-color:var(--color-turquiose);color:var(--color-green);font-size:14px;font-weight:500;line-height:24px;letter-spacing:.56px;padding:8px 20px;border-radius:32px;position:relative;z-index:1;display:block;text-decoration:none;text-transform:uppercase;text-decoration-thickness:.1rem;transition:color var(--duration-default);display:flex;align-items:center;gap:.4rem}.article-card-row__tag a svg{width:1rem;height:auto;opacity:0;transition:opacity var(--duration-default)}.article-card-row__tag a:hover svg{opacity:1}.article-card-row__title a{position:relative;z-index:1;word-break:break-word;font-weight:400;line-height:32px;text-decoration:none}.article-card-row__title a svg{transition:opacity var(--duration-long)}.article-card-row__header h2{margin:0}.article-card-row__header h2:only-child{margin:0}.article-card-row__header h2:not(:first-child){margin-top:.8rem}.article-card-row__header span{display:inline-flex;font-size:1.2rem}.article-card-row__meta{display:flex;margin-top:24px;flex-wrap:wrap;line-height:var(--font-body-line-height);color:rgba(var(--color-foreground),.8)}.article-card-row__time{color:var(--color-green);font-size:14px;font-weight:400;line-height:24px;letter-spacing:.84px}.article-card-row .line-divider:after{background-color:rgba(var(--color-foreground),.8)}.article-card-row__author span{margin-left:3px}.article-card-row__excerpt{margin:0;margin-top:1.6rem;font-size:1.4rem;color:rgba(var(--color-foreground),.8)}@media screen and (min-width: 1200px){.article-card-row__meta{margin-top:40px}.blog-articles__grid .blog-articles__article:first-child:not(:last-child) .article-card-row__tag a,.blog-articles__grid .blog-articles__article:nth-child(2) .article-card-row__tag a{background-color:var(--color-white);color:var(--color-green)}}@media screen and (min-width: 990px){.article-card-row__time{color:var(--color-green);font-size:16px;letter-spacing:.96px}}@media screen and (min-width: 750px){.blog-articles__grid .blog-articles__article:nth-child(2) .article-card-row__title{font-size:24px;line-height:32px}.article-card-row__excerpt{font-size:1.6rem}}.article-card-row__link{display:block!important;position:absolute;top:0;right:0;bottom:0;left:0}.blog--row .button--simple{font-weight:700}
/*# sourceMappingURL=/cdn/shop/t/133/assets/component-article-card-row.css.map */