/* ProAI Expert — Footer Signature R4
   Scope: giant "PROAI EXPERT" footer signature only.
   Material model: near-black chrome at rest + local per-letter specular reflection.
   No layout, copy, CTA, Selected Work, Financial Stream, Hero, Cube, or other homepage changes. */

.home-footer-golden-r3__signature {
  --r4-edge: rgba(211, 216, 218, .11);
  --r4-edge-lit: rgba(238, 240, 238, .24);
  --r4-graphite-hi: #171b1f;
  --r4-graphite-mid: #101317;
  --r4-graphite-lo: #090b0d;
  background:
    radial-gradient(ellipse at 50% 54%, rgba(231, 232, 228, .012), transparent 53%),
    linear-gradient(180deg, rgba(255,255,255,.003), transparent 44%);
}

/* R4 deliberately suppresses the older broad/global "awake" lighting. */
.home-footer-golden-r3__signature::before {
  background:
    linear-gradient(108deg,
      transparent 0 41%,
      rgba(205, 211, 213, .012) 47%,
      rgba(241, 239, 234, .020) 50%,
      rgba(159, 168, 176, .009) 54%,
      transparent 61%);
  background-size: 100% 100%;
  background-position: 50% 50%;
  opacity: .20;
  animation: none;
}

.home-footer-golden-r3__signature::after {
  background: none;
  opacity: 0 !important;
  mix-blend-mode: normal;
  transition: none;
}

.home-footer-golden-r3__signature-light {
  background:
    radial-gradient(ellipse at 50% 54%, rgba(229, 231, 228, .014), transparent 47%);
  opacity: .18;
  animation: none;
}

/* No-JS / touch / reduced-motion fallback: calm, readable black chrome. */
.home-footer-golden-r3__signature-text {
  background:
    linear-gradient(180deg,
      #1a1e22 0%,
      #13171a 24%,
      #0b0d10 58%,
      #15191c 100%);
  background-size: 100% 100%;
  background-position: 50% 50%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: .55px var(--r4-edge);
  opacity: .76;
  filter: brightness(.86) contrast(1.035);
  transform: none;
  animation: proaiFooterSignatureR4Breath 16s ease-in-out infinite;
  transition:
    opacity 700ms cubic-bezier(.2,.72,.2,1),
    filter 700ms cubic-bezier(.2,.72,.2,1),
    -webkit-text-stroke-color 700ms cubic-bezier(.2,.72,.2,1);
  will-change: auto;
}

.home-footer-golden-r3__signature.is-awake::before {
  opacity: .22;
  background-position: 50% 50%;
  animation: none;
}

.home-footer-golden-r3__signature.is-awake::after {
  opacity: 0 !important;
}

.home-footer-golden-r3__signature.is-awake .home-footer-golden-r3__signature-light {
  opacity: .19;
  animation: none;
}

.home-footer-golden-r3__signature.is-awake .home-footer-golden-r3__signature-text {
  background-position: 50% 50%;
  opacity: .78;
  -webkit-text-stroke-color: rgba(220, 224, 225, .12);
  filter: brightness(.87) contrast(1.04);
  transform: none;
  animation-play-state: paused;
}

/* Progressive enhancement: runtime visual split. The parent retains the source text
   until JS is active, and the link's existing aria-label remains authoritative. */
.home-footer-golden-r3__signature-text[data-r4-ready="true"] {
  display: block;
  background: none;
  -webkit-text-stroke: 0;
  opacity: 1;
  filter: none;
  animation: proaiFooterSignatureR4Breath 16s ease-in-out infinite;
}

.home-footer-signature-r4__letter {
  --r4-light: 0;
  --r4-local-x: 50%;
  position: relative;
  display: inline-block;
  color: transparent;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: .48px rgba(204, 210, 212, calc(.095 + (var(--r4-light) * .13)));
  background:
    linear-gradient(180deg,
      var(--r4-graphite-hi) 0%,
      var(--r4-graphite-mid) 27%,
      var(--r4-graphite-lo) 61%,
      #12161a 100%);
  -webkit-background-clip: text;
  background-clip: text;
  filter: brightness(calc(.84 + (var(--r4-light) * .07))) contrast(1.04);
  transform: translateZ(0);
}

.home-footer-signature-r4__letter::after {
  content: attr(data-r4-char);
  position: absolute;
  inset: 0;
  pointer-events: none;
  color: transparent;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: .42px var(--r4-edge-lit);
  background:
    radial-gradient(ellipse 48% 100% at var(--r4-local-x) 48%,
      rgba(249, 248, 243, .96) 0%,
      rgba(225, 229, 230, .80) 18%,
      rgba(174, 185, 193, .50) 39%,
      rgba(116, 132, 146, .20) 58%,
      rgba(87, 102, 118, .05) 69%,
      transparent 78%);
  -webkit-background-clip: text;
  background-clip: text;
  opacity: var(--r4-light);
  filter: contrast(1.025);
}

.home-footer-signature-r4__space {
  display: inline-block;
  width: .26em;
  min-width: .26em;
}

.home-footer-signature-r4__space::after {
  display: none;
}

@keyframes proaiFooterSignatureR4Breath {
  0%, 100% {
    opacity: .985;
    filter: brightness(.985);
  }
  50% {
    opacity: 1;
    filter: brightness(1.012);
  }
}

@media (hover: hover) and (pointer: fine) {
  .home-footer-golden-r3__signature[data-r4-active="true"] .home-footer-signature-r4__letter {
    will-change: filter;
  }

  .home-footer-golden-r3__signature[data-r4-active="true"] .home-footer-signature-r4__letter::after {
    will-change: opacity;
  }
}

@media (max-width: 640px) {
  .home-footer-golden-r3__signature-text,
  .home-footer-golden-r3__signature.is-awake .home-footer-golden-r3__signature-text {
    opacity: .70;
    -webkit-text-stroke-width: .45px;
    filter: brightness(.84) contrast(1.03);
  }

  .home-footer-golden-r3__signature-text[data-r4-ready="true"] {
    opacity: 1;
    filter: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-footer-golden-r3__signature::before,
  .home-footer-golden-r3__signature::after,
  .home-footer-golden-r3__signature-light,
  .home-footer-golden-r3__signature-text,
  .home-footer-signature-r4__letter,
  .home-footer-signature-r4__letter::after {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }

  .home-footer-golden-r3__signature-text {
    opacity: .76;
    filter: brightness(.86) contrast(1.035);
  }

  .home-footer-golden-r3__signature-text[data-r4-ready="true"] {
    opacity: 1;
    filter: none;
  }

  .home-footer-signature-r4__letter {
    --r4-light: 0 !important;
    filter: brightness(.84) contrast(1.04);
  }

  .home-footer-signature-r4__letter::after {
    opacity: 0 !important;
  }
}
