/* Pilares — motion CSS
   Hover = CSS. Entrada/scroll/tilt = JS (modules/pillars.js).
   Failsafe: nada aqui esconde conteúdo por padrão. */

/* Acrescenta box-shadow à transition existente do .pillar
   (mesma lista do style.css + box-shadow — não substitui comportamento). */
.pillar {
  transition:
    transform var(--dur) var(--ease-out),
    border-color var(--dur) ease,
    background-color var(--dur) ease,
    box-shadow var(--dur) ease;
}

/* Com GSAP ativo o transform é do JS (entrada + tilt 3D):
   tira transform da transition pra CSS não brigar com o tween. */
html.gsap-on .pillar {
  transition:
    border-color var(--dur) ease,
    background-color var(--dur) ease,
    box-shadow var(--dur) ease;
}

/* Glow vermelho no hover (acrescenta ao hover existente do style.css). */
.pillar:hover {
  box-shadow:
    0 0 0 1px rgba(241, 14, 17, 0.45),
    0 18px 44px rgba(241, 14, 17, 0.12);
}