/* ── projects.travisteo.com ── */

.proj-header {
  background:var(--bg2);
  border-bottom:1px solid var(--border);
  padding:100px 48px 48px;
}
.proj-header-inner { max-width:1060px; margin:0 auto; }
.proj-eyebrow { font-family:var(--mono); font-size:10px; color:var(--accent); letter-spacing:3px; text-transform:uppercase; margin-bottom:12px; opacity:0; animation:fadeUp 0.5s forwards 0.1s; }
.proj-headline { font-size:clamp(32px,5vw,54px); font-weight:700; letter-spacing:-1px; margin-bottom:10px; color:var(--text); opacity:0; animation:fadeUp 0.5s forwards 0.25s; }
.proj-subhead  { font-size:15px; color:var(--text2); line-height:1.7; max-width:560px; opacity:0; animation:fadeUp 0.5s forwards 0.4s; }

.projects-body { max-width:1060px; margin:0 auto; padding:48px; }

.full-proj-card {
  background:var(--card);
  border:1px solid var(--border);
  padding:36px;
  margin-bottom:24px;
  transition:border-color 0.2s;
}
.full-proj-card:hover { border-color:var(--accent); }
.fpcard-header { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:20px; flex-wrap:wrap; }
.fpcard-num    { font-family:var(--mono); font-size:10px; color:var(--muted); margin-bottom:6px; }
.fpcard-title  { font-size:20px; font-weight:700; color:var(--text); margin-bottom:4px; }
.fpcard-sub    { font-family:var(--mono); font-size:11px; color:var(--accent); }
.fpcard-img    { width:100%; max-height:240px; object-fit:cover; margin-bottom:20px; border:1px solid var(--border); }
.fpcard-body   { font-size:15px; color:var(--text2); line-height:1.8; margin-bottom:16px; }
.fpcard-section-label { font-family:var(--mono); font-size:10px; color:var(--accent); letter-spacing:2px; text-transform:uppercase; margin:16px 0 6px; }
.fpcard-bullets { padding-left:18px; margin-bottom:12px; }
.fpcard-bullets li { font-size:14px; color:var(--text2); line-height:1.75; margin-bottom:6px; }

@media (max-width:860px) {
  .proj-header { padding:100px 20px 40px; }
  .projects-body { padding:32px 20px; }
  .full-proj-card { padding:24px; }
  .fpcard-header { flex-direction:column; gap:8px; }
}