/* =======================================================================
   File: components/header.css                                                   
   Author: Émile SNYERS                                                    
   Date: 2025-08-16                                                       
   Version: v1.0.0                                                 
   Purpose: Barre d'en-tête, scan animé et conteneur du titre.                                                  
   Notes: 
   - Code organisé par modules pour un projet plus professionnel.
   - Commentaires présents en tête de fichier et avant chaque bloc.
   - Les couleurs et styles initiaux sont conservés via des variables.
   ======================================================================= */
.aperture-header {
  background: linear-gradient(135deg, var(--aperture-grey) 0%, var(--aperture-dark) 100%);
  border-bottom: 3px solid var(--aperture-orange);
  padding: 20px 0;
  position: relative;
  overflow: hidden;
}
.aperture-header::before {
  content: '';
  position: absolute; top: 0; left: -100%; width: 100%; height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 107, 53, 0.1), transparent);
  animation: scan 8s linear infinite;
}
.header-content {
  max-width: var(--container-max);
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-title { flex: 1; text-align: center; }
.header-title h1 {
  font-size: 2.5em;
  text-transform: uppercase;
  letter-spacing: 3px;
  margin-bottom: 5px;
  animation: glowPulse 3s ease-in-out infinite;
}
.project-id {
  font-size: 0.9em;
  color: var(--aperture-orange);
  font-family: 'Courier New', monospace;
  opacity: 0;
  animation: fadeInDown 1s ease-out 0.5s forwards;
}
/* ===== End of components/header.css | Author: Émile SNYERS | Date: 2025-08-16 | v1.0.0 ===== */