.project-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius);transition:border-color .3s,box-shadow .3s;overflow:hidden}.project-card:hover{border-color:var(--color-accent);box-shadow:0 8px 30px var(--color-shadow)}.project-card__image{aspect-ratio:16/10;background:var(--color-bg-muted);position:relative;overflow:hidden}.project-card__image img{object-fit:cover;width:100%;height:100%;transition:opacity .4s}.project-card__placeholder--loading{position:absolute;inset:0}.project-card__spinner{border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite card-spin}@keyframes card-spin{to{transform:rotate(360deg)}}.project-card__placeholder{width:100%;height:100%;color:var(--color-accent);opacity:.3;font-size:3rem;font-weight:700;font-family:var(--font-heading);justify-content:center;align-items:center;display:flex}.project-card__badge{background:var(--color-accent);color:var(--color-bg);text-transform:uppercase;letter-spacing:.05em;border-radius:4px;padding:.25rem .6rem;font-size:.7rem;font-weight:600;position:absolute;top:.75rem;right:.75rem}.project-card__content{padding:1.25rem}.project-card__title{font-family:var(--font-heading);color:var(--color-text);margin:0 0 .5rem;font-size:1.15rem;font-weight:600}.project-card__desc{color:var(--color-text-muted);margin:0 0 .75rem;font-size:.9rem;line-height:1.5}.project-card__stack{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.project-card__tech{background:var(--color-bg-muted);color:var(--color-text-muted);border-radius:4px;padding:.2rem .5rem;font-size:.75rem;font-weight:500}.project-card__links{align-items:center;gap:1.25rem;display:flex}.project-card__link{color:var(--color-accent);font-size:.9rem;font-weight:600;text-decoration:none;transition:opacity .3s}.project-card__link--external{color:var(--color-text-muted);font-weight:500}.project-card__link:hover{opacity:.8}.video-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius);transition:border-color .3s;overflow:hidden}.video-card:hover{border-color:var(--color-accent)}.video-card__media{aspect-ratio:16/9;background:#000;position:relative}.video-card__media iframe{border:none;width:100%;height:100%}.video-card__thumbnail{cursor:pointer;background:0 0;border:none;width:100%;height:100%;padding:0;position:relative}.video-card__thumbnail img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.video-card__thumbnail:hover img{transform:scale(1.05)}.video-card__play{color:#fff;background:#000000b3;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.5rem;transition:background-color .3s,transform .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-card__thumbnail:hover .video-card__play{background:var(--color-accent);transform:translate(-50%,-50%)scale(1.1)}.video-card__content{padding:1.25rem}.video-card__title{font-family:var(--font-heading);color:var(--color-text);margin:0 0 .5rem;font-size:1.1rem;font-weight:600}.video-card__desc{color:var(--color-text-muted);margin:0;font-size:.9rem;line-height:1.5}