/* css/portfolio.css */
.page-hero { background:linear-gradient(135deg,#12101e 0%,#2a1858 100%); padding:4.5rem 0 3.5rem; position:relative; overflow:hidden; }
.page-hero::before { content:''; position:absolute; inset:0; background:radial-gradient(circle at 70% 50%, rgba(127,84,179,.18) 0%, transparent 60%); }
.page-hero .container { position:relative; z-index:1; }
.page-hero h1 { color:#fff; margin-bottom:.75rem; }
.page-hero h1 em { font-style:normal; color:#c4a8e8; }
.page-hero p { color:rgba(255,255,255,.6); max-width:540px; font-size:1.05rem; }

.portfolio-full-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(320px, 1fr)); gap:1.5rem; }
.portfolio-full-card { background:#fff; border:1px solid var(--border); border-radius:var(--radius-xl); overflow:hidden; transition:all var(--transition); }
.portfolio-full-card:hover { transform:translateY(-4px); box-shadow:var(--shadow-lg); }
.portfolio-full-thumb { height:200px; display:flex; align-items:center; justify-content:center; font-size:3.5rem; }
.portfolio-full-info { padding:1.5rem; }
.portfolio-full-name { font-size:1.1rem; margin-bottom:.2rem; }
.portfolio-full-cat  { font-size:.8rem; color:var(--muted); margin-bottom:.75rem; }
.portfolio-full-desc { font-size:.875rem; line-height:1.65; margin-bottom:1rem; }
.portfolio-full-tags { display:flex; gap:.4rem; flex-wrap:wrap; }
.ptag { font-size:.72rem; background:var(--light); color:var(--muted); padding:3px 9px; border-radius:5px; }

.portfolio-cta {
  margin-top:3.5rem;
  background:linear-gradient(135deg, var(--woo) 0%, var(--woo-deep) 100%);
  border-radius:var(--radius-xl);
  padding:3rem;
  text-align:center;
}
.portfolio-cta h3 { color:#fff; font-size:1.5rem; margin-bottom:.5rem; }
.portfolio-cta p  { color:rgba(255,255,255,.72); margin-bottom:1.75rem; }