/* Page interactions are independent of the approved logo entrance. */
@media (prefers-reduced-motion: no-preference) {
  .gold-line { transform-origin: left; animation: gold-breath 5s ease-in-out 1.8s infinite; }
  .card { transition: transform .35s cubic-bezier(.22,1,.36,1), border-color .3s, box-shadow .35s; }
  .card .icon { transition: transform .4s cubic-bezier(.22,1,.36,1); }
  .round-arrow { transition: background .3s, color .3s; }
  .round-arrow svg { transition: transform .35s cubic-bezier(.22,1,.36,1); }
  .card:focus-visible .icon { transform: translateY(-3px) rotate(-4deg); }
  .card:focus-visible .round-arrow { background: var(--gold); color: var(--bg); }
  .card:focus-visible .round-arrow svg { transform: translate(2px,-2px); }
  .card:active { transform: scale(.98); }
  .card::before { content: ""; position: absolute; inset: 0; background: linear-gradient(115deg,transparent 30%,#ffffff12 48%,transparent 65%); transform: translateX(-130%); pointer-events: none; }
  .card:focus-visible::before { animation: card-sheen .8s ease-out; }
  .motion-pending { opacity: 0; transform: translateY(44px); }
  .motion-reveal { animation: scroll-arrive .7s cubic-bezier(.22,1,.36,1) both; }
  @keyframes scroll-arrive { from { opacity: 0; transform: translateY(44px); } to { opacity: 1; transform: none; } }
  @keyframes gold-breath { 0%,100% { opacity: .65; transform: scaleX(1); } 50% { opacity: 1; transform: scaleX(1.3); } }
  @keyframes card-sheen { to { transform: translateX(130%); } }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .card:hover { transform: translateY(-5px); box-shadow: 0 12px 28px #0003; }
  .card:hover .icon { transform: translateY(-3px) rotate(-4deg); }
  .card:hover .round-arrow { background: var(--gold); color: var(--bg); }
  .card:hover .round-arrow svg { transform: translate(2px,-2px); }
  .card:hover::before { animation: card-sheen .8s ease-out; }
}