/* Portfolio and demos: project cards with highlights, notes and several links. */
.card.project-card { display: flex; flex-direction: column; }
.project-card .check-list { font-size: .92rem; gap: .4rem; margin-bottom: 1.1rem; }
.project-card .tag-list { margin-bottom: 1.25rem; }
.project-card__note { font-size: .9rem; }
.project-card__note strong { color: var(--soft); }
.project-card__links { margin-top: auto; display: flex; flex-wrap: wrap; gap: .5rem 1.25rem; }
.project-card .link-arrow { color: var(--cyan); }
.project-card__logo { height: 32px; width: auto; margin-bottom: .75rem; }
.card__media--contain img { object-fit: contain; object-position: center; padding: 1rem; }

/* Demos: enlargeable beacon screenshot. */
.demo-thumb { display: block; width: 100%; padding: 0; border: 0; background: none; border-radius: 14px; cursor: zoom-in; }
.demo-thumb .shot { display: block; transition: border-color .2s ease, transform .2s ease; }
.demo-thumb:hover .shot { border-color: rgba(34, 211, 238, .45); transform: translateY(-2px); }
.modal--wide { width: min(1000px, calc(100% - 2rem)); }
.modal__img { width: 100%; margin-top: 2.5rem; border-radius: var(--radius-sm); }