/* =======================================================================
   File: components/logo.css                                                   
   Author: Émile SNYERS                                                    
   Date: 2025-08-16                                                       
   Version: v1.0.0                                                 
   Purpose: Logo Aperture animé (pales et noyau).                                                  
   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-logo {
  width: 60px;
  height: 60px;
  position: relative;
  cursor: pointer;
  transition: transform 0.3s ease;
}
.aperture-logo:hover { transform: scale(1.1); }
.aperture-blades {
  position: absolute;
  width: 100%;
  height: 100%;
  animation: rotate 20s linear infinite;
}
.aperture-blade {
  position: absolute;
  width: 50%;
  height: 50%;
  background: var(--aperture-white);
  transform-origin: right bottom;
}
.aperture-blade:nth-child(1) { transform: rotate(0deg);   clip-path: polygon(100% 100%, 50% 100%, 100% 50%); }
.aperture-blade:nth-child(2) { transform: rotate(45deg);  clip-path: polygon(100% 100%, 50% 100%, 100% 50%); }
.aperture-blade:nth-child(3) { transform: rotate(90deg);  clip-path: polygon(100% 100%, 50% 100%, 100% 50%); }
.aperture-blade:nth-child(4) { transform: rotate(135deg); clip-path: polygon(100% 100%, 50% 100%, 100% 50%); }
.aperture-blade:nth-child(5) { transform: rotate(180deg); clip-path: polygon(100% 100%, 50% 100%, 100% 50%); }
.aperture-blade:nth-child(6) { transform: rotate(225deg); clip-path: polygon(100% 100%, 50% 100%, 100% 50%); }
.aperture-blade:nth-child(7) { transform: rotate(270deg); clip-path: polygon(100% 100%, 50% 100%, 100% 50%); }
.aperture-blade:nth-child(8) { transform: rotate(315deg); clip-path: polygon(100% 100%, 50% 100%, 100% 50%); }
.aperture-center {
  position: absolute;
  width: 30%;
  height: 30%;
  background: var(--aperture-dark);
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}
/* ===== End of components/logo.css | Author: Émile SNYERS | Date: 2025-08-16 | v1.0.0 ===== */