/* Final demo-card layout: two cards per row at every viewport. */
.page-portfolio .card-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start;gap:22px}
.page-portfolio .portfolio-card{min-width:0;height:auto;min-height:0;padding:10px!important;border-radius:16px!important;overflow:hidden}
.page-portfolio .demo-card-visual{height:320px;border-radius:12px;overflow:hidden}
.page-portfolio .project-thumb img{width:100%;height:100%;object-fit:cover}
.page-portfolio .portfolio-card-body{inset:auto 18px 18px;max-width:calc(100% - 36px)}
.page-portfolio .portfolio-card-body .demo-industry-badge{margin-bottom:6px;padding:4px 7px;font-size:.54rem}
.page-portfolio .portfolio-card-body h3{display:-webkit-box;margin:0 0 6px;overflow:hidden;font-size:1.08rem;line-height:1.18;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.page-portfolio .portfolio-card-body p{display:-webkit-box;margin:0;overflow:hidden;font-size:.74rem;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.page-portfolio .portfolio-card-body>span:last-child{display:none}
.page-portfolio .demo-level-badge{padding:6px 8px;font-size:.55rem}
.page-portfolio .portfolio-card-action.demo-card-cta-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:0!important;padding:9px 0 0!important}
.page-portfolio .demo-card-cta-row .btn{width:100%!important;min-width:0;min-height:42px!important;padding:0 9px!important;justify-content:center;border-radius:10px!important;font-size:.72rem!important}
.page-portfolio .demo-view-button,.page-portfolio .demo-view-button:link,.page-portfolio .demo-view-button:visited{background:#0b1d42!important;border-color:#0b1d42!important;color:#fff!important}
.page-portfolio .demo-dashboard-button,.page-portfolio .demo-dashboard-button:link,.page-portfolio .demo-dashboard-button:visited{background:linear-gradient(135deg,#4f26b8,#7548e7 55%,#9365f8)!important;border:1px solid #7548e7!important;color:#fff!important;font-weight:850;box-shadow:0 8px 18px rgba(91,52,190,.25);transition:transform .2s ease,box-shadow .2s ease}
.page-portfolio .demo-dashboard-button span{color:#fff!important;opacity:1!important}
.page-portfolio .demo-dashboard-button:hover{color:#fff!important;box-shadow:0 11px 24px rgba(91,52,190,.34);transform:translateY(-2px)}
.page-portfolio .demo-dashboard-button:focus-visible,.page-portfolio .demo-view-button:focus-visible{outline:3px solid rgba(104,66,223,.3);outline-offset:3px}
.page-portfolio .demo-dashboard-arrow{display:inline-grid;width:21px;height:21px;flex:0 0 21px;place-items:center;border:1px solid rgba(255,255,255,.4);border-radius:50%;background:rgba(255,255,255,.15);color:#fff!important;font-size:.68rem}
@media(max-width:900px){.page-portfolio .card-grid.three{gap:14px}.page-portfolio .demo-card-visual{height:270px}.page-portfolio .portfolio-card-body{inset:auto 14px 14px;max-width:calc(100% - 28px)}.page-portfolio .portfolio-card-body h3{font-size:.96rem}.page-portfolio .portfolio-card-body p{font-size:.68rem}.page-portfolio .demo-status-badges{display:none}}
@media(max-width:680px){.page-portfolio .card-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}.page-portfolio .portfolio-card{padding:5px!important;border-radius:12px!important}.page-portfolio .demo-card-visual{height:clamp(180px,58vw,225px);border-radius:8px}.page-portfolio .portfolio-card-body{inset:auto 9px 9px;max-width:calc(100% - 18px)}.page-portfolio .portfolio-card-body .demo-industry-badge{margin-bottom:4px;padding:3px 5px;font-size:.43rem}.page-portfolio .portfolio-card-body h3{margin-bottom:4px;font-size:.76rem;line-height:1.14}.page-portfolio .portfolio-card-body p{font-size:.54rem;line-height:1.3}.page-portfolio .demo-badge-top{top:6px;right:6px}.page-portfolio .demo-level-badge{max-width:88px;padding:4px 5px;overflow:hidden;font-size:.43rem;text-overflow:ellipsis}.page-portfolio .portfolio-card-action.demo-card-cta-row{grid-template-columns:1fr!important;gap:5px!important;padding-top:5px!important}.page-portfolio .demo-card-cta-row .btn{min-height:31px!important;padding:0 5px!important;border-radius:7px!important;font-size:.56rem!important}.page-portfolio .demo-view-button span:last-child,.page-portfolio .demo-dashboard-arrow{width:17px;height:17px;flex-basis:17px;font-size:.55rem}}
@media(max-width:350px){.page-portfolio .card-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px}.page-portfolio .demo-card-visual{height:178px}.page-portfolio .portfolio-card-body p{display:none}}