.wcard{gap:var(--s-2);cursor:pointer;background:var(--paper);border:1px solid var(--border);border-radius:var(--r-card);min-width:0;padding:var(--s-3);color:var(--ink);box-shadow:var(--shadow);transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease), border-color var(--dur) var(--ease);flex-direction:column;display:flex;position:relative}.wcard.t-purple{--tone:var(--p-purple)}.wcard.t-teal{--tone:var(--p-teal)}.wcard.t-yellow{--tone:var(--p-yellow)}.wcard.t-pink{--tone:var(--p-pink)}.wcard.t-blue{--tone:var(--blue-soft)}.wcard:hover{box-shadow:var(--shadow-lift);border-color:color-mix(in oklch, var(--blue) 74%, var(--border));transform:translateY(-3px)}.wcard:active{transform:translateY(-1px)}.wcard a:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.wcard .wart{transition:transform var(--dur) var(--ease)}.wcard:hover .wart,.wcard:focus-within .wart{transform:scale(1.015)}.wart{border-radius:calc(var(--r-card) - 6px);padding:var(--s-3);aspect-ratio:10/7;justify-content:center;align-items:center;display:flex;overflow:hidden}.wart.has-image{aspect-ratio:16/9;padding:0;overflow:hidden}.wart-image{object-fit:cover;object-position:center;background:var(--paper);width:100%;height:100%;display:block}.wart.has-image.blue,.wart.has-image.teal,.wart.has-image.yellow,.wart.has-image.blue .wart-image,.wart.has-image.teal .wart-image,.wart.has-image.yellow .wart-image{background:#fff}.wart.has-image.light,.wart.has-image.light .wart-image{background:#f5f7ff}.wart svg{width:100%;max-height:96px}.wart.purple{background:var(--p-purple)}.wart.teal{background:var(--p-teal)}.wart.yellow{background:var(--p-yellow)}.wart.pink{background:var(--p-pink)}.wart.blue{background:var(--blue-soft)}.wcard h3{margin-top:var(--s-1);font-size:17px;font-weight:650}.wcard p{color:var(--ink-2);overflow-wrap:anywhere;flex:1;font-size:14.5px;line-height:1.55}.wcard-foot{justify-content:space-between;align-items:flex-start;gap:var(--s-2);margin-top:var(--s-1);flex-wrap:wrap;display:flex}.wtag{max-width:100%;min-height:28px;padding:0 var(--s-3);border-radius:var(--r-chip);color:var(--ink-2);white-space:normal;overflow-wrap:anywhere;align-items:center;font-size:12.5px;font-weight:550;display:inline-flex}.wtag.purple{background:var(--p-purple)}.wtag.teal{background:var(--p-teal)}.wtag.yellow{background:var(--p-yellow)}.wtag.pink{background:var(--p-pink)}.wtag.blue{background:var(--blue-soft)}.wcard-foot .go{width:18px;height:18px;color:var(--ink-2);transition:transform var(--dur) var(--ease), color var(--dur) var(--ease)}.wcard:hover .go,.wcard:focus-within .go{color:var(--blue);transform:translate(2px)}.wcard-action{color:var(--ink-2);white-space:nowrap;transition:color var(--dur) var(--ease), transform var(--dur) var(--ease);flex:none;align-items:center;gap:5px;margin-left:auto;font-size:13px;font-weight:650;display:inline-flex}.wcard:hover .wcard-action,.wcard:focus-within .wcard-action{color:var(--blue);transform:translate(2px)}.project-card-primary{color:inherit;display:block}.project-card-featured{width:fit-content;min-height:24px;margin-bottom:calc(-1 * var(--s-2));padding:0 var(--s-2);border-radius:var(--r-chip);color:var(--ink);background:var(--blue-soft);align-items:center;font-size:11px;font-weight:650;display:inline-flex}.wcard-links{flex-wrap:wrap;gap:.8rem;margin-top:auto;font-size:.82rem;display:flex}.wcard-links a{color:var(--blue)}@media (prefers-reduced-motion:reduce){.wcard,.wcard .wart,.wcard .go,.wcard-action{transition:none}.wcard:hover,.wcard:hover .wart,.wcard:focus-within .wart,.wcard:hover .go,.wcard:focus-within .go,.wcard:hover .wcard-action,.wcard:focus-within .wcard-action{transform:none}}