:root{--project-card-button:#0f766e;--project-card-button-hover:#0b5f59;--project-card-text:var(--text, #1d1d1f);--project-card-border:var(--border-card, #cbd5e1);--project-card-bg:var(--surface, #fff);--project-card-tag-radius:10px;--project-card-radius:var(--radius-xl, 16px);--project-card-shadow:var(--shadow-card, 0 10px 28px rgba(0, 0, 0, .07));--project-card-transition:var(--transition, .2s cubic-bezier(.16, 1, .3, 1));--project-title-line-height:1.28;--project-card-title:24px;--project-card-title-mobile:clamp(18px, 4.8vw, 20px);--project-excerpt-lines:2;--project-excerpt-line-height:1.5;--project-excerpt-height:calc(16px * var(--project-excerpt-line-height) * var(--project-excerpt-lines))}.kha-project-elementor-card-wrap{height:100%;padding:0 8px 22px;box-sizing:border-box}.kha-project-elementor-card-wrap .kha-project-card{height:100%}.elementor .row:has(.kha-project-elementor-card-wrap),.page .row:has(.kha-project-elementor-card-wrap){margin-inline:-8px}.kha-project-card{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--project-card-bg);box-shadow:var(--project-card-shadow);border:1px solid var(--project-card-border);border-radius:var(--radius-4xl);transition:transform var(--project-card-transition),box-shadow var(--project-card-transition),border-color var(--project-card-transition)}.kha-project-card:hover{transform:translateY(-4px);border-color:#bfdcff;box-shadow:0 12px 32px rgb(59 130 246 / .08),0 4px 12px rgb(59 130 246 / .04)}.kha-project-card .kha-project-thumb{position:relative;display:block;width:100%;aspect-ratio:16 / 10;overflow:hidden;background:var(--surface-soft);text-decoration:none}.kha-project-card .kha-project-img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.16,1,.3,1)}.kha-project-card:hover .kha-project-img{transform:scale(1.035)}.kha-project-card .kha-project-no-image{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:210px;color:#8a8f98;font-size:var(--text-md);font-weight:700;letter-spacing:.04em;background:radial-gradient(circle at top left,rgb(43 157 143 / .10),transparent 36%),linear-gradient(135deg,#f7fafc,#edf2f7)}.kha-project-card .kha-project-handover-badge{position:absolute;inset:auto 0 0;z-index:3;display:block;padding:5px 12px;background:rgb(196 70 36 / .9);color:#fff;font-size:12px;font-weight:600;line-height:1.4;text-align:center}.kha-project-card .kha-project-investor-badge{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:fit-content;flex:0 0 auto;min-width:64px;padding:3px 7px;border:1px solid #e9d9be;border-radius:var(--project-card-tag-radius);background:#fdf7ee;color:#29251e;font-family:inherit;font-size:var(--text-sm);font-weight:400;line-height:1.4;box-sizing:border-box}.kha-project-card .kha-developer-pill__logo{display:block;flex:0 0 16px;width:16px;height:16px;object-fit:contain;border-radius:4px}.kha-project-card .kha-developer-pill__name{display:block;min-width:0;white-space:nowrap;text-overflow:ellipsis}.kha-project-card .kha-project-body{display:flex;flex-direction:column;flex:1 1 auto;padding:20px 20px 0}.kha-project-card .kha-project-content-top{display:flex;flex-direction:column;flex:1 1 auto}.kha-project-card .kha-project-tags{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;margin:0 0 12px;min-height:32px}.kha-project-card .kha-project-area-tag{display:inline-flex;align-items:center;gap:4px;max-width:100%;min-height:28px;padding:4px 6px;border-radius:var(--project-card-tag-radius);font-size:var(--text-sm);line-height:1;box-sizing:border-box;flex:0 1 auto;min-width:0;overflow:hidden;white-space:nowrap;border:1px solid rgb(43 157 143 / .18);background:rgb(43 157 143 / .08);color:var(--project-button)}.kha-project-card .kha-project-area-icon{width:16px;height:16px;flex:0 0 16px;display:block;object-fit:contain;transform:translateY(-.5px)}.kha-project-card .kha-project-title{margin:0;padding:0;color:var(--project-card-text);font-size:var(--project-card-title);line-height:var(--project-title-line-height);letter-spacing:-.015em}.kha-project-card .kha-project-title a{display:block;overflow:hidden;color:var(--project-card-text);text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.kha-project-card .kha-project-title a:hover{color:var(--project-card-button)}.kha-project-card .kha-project-excerpt{display:-webkit-box;min-height:var(--project-excerpt-height);max-height:var(--project-excerpt-height);margin-top:10px;overflow:hidden;color:#535965;font-size:var(--text-md);font-weight:400;line-height:var(--project-excerpt-line-height);opacity:.78;-webkit-line-clamp:var(--project-excerpt-lines);-webkit-box-orient:vertical}.kha-project-card .kha-project-card-bottom{margin-top:auto;padding:18px 0}.kha-project-card .detail-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:42px;padding:10px 16px;border-radius:var(--project-card-radius);background:var(--project-card-button);color:var(--surface);font-size:var(--text-sm);font-weight:700;line-height:1;text-decoration:none;white-space:nowrap;box-shadow:0 6px 14px rgb(15 118 110 / .16);transition:background .2s ease,box-shadow .2s ease,transform .2s ease}.kha-project-card .detail-btn:hover{background:var(--project-card-button-hover);color:var(--surface);box-shadow:0 8px 18px rgb(15 118 110 / .22);transform:translateY(-1px)}.kha-project-card .detail-btn:focus-visible{outline:2px solid rgb(15 118 110 / .32);outline-offset:4px}.kha-project-card .detail-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex:0 0 16px}.kha-project-card .detail-icon svg{width:16px;height:16px;display:block;fill:none;stroke:currentColor;stroke-width:2.15;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}.kha-project-card .detail-btn:hover .detail-icon svg{transform:translateX(2px)}@media (max-width:768px){.kha-project-elementor-card-wrap{padding:0 0 20px}.elementor .row:has(.kha-project-elementor-card-wrap),.page .row:has(.kha-project-elementor-card-wrap){margin-inline:0}.kha-project-card .kha-project-body{padding:18px 18px 0}.kha-project-card .kha-project-title a{font-size:var(--project-card-title-mobile)}.kha-project-card .kha-project-card-bottom{padding-bottom:16px}}@media (max-width:576px){.kha-project-card .kha-project-tags{gap:6px;margin-bottom:10px}.kha-project-card .kha-project-area-tag,.kha-project-card .detail-btn{min-height:40px;padding:10px 14px;font-size:var(--text-sm)}}@media (max-width:340px){.kha-project-card .kha-project-card-bottom{align-items:flex-start;flex-wrap:wrap}}