.art-media{position:relative;overflow:hidden;background:#161616}.art-media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.art-media[data-cat]{background-image:radial-gradient(120% 90% at 85% 12%,rgba(255,255,255,.1),transparent 55%),linear-gradient(150deg,var(--cat-from) 0,var(--cat-via) 55%,var(--cat-to) 100%)}.art-media[data-cat]:after{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 0);background-size:14px 100%;opacity:.4}.art-media[data-cat=Strategy]{--cat-from:#4a0a13;--cat-via:#2a0509;--cat-to:#120203}.art-media[data-cat=Market]{--cat-from:#0e2f6b;--cat-via:#0a1e44;--cat-to:#06122a}.art-media[data-cat=Analysis]{--cat-from:#4a3413;--cat-via:#2c1f0b;--cat-to:#160f05}.art-media[data-cat=Tutorial]{--cat-from:#0c3a24;--cat-via:#082515;--cat-to:#04140c}.art-media[data-cat=Roadmap]{--cat-from:#3a1a6b;--cat-via:#241040;--cat-to:#150828}.art-badge{position:absolute;top:12px;left:12px;z-index:2;letter-spacing:.14em;font-size:10px;font-weight:600;color:rgba(255,255,255,.92);background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.14);border-radius:6px;padding:4px 8px;backdrop-filter:blur(4px)}.art-badge,.art-meta{font-family:var(--font-chakra),ui-monospace,monospace;text-transform:uppercase}.art-meta{letter-spacing:.1em;font-size:10.5px;color:rgba(255,255,255,.4)}.art-meta .art-meta-cat{color:rgba(255,255,255,.75)}.art-author{display:flex;align-items:center;gap:10px}.art-avatar{width:34px;height:34px;border-radius:999px;-o-object-fit:cover;object-fit:cover;display:grid;place-items:center;background:#232325;border:1px solid rgba(255,255,255,.1);font-family:var(--font-chakra),monospace;font-size:11px;letter-spacing:.05em;color:rgba(255,255,255,.7);flex:none}.art-author-name{font-size:13px;font-weight:600;color:rgba(255,255,255,.9)}.art-author-role{font-family:var(--font-chakra),ui-monospace,monospace;text-transform:uppercase;letter-spacing:.12em;font-size:10px;color:rgba(255,255,255,.4)}.art-featured{display:block;border:1px solid rgba(255,255,255,.08);border-radius:18px;overflow:hidden;background:#0f0f10;transition:border-color .2s ease,transform .2s ease}.art-featured:hover{border-color:rgba(255,255,255,.18)}.art-featured .art-media{aspect-ratio:16/7}.art-featured-body{padding:26px 28px 24px}.art-kicker{font-family:var(--font-chakra),ui-monospace,monospace;text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:rgba(255,255,255,.4)}.art-kicker .art-kicker-cat{color:var(--accent)}.art-featured-title{font-family:var(--font-chakra),sans-serif;font-weight:700;letter-spacing:-.01em;font-size:clamp(22px,3vw,28px);color:#fff;margin-top:12px}.art-excerpt{margin-top:12px;font-size:14.5px;line-height:1.55;color:rgba(255,255,255,.52);max-width:56ch}.art-featured-foot{justify-content:space-between;gap:16px;margin-top:26px}.art-featured-foot,.art-row{display:flex;align-items:center}.art-row{gap:22px;padding:22px 4px;border-top:1px solid rgba(255,255,255,.07);transition:background .15s ease}.art-row:hover{background:rgba(255,255,255,.02)}.art-row .art-media{width:150px;height:100px;border-radius:10px;flex:none}.art-row-body{flex:1 1 auto;min-width:0}.art-row-title{font-family:var(--font-chakra),sans-serif;font-weight:700;font-size:18px;color:#fff;margin-top:8px}.art-row-excerpt{margin-top:7px;font-size:13.5px;line-height:1.5;color:rgba(255,255,255,.5);max-width:64ch}.art-row-author{font-family:var(--font-chakra),ui-monospace,monospace;letter-spacing:.06em;font-size:11px;color:rgba(255,255,255,.38);margin-top:12px}.art-arrow{flex:none;color:rgba(255,255,255,.35);transition:color .15s ease,transform .15s ease}.art-row:hover .art-arrow{color:#fff;transform:translateX(3px)}.art-grid{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;background:#0f0f10;transition:border-color .2s ease,transform .2s ease}.art-grid:hover{border-color:rgba(255,255,255,.18);transform:translateY(-2px)}.art-grid .art-media{aspect-ratio:16/10}.art-grid-body{display:flex;flex-direction:column;gap:8px;flex:1 1 auto;padding:16px 18px 20px}.art-grid-title{font-family:var(--font-chakra),sans-serif;font-weight:700;letter-spacing:-.01em;font-size:17px;line-height:1.25;color:#fff}.art-grid-excerpt{font-size:13px;line-height:1.5;color:rgba(255,255,255,.5);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width:640px){.art-row{gap:14px;align-items:flex-start}.art-row .art-media{width:96px;height:72px}.art-arrow{display:none}.art-featured-foot{flex-direction:column;align-items:flex-start;gap:14px}}