/* =========================================
   PROJECTS
   ========================================= */
#projects{background:var(--bg2)}
.projects-header{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:24px;
  align-items:end;
  margin-bottom:60px;
}
.projects-header > div:first-child{grid-column:1 / span 8}
.projects-header-right{
  grid-column:9 / span 4;
  font-size:13px;color:var(--text3);
  text-align:right;max-width:none;line-height:1.6;
  justify-self:start;
}
.projects-header-right-line{
  display:block;
  width:max-content;
  margin-left:auto;
  white-space:nowrap;
  text-align:right;
}
/* Masonry-like grid */
.proj-grid{
  display:grid;
  grid-template-columns:repeat(12,1fr);
  grid-auto-rows:minmax(60px,auto);
  gap:24px;
}
.proj-card{
  background:
    linear-gradient(var(--bg),var(--bg)) padding-box,
    linear-gradient(135deg,rgba(212,96,10,0.52) 0%,rgba(212,96,10,0.24) 36%,rgba(212,96,10,0.08) 64%,rgba(212,96,10,0) 100%) border-box;
  border:1px solid transparent;
  border-radius:24px;
  padding:32px;
  transition:all 0.25s;
  cursor:pointer;
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
}
.proj-card:hover{
  background:
    linear-gradient(var(--bg3),var(--bg3)) padding-box,
    linear-gradient(135deg,rgba(212,96,10,0.52) 0%,rgba(212,96,10,0.24) 36%,rgba(212,96,10,0.08) 64%,rgba(212,96,10,0) 100%) border-box;
}
.proj-card.span-8{grid-column:span 8}
.proj-card.span-4{grid-column:span 4}
.proj-card.span-6{grid-column:span 6}
.proj-card.span-5{grid-column:span 5}
.proj-card.span-7{grid-column:span 7}
.proj-card.span-12{grid-column:span 12}
.proj-status-row{
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:20px;
}
.proj-status{
  display:inline-flex;align-items:center;gap:6px;
  font-family:'JetBrains Mono',monospace;
  font-size:9px;letter-spacing:2px;text-transform:uppercase;
  color:var(--accent);
}
.proj-status-dot{
  width:5px;height:5px;border-radius:50%;
  background:var(--accent);
}
.proj-status.inactive{color:var(--text3)}
.proj-status.inactive .proj-status-dot{background:var(--text3)}
.proj-cat{
  font-family:'JetBrains Mono',monospace;
  font-size:9px;letter-spacing:2px;text-transform:uppercase;
  color:var(--text4);
}
.proj-title{
  font-family:'PT Serif',serif;
  font-size:clamp(18px,2vw,24px);
  font-weight:400;
  color:var(--text);
  line-height:1.2;
  margin-bottom:12px;
}
.proj-desc{font-size:14px;color:var(--text2);line-height:1.7;margin-bottom:20px;flex:1}
.proj-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:20px}
.proj-tag{
  font-family:'JetBrains Mono',monospace;
  font-size:9px;color:var(--text3);
  border:1px solid var(--border);padding:3px 8px;
  letter-spacing:1.5px;text-transform:uppercase;
}
.proj-more-btn{
  display:inline-flex;align-items:center;gap:6px;
  font-family:'JetBrains Mono',monospace;
  font-size:10px;letter-spacing:2px;text-transform:uppercase;
  color:var(--accent);text-decoration:none;
  transition:gap 0.2s;
  margin-top:auto;
  background:none;border:none;cursor:pointer;
  padding:0;
}
.proj-more-btn:hover{gap:10px}
.proj-num-bg{
  position:absolute;bottom:-10px;right:16px;
  font-family:'PT Serif',serif;
  font-size:100px;
  color:rgba(255,255,255,0.02);
  line-height:1;
  pointer-events:none;
  font-weight:700;
  letter-spacing:-4px;
}
/* Featured card accent */
.proj-card.featured{
  background:
    linear-gradient(var(--bg3),var(--bg3)) padding-box,
    linear-gradient(135deg,rgba(212,96,10,0.52) 0%,rgba(212,96,10,0.24) 36%,rgba(212,96,10,0.08) 64%,rgba(212,96,10,0) 100%) border-box;
}
.proj-card.featured .proj-title{font-size:clamp(22px,2.5vw,30px)}