.page-portfolio .portfolio-card{overflow:hidden;background:#fff}.page-portfolio .project-thumb{height:245px;overflow:hidden;background:#eef2ff;position:relative}.page-portfolio .project-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .4s ease}.page-portfolio .portfolio-card:hover .project-thumb img{transform:scale(1.055)}.page-portfolio .project-thumb:after{content:"";position:absolute;inset:auto 0 0;height:34%;background:linear-gradient(transparent,rgba(7,26,61,.18));pointer-events:none}.page-portfolio .portfolio-card-body{padding-top:20px}.page-portfolio .portfolio-card-action{padding-top:4px}@media(max-width:760px){.page-portfolio .project-thumb{height:215px}}
.page-portfolio .portfolio-card-action{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;width:100%}.page-portfolio .portfolio-card-action .btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px}.page-portfolio .portfolio-card-action .btn-secondary{margin-left:auto;background:#fff;color:#0b1d42;border:1px solid #d4dbea}@media(max-width:560px){.page-portfolio .portfolio-card-action{align-items:stretch;flex-direction:column}.page-portfolio .portfolio-card-action .btn,.page-portfolio .portfolio-card-action .btn-secondary{width:100%;margin-left:0}}
.page-portfolio .portfolio-card{display:flex;flex-direction:column}.page-portfolio .portfolio-card-body{flex:1}.page-portfolio .portfolio-card-action{display:grid;grid-template-columns:1fr;gap:10px;margin-top:auto;padding-top:20px}.page-portfolio .portfolio-card-action .btn,.page-portfolio .portfolio-card-action .btn-secondary{width:100%;min-width:0;margin:0;padding:12px 10px;white-space:nowrap;font-size:.78rem}.page-portfolio .portfolio-card-action .btn-secondary{background:#f5f2ff;color:#5d38c7;border-color:#ded5fb}.page-portfolio .portfolio-card-action .btn-secondary:hover{background:#6842d8;color:#fff;border-color:#6842d8}@media(max-width:560px){.page-portfolio .portfolio-card-action{grid-template-columns:1fr}.page-portfolio .portfolio-card-action .btn,.page-portfolio .portfolio-card-action .btn-secondary{min-height:46px}}
.page-portfolio .demo-industry-badge{display:inline-flex;margin-bottom:11px;padding:5px 9px;border-radius:999px;background:#f0ebff;color:#6842d8;font-size:.62rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.page-portfolio .portfolio-card-action:has(.btn-packages){grid-template-columns:repeat(3,minmax(0,1fr))}.page-portfolio .portfolio-card-action .btn-packages{background:#eef5ff;color:#334e7d;border:1px solid #d6e1f4}.page-portfolio .project-thumb .secondary-preview{position:absolute;inset:0;opacity:0}.page-portfolio .project-thumb:hover .secondary-preview{opacity:1;transform:scale(1.03)}.page-portfolio .project-thumb:hover .primary-preview{opacity:0}.page-portfolio .project-thumb img{transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .4s ease,opacity .3s ease}@media(max-width:900px){.page-portfolio .portfolio-card-action:has(.btn-packages){grid-template-columns:1fr 1fr}.page-portfolio .portfolio-card-action .btn-packages{grid-column:1/-1}}@media(max-width:560px){.page-portfolio .portfolio-card-action:has(.btn-packages){grid-template-columns:1fr}.page-portfolio .portfolio-card-action .btn-packages{grid-column:auto}.page-portfolio .project-thumb{overflow-x:auto;scroll-snap-type:x mandatory;display:flex}.page-portfolio .project-thumb .primary-preview,.page-portfolio .project-thumb .secondary-preview{position:relative;inset:auto;min-width:100%;opacity:1;scroll-snap-align:start}.page-portfolio .project-thumb:hover .primary-preview{opacity:1}}