.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);display:block;overflow:hidden;text-decoration:none;transition:border-color var(--t-base),transform var(--t-base),box-shadow var(--t-base)}.project-card:hover{border-color:var(--border-hover);box-shadow:0 16px 48px #1c1c2a1f;transform:translateY(-6px)}.project-card:hover .project-card__overlay{opacity:1}.project-card:hover .project-card__browser{transform:translateY(-4px) scale(1.02)}.project-card__visual{aspect-ratio:16/9;overflow:hidden;position:relative}.project-card__visual-inner{align-items:center;display:flex;inset:0;justify-content:center;padding:20px 24px 24px;position:absolute}.project-card__browser{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c;border:1px solid hsla(0,0%,100%,.12);border-radius:10px;max-width:320px;overflow:hidden;transition:transform var(--t-base);width:100%}.project-card__browser-bar{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.07);display:flex;gap:5px;padding:8px 12px}.project-card__url-bar{color:#ffffff59;flex:1;font-family:var(--font-body);font-size:.6rem;margin-left:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-card__browser-content{overflow:hidden;position:relative}.project-card__preview-img{display:block;height:auto;width:100%}.project-card__iframe-wrap{height:120px;overflow:hidden;position:relative;width:100%}.project-card__preview-iframe{border:none;height:800px;pointer-events:none;transform:scale(.195);transform-origin:top left;width:1280px}.project-card__browser-body{padding:12px 14px}.project-card__overlay{align-items:center;background:#00000061;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity var(--t-fast)}.project-card__overlay-label{align-items:center;background:#fffffff2;border-radius:var(--r-xl);box-shadow:0 4px 20px #0003;color:var(--text);display:inline-flex;font-size:.82rem;font-weight:700;gap:8px;letter-spacing:.02em;padding:10px 20px}.project-card .dot{border-radius:50%;display:block;flex-shrink:0;height:8px;width:8px}.project-card .dot--red{background:#ff6b6bbf}.project-card .dot--yellow{background:#feca57bf}.project-card .dot--green{background:#48dbfbbf}.project-card .mock-nav{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.06);display:flex;justify-content:space-between;padding:10px 14px}.project-card .mock-nav-links{display:flex;gap:10px}.project-card .mock-hero{border-bottom:1px solid hsla(0,0%,100%,.06);padding:14px 14px 10px}.project-card .mock-cta{background:#ffffff38;border-radius:8px;height:14px;margin-top:10px;width:60px}.project-card .mock-bar{background:#ffffff2e;border-radius:4px;height:8px}.project-card .mock-grid{display:grid;gap:6px;grid-template-columns:repeat(3,1fr);padding:10px 14px}.project-card .mock-block{background:#ffffff14;border-radius:4px;height:24px}.project-card__body{padding:24px}.project-card__title{color:var(--text);font-family:var(--font-display);font-size:1.25rem;font-weight:700;margin-bottom:10px}.project-card__desc{color:var(--text-muted);font-size:.88rem;line-height:1.65}