.article-cover{position:relative;width:100%;overflow:hidden;border-radius:var(--radius-lg);background:var(--surface-dark);isolation:isolate}.cover-svg{display:block;width:100%;height:100%}.cover-hair{fill:none;stroke:#fff;stroke-opacity:.09;stroke-width:1.25}.cover-glyph{position:absolute;top:50%;left:68%;transform:translate(-50%,-50%);display:grid;place-items:center;z-index:2}.cover-glyph svg{width:100%;height:100%;filter:drop-shadow(0 6px 20px rgba(0,0,0,.35))}.cover-tag{position:absolute;top:var(--spacing-4);left:var(--spacing-4);z-index:2;font-size:.68rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;padding:5px 11px;border-radius:var(--radius-full);background:#00000047;border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cover-card{aspect-ratio:8 / 5;margin-bottom:var(--spacing-5)}.cover-card .cover-glyph{width:84px;height:84px}.cover-hero{aspect-ratio:20 / 9;border-radius:var(--radius-xl)}.cover-hero .cover-glyph{width:108px;height:108px}.cover-hero .cover-tag{font-size:.72rem;padding:6px 13px}.cover-row{width:84px;height:84px;flex-shrink:0;border-radius:var(--radius-md)}.cover-row .cover-glyph{left:50%;width:40px;height:40px}@media (max-width: 768px){.cover-hero{aspect-ratio:3 / 2}.cover-hero .cover-glyph{width:84px;height:84px}.cover-row{width:64px;height:64px}.cover-row .cover-glyph{width:30px;height:30px}}@supports not (aspect-ratio: 1 / 1){.cover-card:before{content:"";display:block;padding-top:62.5%}.cover-hero:before{content:"";display:block;padding-top:45%}@media (max-width: 768px){.cover-hero:before{padding-top:66.667%}}}