/* André Almeida Web Studio — V14.15
   Hierarquia editorial dos cases, entrada por rolagem e neon tipográfico no Hero.
   Não altera layout, scroll, imagens nem dados dos projetos. */

/* Abrir a seção de cases com maior presença visual e respiro. */
.aa-showcase {
  padding-top: clamp(108px, 9.2vw, 166px);
}
.aa-showcase__header {
  align-items: flex-end;
  gap: clamp(22px, 3vw, 50px);
  margin-bottom: clamp(52px, 6.3vw, 102px);
}
.aa-showcase__header > div:first-child {min-width:0;}
.aa-showcase__eyebrow {
  font-size: clamp(12px, .94vw, 15px);
  letter-spacing: .19em;
  gap: 14px;
  margin-bottom: clamp(26px, 2.6vw, 42px);
}
.aa-showcase__pulse {flex: 0 0 9px; width: 9px; height: 9px;}
.aa-showcase h2#aa-heading {
  font-size: clamp(46px, 4.65vw, 80px);
  line-height: 1.085;
  letter-spacing: -.051em;
  max-width: 1260px;
  text-wrap: balance;
}
.aa-showcase__intro {
  font-size: clamp(17px, 1.40vw, 22px);
  line-height: 1.68;
  max-width: 900px;
  margin: clamp(24px, 2.8vw, 42px) 0 0;
}
.aa-showcase__header-note {font-size: 11px; margin-bottom:12px;}

/* Só oculta os itens quando a entrada progressiva foi inicializada com JS.
   O fallback sem JavaScript e o modo acessível permanecem visíveis. */
@media (prefers-reduced-motion: no-preference) {
  .aa-showcase__header.aa-motion-ready .aa-showcase__eyebrow,
  .aa-showcase__header.aa-motion-ready h2#aa-heading,
  .aa-showcase__header.aa-motion-ready .aa-showcase__intro,
  .aa-showcase__header.aa-motion-ready .aa-showcase__header-note {
    opacity: 0;
    filter: blur(5px);
    transform: translate3d(0, 28px, 0);
    transition: opacity .85s cubic-bezier(.22,1,.36,1),
                transform .92s cubic-bezier(.22,1,.36,1),
                filter .9s ease;
  }
  .aa-showcase__header.aa-motion-ready.aa-motion-visible .aa-showcase__eyebrow,
  .aa-showcase__header.aa-motion-ready.aa-motion-visible h2#aa-heading,
  .aa-showcase__header.aa-motion-ready.aa-motion-visible .aa-showcase__intro,
  .aa-showcase__header.aa-motion-ready.aa-motion-visible .aa-showcase__header-note {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0,0,0);
  }
  .aa-showcase__header.aa-motion-ready .aa-showcase__eyebrow {transition-delay: 0ms;}
  .aa-showcase__header.aa-motion-ready h2#aa-heading {transition-delay: 105ms;}
  .aa-showcase__header.aa-motion-ready .aa-showcase__intro {transition-delay: 225ms;}
  .aa-showcase__header.aa-motion-ready .aa-showcase__header-note {transition-delay: 300ms;}

  /* Neon monocromático: preserva as letras azuis e alterna apenas
     a intensidade da luz azul/ciano (sem magenta ou vermelho). */
  .hero-message h1 em,
  .hero-message h2 em {
    animation: aa-hero-neon-glow 1.5s ease-in-out infinite alternate;
    animation-play-state: paused;
  }
  .hero.is-glow-visible .hero-message:not([aria-hidden="true"]) h1 em,
  .hero.is-glow-visible .hero-message:not([aria-hidden="true"]) h2 em {
    animation-play-state: running;
  }
  @keyframes aa-hero-neon-glow {
    0% {
      text-shadow: 0 0 5px rgba(44,145,255,.44),
                   0 0 12px rgba(44,145,255,.30),
                   0 0 26px rgba(44,145,255,.16),
                   0 0 48px rgba(44,145,255,.07);
    }
    100% {
      text-shadow: 0 0 8px rgba(0,212,255,.84),
                   0 0 18px rgba(0,212,255,.60),
                   0 0 38px rgba(0,212,255,.30),
                   0 0 78px rgba(0,212,255,.14);
    }
  }
}

@media (max-width: 900px) {
  .aa-showcase {padding-top: clamp(90px, 11vw, 118px);}
  .aa-showcase__header {margin-bottom: clamp(38px, 6.5vw, 62px);}
  .aa-showcase h2#aa-heading {font-size: clamp(42px, 5.8vw, 62px);max-width: 100%;}
  .aa-showcase__intro {font-size: clamp(17px, 2.25vw, 19px);margin-top: 25px;}
}
@media (max-width: 560px) {
  .aa-showcase {padding-top: 82px;}
  .aa-showcase__eyebrow {font-size: 12px;gap: 11px;letter-spacing: .15em;margin-bottom: 22px;}
  .aa-showcase h2#aa-heading {font-size: clamp(35px, 9.2vw, 46px);line-height: 1.1;letter-spacing: -.048em;}
  .aa-showcase__intro {font-size: 16px;line-height: 1.64;margin-top: 20px;}
  .aa-showcase__header {margin-bottom: 38px;}
}
@media (max-width: 360px) {
  .aa-showcase h2#aa-heading {font-size: 33px;}
  .aa-showcase__eyebrow {font-size: 11px;}
}
@media (prefers-reduced-motion: reduce) {
  .aa-showcase__header.aa-motion-ready .aa-showcase__eyebrow,
  .aa-showcase__header.aa-motion-ready h2#aa-heading,
  .aa-showcase__header.aa-motion-ready .aa-showcase__intro,
  .aa-showcase__header.aa-motion-ready .aa-showcase__header-note {
    opacity:1!important;filter:none!important;transform:none!important;transition:none!important;
  }
  .hero-message h1 em,.hero-message h2 em {animation:none!important;text-shadow:none!important;}
}