:root{
 --akkita-dark:#0E1828;
 --akkita-dark-2:#101C31;
 --akkita-teal:#269AAB;
 --akkita-red:#D83537;
 --akkita-text:#102035;
 --akkita-muted:#6B7280;
}

body{
 font-family:'Poppins',sans-serif;
}

.akkita-project-grid{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:28px;
}

.akkita-project-card{
 position:relative;
 overflow:hidden;
 border-radius:18px;
 min-height:420px;
 background:#101C31;
 box-shadow:0 18px 45px rgba(14,24,40,.14);
 transition:.35s ease;
}

.akkita-project-card:hover{
 transform:translateY(-10px);
 box-shadow:0 30px 65px rgba(14,24,40,.24);
}

.akkita-project-image{
 position:absolute;
 inset:0;
}

.akkita-project-image img{
 width:100%;
 height:100%;
 object-fit:cover;
 transition:transform .7s ease;
}

.akkita-project-card:hover .akkita-project-image img{
 transform:scale(1.06);
}

.akkita-project-overlay{
 position:absolute;
 inset:0;
 background:linear-gradient(
 180deg,
 rgba(14,24,40,.02),
 rgba(14,24,40,.28),
 rgba(14,24,40,.88)
 );
}

.akkita-project-content{
 position:absolute;
 left:28px;
 right:28px;
 bottom:28px;
 z-index:2;
}

.akkita-project-category{
 color:rgba(255,255,255,.68);
 font-size:11px;
 letter-spacing:.14em;
 text-transform:uppercase;
 margin-bottom:10px;
}

.akkita-project-title{
 color:#fff;
 font-size:24px;
 line-height:1.12;
 font-weight:600;
 margin-bottom:12px;
}

.akkita-project-text{
 color:rgba(255,255,255,.74);
 font-size:14px;
 line-height:1.7;
}

.akkita-project-link{
 display:inline-flex;
 gap:8px;
 margin-top:18px;
 color:var(--akkita-teal);
 font-size:12px;
 letter-spacing:.08em;
 text-transform:uppercase;
 font-weight:600;
}

@media(max-width:980px){
 .akkita-project-grid{
  grid-template-columns:1fr;
 }
}