.cover-grid{display:grid;grid-template-columns:1fr;gap:1.6rem;margin:2.2rem 0 0}article.cover-card{margin:0;border:1px solid var(--rule-color);border-radius:var(--radius-md);background:var(--bg-color-top);box-shadow:var(--shadow-sm);overflow:hidden;transition:border-color var(--dur)var(--ease),box-shadow var(--dur)var(--ease),transform var(--dur)var(--ease)}article.cover-card:hover{border-color:var(--rule-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.cover-card .cc-link{display:block;border-bottom:none;color:inherit;text-decoration:none}.cover-card .cc-link:hover{border-bottom:none}.cover-card .cc-media{position:relative;display:block;aspect-ratio:2.6/1;min-height:15rem;background-color:var(--bg-color-top);overflow:hidden}.cover-card .cc-media-ph{background-color:var(--accent);background-image:linear-gradient(120deg,var(--accent) 0%,var(--accent-deep) 100%)}.cover-card .cc-img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;transition:transform 480ms var(--ease)}.cover-card:hover .cc-img{transform:scale(1.03)}.cover-card .cc-ph{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--bq-fonts);font-size:9rem;line-height:1;color:#fff;opacity:.22;user-select:none}.cover-card .cc-scrim{position:absolute;inset:0;background-image:linear-gradient(to top,rgba(0,0,0,.82) 0%,rgba(0,0,0,.58) 26%,rgba(0,0,0,.26) 52%,rgba(0,0,0,4%) 78%,transparent 100%);transition:opacity var(--dur)var(--ease);pointer-events:none}.cover-card:hover .cc-scrim{opacity:.92}.cover-card .cc-media-ph .cc-scrim{opacity:.6}.cover-card .cc-body{position:absolute;right:0;bottom:0;left:0;padding:2rem 2.6rem 2.2rem;text-shadow:0 1px 3px rgba(0,0,0,.45)}.cover-card .cc-date{display:block;font-size:1.5rem;letter-spacing:.1em;color:rgba(255,255,255,.86);font-variant-numeric:tabular-nums}.cover-card .cc-title{margin:.3em 0 .35em;font-size:2.8rem;line-height:1.3;color:#fff;transition:color var(--dur)var(--ease)}.cover-card:hover .cc-title{color:#fff;opacity:.92}#content .cover-card .cc-desc,.cover-card .cc-desc{margin:0;font-size:1.7rem;line-height:1.6;color:rgba(255,255,255,.82);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:660px){.cover-card .cc-media{aspect-ratio:16/9;min-height:14rem}.cover-card .cc-body{padding:1.5rem 1.8rem 1.7rem}.cover-card .cc-date{font-size:1.4rem}.cover-card .cc-title{font-size:2.2rem}#content .cover-card .cc-desc,.cover-card .cc-desc{font-size:1.6rem}.cover-card .cc-ph{font-size:6.4rem}}