@font-face {
  font-family: 'DotFont'; 
  src: url('fonts/LED Dot-Matrix 400.ttf') format('opentype');
  font-weight: normal;
  font-style: normal;
}
/* ── Projects section — headings ─────────────────────────── */

  .section-title {
    font-family: 'DotFont', monospace;
    margin-bottom: 6rem; 
    font-size: 2.25rem;
    color: #00FF00;
    letter-spacing: 0.1em;
    text-transform: uppercase;
  }


  .section-number{
    color:#00FF00;
    font-weight:700;
    padding:2rem;
    margin-bottom:6rem;
  }
  
  /* ── Project rows ───────────────────────────────────────── */
  .project{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:2rem;
    align-items:center;
    margin-bottom:6rem;
  }
  .project.reverse .project-image{ order:2; }
  .project.reverse .project-content{ order:1; }
  
  .project-image img{
    width:100%; height:auto;
    border-radius:8px;
    box-shadow:0 10px 30px -15px rgba(0,0,0,.7);
  }
  
  .project-content{ max-width:520px; }
  .project-label{
    font-size:.8rem; font-weight:600; letter-spacing:.05em;
    color:#00FFCC; margin-bottom:.4rem;
  }
  .project-title{
    font-size:1.6rem; color:#fff; margin-bottom:.8rem;
  }
  .project-desc{
    background:#111; color:#bbb; font-size:.95rem;
    padding:1rem; border-radius:4px;
    box-shadow:0 5px 10px -5px rgba(0,0,0,.5);
    margin-bottom:1rem;
  }
  .project-tech{
    list-style:none; display:flex; flex-wrap:wrap; gap:.6rem 1.2rem;
    font-size:.8rem; color:#bbb; margin-bottom:1rem;
  }
  .project-links a{
    font-size:1.25rem; color:#fff; margin-right:1rem;
    transition:color .25s;
  }
  .project-links a:hover{ color:#00FFCC; }

  
  /* ── Responsive ─────────────────────────────────────────── */
  @media(max-width:768px){
    .project{ grid-template-columns:1fr; }
    .project.reverse .project-content{ text-align:center; }
  }