.xreal-articles-wrapper img{display:block}.xreal-articles-wrapper .article:hover{cursor:pointer}.articles-left-wrapper .article{text-decoration:none;position:relative;display:block;width:100%;height:100%}.articles-left-wrapper .article img{width:100%;height:100%;object-fit:cover;aspect-ratio:910 / 788}.articles-right-wrapper .article img{width:36.4%;aspect-ratio:332 / 249;object-fit:cover;flex-shrink:0}.articles-left-wrapper .article h3{position:absolute;bottom:40px;left:40px;right:40px;color:#fff;transition:all .3s}.articles-right-wrapper .article{flex:1}.articles-right-wrapper .article h3{color:#000}.articles-right-wrapper .article .secondary-desc{color:#0006}.articles-left-wrapper .primary-link{position:absolute;opacity:0;left:40px;bottom:0;transition:all .3s;text-decoration:underline}.articles-right-wrapper .article-content-wrapper{position:relative;width:100%}.articles-right-wrapper .article-content{position:absolute;top:50%;transform:translateY(-50%);transition:all .3s}.articles-right-wrapper .primary-link{position:absolute;opacity:0;left:0;bottom:0;transition:all .3s;text-decoration:underline}@media screen and (min-width: 1200px){.articles-left-wrapper:hover .primary-link{opacity:1;transform:translateY(-40px)}.articles-left-wrapper:hover h3{transform:translateY(-40px)}.articles-right-wrapper .article:hover .article-content{top:0;transform:translateY(0)}.articles-right-wrapper .article:hover .primary-link{opacity:1}}.xreal-articles-wrapper .articles-right-wrapper .secondary-desc:first-of-type{display:-webkit-box}.xreal-articles-wrapper .articles-right-wrapper .secondary-desc:last-of-type{display:none}@media screen and (max-width: 1399px){.xreal-articles-wrapper h3{font-size:18px;letter-spacing:-.36px}.xreal-articles-wrapper .articles-right-wrapper .secondary-desc:first-of-type{display:none}.xreal-articles-wrapper .articles-right-wrapper .secondary-desc:last-of-type{display:-webkit-box}}@media screen and (max-width: 990px){.xreal-articles-wrapper{flex-direction:column}.xreal-articles-wrapper .articles-left-wrapper,.xreal-articles-wrapper .articles-right-wrapper{width:100%}}@media screen and (max-width: 749px){.xreal-articles-wrapper .articles-left-wrapper h3{font-size:18px;letter-spacing:-.36px}.xreal-articles-wrapper .articles-right-wrapper h3{font-size:14px;letter-spacing:-.24px}.articles-left-wrapper .article h3{bottom:20px;left:20px;right:20px}}
/*# sourceMappingURL=/cdn/shop/t/140/assets/xreal-articles.css.map */