/* Service 2 : avatars IA. Photos réelles de l'agence + habillage "analyse faciale". */

@keyframes scan { 0% { transform: translateY(-70px); } 100% { transform: translateY(350px); } }
@keyframes voice { 0%, 100% { transform: scaleY(0.25); } 50% { transform: scaleY(1); } }
@keyframes bracket { 0%, 100% { opacity: 0.45; } 50% { opacity: 1; } }

.avt { background: #1a1a1d; }

.avt__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

.avt__scan {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 70px;
  background: linear-gradient(180deg, rgba(var(--accent-rgb), 0), rgba(var(--accent-rgb), 0.28), rgba(var(--accent-rgb), 0));
  animation: scan 3.4s ease-in-out infinite;
}

.avt__c { position: absolute; width: 22px; height: 22px; border: 0 solid var(--accent); animation: bracket 2.4s ease-in-out infinite; }
.avt__c--tl { left: 46px; top: 62px; border-left-width: 2px; border-top-width: 2px; }
.avt__c--tr { right: 46px; top: 62px; border-right-width: 2px; border-top-width: 2px; }
.avt__c--bl { left: 46px; bottom: 124px; border-left-width: 2px; border-bottom-width: 2px; }
.avt__c--br { right: 46px; bottom: 124px; border-right-width: 2px; border-bottom-width: 2px; }

.avt__meta {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 46px 16px 16px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.72));
}
.avt__meta b { font-family: var(--serif); font-size: 26px; font-weight: 600; letter-spacing: -0.02em; line-height: 1; }

.avt__wave { display: flex; align-items: center; gap: 3px; height: 24px; }
.avt__wave s { width: 3px; height: 100%; border-radius: 2px; background: var(--accent); transform-origin: center; animation: voice 0.9s ease-in-out infinite; }
.avt__wave s:nth-child(2) { animation-delay: -0.15s; }
.avt__wave s:nth-child(3) { animation-delay: -0.35s; }
.avt__wave s:nth-child(4) { animation-delay: -0.55s; }
.avt__wave s:nth-child(5) { animation-delay: -0.25s; }
.avt__wave s:nth-child(6) { animation-delay: -0.7s; }
.avt__wave s:nth-child(7) { animation-delay: -0.45s; }