.article-card_wrap{width:100%}.article-card_wrap img{aspect-ratio:16/9;background-size:cover;width:100%}.article-card_wrap .mask{position:absolute;left:0;top:0;height:100%;background-image:linear-gradient(90deg,#000000fa,#0000000d);filter:blur(68px);z-index:1}.article-card_wrap .hover-effect img,.article-card_wrap .hover-effect.text_inbox-bottom .context{transition:all .25s ease}.article-card_wrap .hover-effect:hover img{transform:scale3d(1.2,1.2,1.2)}.article-card_wrap .hover-effect:hover.text_inbox-bottom .context{bottom:0!important}.article-card_wrap .text_inbox-center .mask{width:50%}.article-card_wrap .text_inbox-center .context{position:absolute;top:50%;left:0;display:flex;flex-direction:column;justify-content:center;margin-left:24px;transform:translateY(-50%);width:60%;z-index:2}.article-card_wrap .text_inbox-center .context h1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;font-size:20px;line-height:28px;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));font-weight:700}.article-card_wrap .text_inbox-center .context h5{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;margin-top:8px;font-size:14px;line-height:20px;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.article-card_wrap .text_inbox-center .context .view-more-btn{display:none;margin-top:16px}.article-card_wrap .text_fixed .title,.article-card_wrap .text_inbox-out .title,.article-card_wrap .text_outbox .title{display:none}.article-card_wrap .text_fixed .context h1,.article-card_wrap .text_inbox-out .context h1,.article-card_wrap .text_outbox .context h1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;margin-top:8px;font-size:14px;line-height:20px;font-weight:700}@media (min-width: 600px){.article-card_wrap .text_fixed .context h1,.article-card_wrap .text_inbox-out .context h1,.article-card_wrap .text_outbox .context h1{font-size:16px;line-height:24px}}.article-card_wrap .text_fixed .context h5,.article-card_wrap .text_inbox-out .context h5,.article-card_wrap .text_outbox .context h5{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;margin-top:4px;display:none;font-size:14px;line-height:20px}.article-card_wrap .text_inbox-bottom .context{position:absolute;width:100%;display:flex;flex-direction:column;padding:12px 16px;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));-webkit-backdrop-filter:blur(10px) saturate(180%);backdrop-filter:blur(10px) saturate(180%);background-color:#00000040;bottom:-50px;height:125px}.article-card_wrap .text_inbox-bottom .context h1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;font-size:18px;line-height:28px;font-weight:700;height:55px}.article-card_wrap .text_inbox-bottom .context h5{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;margin-top:8px}@media (min-width: 600px){.article-card_wrap .text_inbox-center .mask{width:60%}}@media (min-width: 960px){.article-card_wrap .text_inbox-center .context,.article-card_wrap .text_inbox-out .context{position:absolute;top:50%;left:0;display:flex;flex-direction:column;justify-content:center;margin-left:24px;transform:translateY(-50%);width:60%;z-index:2}.article-card_wrap .text_inbox-center .context h1,.article-card_wrap .text_inbox-out .context h1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;font-size:20px;line-height:28px;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));font-weight:700}.article-card_wrap .text_inbox-center .context h5,.article-card_wrap .text_inbox-out .context h5{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;margin-top:8px;font-size:14px;line-height:20px;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.article-card_wrap .text_inbox-center .context .view-more-btn,.article-card_wrap .text_inbox-out .context .view-more-btn{display:none}.article-card_wrap .text_inbox-center .mask,.article-card_wrap .text_inbox-out .mask{width:50%}.article-card_wrap .text_inbox-center .context,.article-card_wrap .text_inbox-out .context{margin-left:32px}.article-card_wrap .text_inbox-center .context h1,.article-card_wrap .text_inbox-out .context h1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;font-size:20px;line-height:28px}.article-card_wrap .text_inbox-center .context h5,.article-card_wrap .text_inbox-out .context h5{margin-top:24px;display:block;font-size:14px;line-height:20px}.article-card_wrap .text_inbox-center .context .view-more-btn,.article-card_wrap .text_inbox-out .context .view-more-btn{display:flex;margin-top:16px}.article-card_wrap .text_inbox-out .mask{width:60%}.article-card_wrap .text_inbox-out .context{margin-left:16px;width:75%}.article-card_wrap .text_inbox-out .context h1{font-size:16px;line-height:24px}.article-card_wrap .text_inbox-out .context h5{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;margin-top:8px;font-size:14px;line-height:20px}.article-card_wrap .text_outbox{display:flex}.article-card_wrap .text_outbox .title{display:block}.article-card_wrap .text_outbox .img-wrap{width:26%}.article-card_wrap .text_outbox .context{margin-left:18px}.article-card_wrap .text_outbox .context h1{display:none}.article-card_wrap .text_outbox .context h5{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;font-size:16px;line-height:24px}}@media (min-width: 1400px){.article-card_wrap .text_inbox-center .context h1,.article-card_wrap .text_inbox-out .context h1{font-size:24px;line-height:32px}.article-card_wrap .text_inbox-center .context h5,.article-card_wrap .text_inbox-out .context h5{margin-top:32px;font-size:16px;line-height:24px}.article-card_wrap .text_inbox-out .context{margin-left:16px;transform:translateY(-65%);width:60%}.article-card_wrap .text_inbox-out .context h1{font-size:20px;line-height:28px}.article-card_wrap .text_inbox-out .context h5{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;margin-top:16px;font-size:14px;line-height:20px}.article-card_wrap .text_outbox{padding-top:0}.article-card_wrap .text_outbox .title{display:none}.article-card_wrap .text_outbox .context{margin-left:36px}.article-card_wrap .text_outbox .context h1{display:block;font-size:24px;line-height:32px;font-weight:700}.article-card_wrap .text_outbox .context h5{margin-top:16px}}