.article-card{background:#fff;border:1px solid rgba(0,0,0,.07);border-radius:24px;cursor:pointer;display:flex;flex-direction:column;gap:0;height:auto;margin:0 auto;max-width:min(471px,95vw);overflow:hidden;padding:0;transition:transform .2s,box-shadow .2s;width:100%}@media screen and (hover:hover){.article-card:hover{box-shadow:0 12px 32px #0000001a;transform:translateY(-3px)}.article-card:hover .article-image>img{transform:scale(1.05)}}.article-card .article-image{align-items:center;aspect-ratio:40/27;background:linear-gradient(135deg,#ede8f5,#ddd8ea);display:flex;flex-shrink:0;justify-content:center;overflow:hidden;position:relative;width:100%}.article-card .article-image:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23b8b0cc' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' viewBox='0 0 24 24'%3E%3Crect width='18' height='18' x='3' y='3' rx='3'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3Cpath d='m21 15-5-5L5 21'/%3E%3C/svg%3E") 50% /contain no-repeat;content:"";height:48px;opacity:.6;position:absolute;width:48px}.article-card .article-image>img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;position:relative;transition:transform .4s ease;width:100%;z-index:1}.article-card .article-content{display:flex;flex:1;flex-direction:column;gap:10px;justify-content:space-between;padding:14px}.article-card .article-content .article-header{display:flex;flex-direction:column;gap:8px}.article-card .article-content .article-header>h2{color:#1d1d1d;font-family:MontBold,sans-serif;font-size:15px;line-height:1.4;margin:0;word-break:break-word}.article-card .article-content .article-header .article-tags{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:6px}.article-card .article-content .article-header .article-tags>li{border:1px solid #858387;border-radius:10px;color:#000;font-family:Mont,sans-serif;font-size:13px;font-weight:500;line-height:1;padding:6px 10px;text-align:center;transition:all .2s;width:auto}.article-card .article-content .article-header .article-tags>li.active-tag{background:#1d1d1d;color:#fff}.article-card .article-content .article-header .article-tags>li>span{color:#858387}.article-card .article-content .article-body{display:flex;flex:1;flex-direction:column;gap:12px;justify-content:space-between}.article-card .article-content .article-body>p{color:#1d1d1d80;display:-webkit-box;font-family:Mont,sans-serif;font-size:13px;-webkit-line-clamp:3;line-height:1.6;margin:0;word-break:break-word;-webkit-box-orient:vertical;overflow:hidden}.article-card .article-content .article-body .article-bottom{align-items:center;border-top:1px solid rgba(0,0,0,.06);display:flex;justify-content:space-between;margin-top:auto;padding-top:10px;width:100%}.article-card .article-content .article-body .article-bottom>span{color:#2b272f80;font-family:Mont,sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;width:auto}.article-card .article-content .article-body .article-bottom .read-button{align-items:center;background:#1b1f1f;border:2px solid #1b1f1f;border-radius:20px;color:#fff;cursor:pointer;display:inline-flex;font-family:MontBold,sans-serif;font-size:13px;gap:4px;justify-content:center;line-height:1;padding:8px 16px;text-decoration:none;transition:all .2s ease;white-space:nowrap;width:auto}.article-card .article-content .article-body .article-bottom .read-button>svg{padding:4px 2.67px;transition:all .2s ease;width:auto}.article-card .article-content .article-body .article-bottom .read-button:hover{background:#2a2f2f;border-color:#2a2f2f}.article-card .article-content .article-body .article-bottom .read-button:hover .button-icon{transform:translate(3px)}@media screen and (min-width:1920px){.article-card{max-width:500px}}.article-card--spread{background:#fff;border:1px solid rgba(0,0,0,.07);border-radius:24px;gap:0;height:auto;max-width:none;overflow:hidden;padding:0;transition-delay:0ms;transition:transform .2s,box-shadow .2s}.article-card--spread:hover{box-shadow:0 12px 32px #0000001a;transform:translateY(-3px)}.article-card--spread .article-image{align-items:center;aspect-ratio:auto;background:linear-gradient(135deg,#ede8f5,#ddd8ea);border:none;border-radius:0;display:flex;height:216px;justify-content:center;position:relative}.article-card--spread .article-image:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23b8b0cc' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' viewBox='0 0 24 24'%3E%3Crect width='18' height='18' x='3' y='3' rx='3'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3Cpath d='m21 15-5-5L5 21'/%3E%3C/svg%3E") 50% /contain no-repeat;content:"";height:40px;opacity:.6;position:absolute;width:40px}.article-card--spread .article-image>img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;position:relative;width:100%;z-index:1}.article-card--spread .article-content{gap:8px;padding:12px}.article-card--spread .article-header{gap:8px}.article-card--spread .article-header>h2{color:#1d1d1d;font-family:MontBold,sans-serif;font-size:13px;line-height:1.45;margin:0}.article-card--spread .article-body{gap:8px}.article-card--spread .article-body>p{color:#1d1d1d73;font-family:Mont,sans-serif;font-size:12px;-webkit-line-clamp:3;line-height:1.6}.article-card--spread .article-body .article-bottom{align-items:center;border-top:1px solid rgba(0,0,0,.06);display:flex;margin-top:4px;padding-top:10px;width:100%}.article-card--spread .article-body .article-bottom .spread-rating{color:#ffba08!important;font-family:MontBold,sans-serif;font-size:12px;text-transform:none}.article-card--spread .article-body .article-bottom .read-button{margin-left:auto}@media (max-width:1024px){.article-card--spread .article-image{height:180px}}@media (max-width:480px){.article-card--spread .article-image{height:156px}}