/* Interactive footer signature — isolated from the hero and existing layout.
   The actual text stays in the DOM for accessibility, SEO and no-JS fallback. */
/* Tighten the hand-off from the contact form to the signature. */
#contact.section{
  padding-bottom:clamp(22px,2.5vw,36px);
}
footer{
  padding-top:0;
}
.footer-signature-shell{
  padding-block:clamp(8px,1vw,16px) clamp(18px,2.2vw,32px);
}
.footer-signature.hero-dots{
  display:block;
  position:relative;
  width:100%;
  max-width:100%;
  margin:0 auto;
  overflow:hidden;
  isolation:isolate;
  text-align:center;
  color:var(--text);
}
.footer-signature .hero-name-label{
  display:block;
  position:relative;
  z-index:1;
  width:100%;
  font-family:var(--display);
  font-size:clamp(78px,15vw,235px);
  font-weight:800;
  line-height:1.23;
  letter-spacing:normal;
  white-space:nowrap;
  text-align:center;
  color:var(--gold-2);
  transition:opacity .18s ease;
}
.footer-signature .hero-name-canvas{
  display:none;
  position:absolute;
  z-index:2;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
}
.footer-signature.is-ready .hero-name-canvas{display:block}
.footer-signature.is-ready .hero-name-label{opacity:0}
html[lang='ar'] .footer-signature .hero-name-label{
  font-family:var(--arabic-display);
  font-size:clamp(84px,13vw,200px);
  font-weight:700;
  line-height:1.62;
  letter-spacing:normal;
  direction:rtl;
}
@media(max-width:760px){
  #contact.section{padding-bottom:18px}
  .footer-signature-shell{padding-block:6px 20px}
  .footer-signature .hero-name-label{font-size:clamp(45px,13.6vw,94px);line-height:1.28}
  html[lang='ar'] .footer-signature .hero-name-label{font-size:clamp(45px,13vw,91px);line-height:1.62}
}
@media(prefers-reduced-motion:reduce){
  .footer-signature .hero-name-canvas{display:none!important}
  .footer-signature .hero-name-label{opacity:1!important}
}