.relcard{display:block;overflow:hidden;transition:transform .25s}.relcard:hover{transform:translateY(-4px)}.relcard img{width:100%;aspect-ratio:16/9;object-fit:cover}.relcard div{padding:18px 20px 22px}.relcard small{font:700 11px/1 var(--title);letter-spacing:.2em;text-transform:uppercase;color:var(--amber)}.relcard h3{margin-top:10px;font:800 21px/1.1 var(--title);text-transform:uppercase}.relcard p{margin-top:8px;font-size:14.5px;color:var(--muted)}.ccard{display:block;padding:10px 10px 16px;transform-style:preserve-3d;transition:transform .2s ease-out}.ccard__img{position:relative;aspect-ratio:13/10;overflow:hidden;clip-path:var(--cut-s);background:#000}.ccard__img img{width:100%;height:100%;object-fit:cover;object-position:38% 50%;transition:transform .6s}.ccard:hover .ccard__img img{transform:scale(1.05)}.ccard__img:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,16,23,.92),transparent 55%)}.ccard__img span{position:absolute;left:14px;bottom:12px;z-index:2;font:800 24px/1 var(--title);letter-spacing:.06em;text-transform:uppercase}.ccard__img small{position:absolute;left:14px;bottom:40px;z-index:2;font:700 10.5px/1 var(--title);letter-spacing:.22em;text-transform:uppercase;color:var(--amber)}.ccard__role{margin:14px 6px 0;font:700 13px/1.3 var(--title);letter-spacing:.14em;text-transform:uppercase;color:var(--text)}.ccard__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 6px 0;font:700 11px/1 var(--title);letter-spacing:.18em;text-transform:uppercase;color:var(--amber)}
