/* Portfolio specific styles - keep premium black & white identity */

.portfolio-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:2rem;
}

.portfolio-card{
  background:rgba(255,255,255,0.02);
  border:1px solid rgba(255,255,255,0.06);
  border-radius:20px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  transition:transform .35s ease, box-shadow .35s ease;
}

.portfolio-card:hover{
  transform:translateY(-8px);
  box-shadow:0 20px 50px rgba(0,0,0,0.45);
}

.portfolio-media{
  min-height:200px;
  height:auto;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:2.6rem;
  color:white;
  overflow:hidden;
}

.portfolio-body{
  padding:1.5rem;
  display:flex;
  flex-direction:column;
  gap:0.75rem;
}

.portfolio-body h3{margin:0;font-size:1.15rem}
.portfolio-body .muted{color:var(--text-light);font-size:0.95rem}

.tech-list{display:flex;gap:.5rem;flex-wrap:wrap}
.tech-list span{background:rgba(255,255,255,0.03);padding:.35rem .6rem;border-radius:999px;font-size:.8rem;color:var(--blue-neon)}

.portfolio-actions{display:flex;gap:.8rem;margin-top:.5rem}

.portfolio-tag{
  display:inline-flex;
  padding:.35rem .75rem;
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:999px;
  font-size:.75rem;
  color:var(--text-light);
  width:max-content;
}

.filter-button-group{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:1rem;
}

.filter-button{
  border:1px solid rgba(255,255,255,0.12);
  background:rgba(255,255,255,0.04);
  color:var(--text-light);
  padding:.9rem 1.4rem;
  border-radius:999px;
  cursor:pointer;
  transition:all .3s ease;
}

.filter-button.active,
.filter-button:hover{
  background:rgba(255,255,255,0.95);
  color:#000;
  border-color:rgba(255,255,255,0.2);
}

.portfolio-founder{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:2rem;
  align-items:center;
  margin-top:3rem;
}

.portfolio-founder .founder-photo{border-radius:24px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,0.35);}
.portfolio-founder .founder-photo img{width:100%;height:auto;display:block;object-fit:cover;}

.founder-meta h3{margin:0;font-size:2rem;line-height:1.1;}
.founder-meta p{color:var(--text-light);margin:1rem 0;}
.founder-list{
  list-style:none;

  padding:0;

  margin:0 0 1.2rem 0;

  display:flex;

  flex-wrap:nowrap;

  gap:.5rem;

  overflow-x:auto;

  scrollbar-width:none;
}
.founder-list li{
  background:rgba(255,255,255,0.04);

  border:1px solid rgba(255,255,255,0.08);

  padding:.25rem .8rem;

  border-radius:12px;

  color:var(--text-light);

  font-size:.85rem;

  white-space:nowrap;

  transition:all .3s ease;

  flex-shrink:0;
}

.founder-list li:hover{
  transform:translateY(-3px);

  border-color:rgba(255,255,255,0.2);

  background:rgba(255,255,255,0.07);
}


.portfolio-action-group{
  display:flex;

  gap:.8rem;

  margin-top:1rem;

  align-items:center;

  flex-wrap:wrap;
}

.portfolio-action-group .btn{
  width:auto;
  padding:.75rem 1.1rem;
  font-size:.9rem;
}

@media(max-width:900px){
  .portfolio-founder{grid-template-columns:1fr}
}

.portfolio-founder .founder-photo{border-radius:18px;overflow:hidden;max-width:360px}
.portfolio-founder .founder-photo img{width:100%;height:auto;display:block}

.founder-meta h3{margin:0}
.founder-meta p{color:var(--text-light)}

/* Skills */
.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-top:1rem}
.skill-pill{background:rgba(255,255,255,0.02);padding:1rem;border-radius:12px;text-align:center;font-weight:600}

/* Trust */
.trust-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:2rem}
.trust-cards .glass-card{padding:1.4rem;text-align:center}

.project-detail-hero{
  padding:6rem 3rem 4rem;
  background:linear-gradient(135deg,rgba(14,165,233,0.15),rgba(139,92,246,0.12));
}

.detail-hero-copy{max-width:860px;}
.detail-hero-copy h1{font-size:clamp(2.8rem,5vw,4.5rem);margin:1rem 0;}
.detail-section{padding:3rem 3rem;}
.detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem;align-items:start;}
.detail-column{display:flex;flex-direction:column;gap:1.5rem;}
.detail-meta .glass-card{padding:1.5rem;}
.detail-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1.5rem;}
.detail-gallery img{width:100%;border-radius:20px;object-fit:cover;height:auto;aspect-ratio:16/9}
.detail-meta h4{margin-bottom:1rem;font-size:1rem;color:white;}

@media(max-width:900px){
  .portfolio-founder{grid-template-columns:1fr}
  .detail-grid{grid-template-columns:1fr}
}