/* AB signature introduction — isolated from the existing portfolio. */
#ab-signature-intro { display:none; }
html.ab-intro-pending #ab-signature-intro {
  position:fixed;
  inset:0;
  z-index:2147483000;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  overflow:hidden;
  background:#090909;
  color:#d6b77d;
  opacity:1;
  transition:opacity 550ms ease;
  /* Independent visual fallback if animation initialization fails. */
  animation:ab-intro-fail-open 1ms 4500ms forwards;
}
#ab-signature-intro .ab-intro-art {
  width:min(88%,900px);
  visibility:hidden;
  transform:translateY(-12px);
  transition:transform 550ms ease;
}
#ab-signature-intro.ab-intro-started .ab-intro-art { visibility:visible; }
#ab-signature-intro .ab-intro-signature { display:block; width:100%; height:auto; overflow:visible; }
#ab-signature-intro .ab-intro-ink {
  fill:none;
  stroke-width:2.3;
  stroke-linecap:round;
  stroke-linejoin:round;
}
#ab-signature-intro .ab-intro-caption {
  margin:18px 0 0;
  color:#d6b77d;
  font:400 11px/1.6 Arial,sans-serif;
  letter-spacing:3px;
  text-align:center;
  opacity:0;
  transform:translateY(5px);
  transition:opacity 260ms ease,transform 260ms ease;
}
#ab-signature-intro.ab-intro-written .ab-intro-caption { opacity:.88; transform:none; }
#ab-signature-intro .ab-intro-skip {
  position:absolute;
  top:max(20px,env(safe-area-inset-top));
  right:max(20px,env(safe-area-inset-right));
  min-width:44px;
  min-height:44px;
  padding:10px 14px;
  border:0;
  border-radius:4px;
  background:transparent;
  color:#b9b1a2;
  font:400 13px/1.5 Arial,sans-serif;
  cursor:pointer;
}
#ab-signature-intro .ab-intro-skip:focus-visible { outline:2px solid #d6b77d; outline-offset:3px; }
html.ab-intro-pending #ab-signature-intro.ab-intro-leaving { opacity:0; pointer-events:none; }
#ab-signature-intro.ab-intro-started.ab-intro-leaving .ab-intro-art { transform:translateY(-22px) scale(.985); }
@keyframes ab-intro-fail-open { to { visibility:hidden; pointer-events:none; } }
@media(max-width:480px) {
  #ab-signature-intro .ab-intro-art { width:94%; }
  #ab-signature-intro .ab-intro-ink { stroke-width:3; }
  #ab-signature-intro .ab-intro-caption { margin-top:12px; font-size:10px; letter-spacing:1.4px; }
}
@media(prefers-reduced-motion:reduce) {
  html.ab-intro-pending #ab-signature-intro { display:none; }
}
@media print { html.ab-intro-pending #ab-signature-intro { display:none; } }