a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:13px;letter-spacing:.04em;color:var(--lime);text-transform:uppercase}
.eyebrow::before{content:"";width:22px;height:2px;background:var(--lime)}
.card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface);transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}
.card:hover{transform:translateY(-3px);border-color:rgba(200,255,62,.42);background:rgba(200,255,62,.035);box-shadow:0 16px 44px rgba(0,0,0,.28)}
.card-media{aspect-ratio:1/1;display:block;background:linear-gradient(135deg,rgba(200,255,62,.18),rgba(200,255,62,.05) 38%,rgba(255,255,255,.03) 100%),linear-gradient(160deg,#141712,#0f1110);border-bottom:1px solid var(--line-soft)}
.card-media.has-image{background:none;position:relative}
.card-media.has-image img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:filter .2s ease}
.card:hover .card-media.has-image img{filter:none}
.card-body{display:flex;flex:1;flex-direction:column;padding:16px}
.card-tag{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--lime)}
.card-title{margin-top:10px;font-weight:800;font-size:20px;line-height:1.18;letter-spacing:-.02em}
.card-text{margin-top:10px;color:var(--tx-2);font-size:15px;line-height:1.55}