/* Androgeus — skyline canvas, hero veil and paper grain.
   Typography and layout live on the Elementor elements themselves;
   this file deliberately states none of it. */

.elementor section:first-of-type { position: relative; overflow: hidden; }

.andro-sky { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.andro-sky canvas { width: 100%; height: 100%; display: block; }

.andro-veil {
  position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background:
    radial-gradient(120% 75% at 50% 92%, rgba(7,9,12,0) 32%, rgba(7,9,12,0.80) 100%),
    linear-gradient(to bottom, rgba(7,9,12,0.82) 0%, rgba(7,9,12,0.08) 38%, rgba(7,9,12,0) 58%);
}

/* paper grain over the whole page */
body::after {
  content: ""; position: fixed; inset: 0; pointer-events: none; z-index: 9;
  opacity: 0.28; mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");
}

@media (prefers-reduced-motion: reduce) { .andro-sky { opacity: 0.85; } }